@charset "utf-8";

* {
	margin: 0;
}

html {
		height: 100%; 
}



body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #ededed;
	background-image: url(../images/page-back.jpg);
	background-repeat: repeat-x;
	height: 100%; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}


.oneColFixCtrHdr #outer {
		/*
Sticky Footer by Ryan Fait http://ryanfait.com/
*/
	min-height: 100%; 
    height: auto !important; 
    height: 100%; 
    margin: 0 auto -64px; 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
}



/* MAIN CONTAINER */

.oneColFixCtrHdr #container {
	background: #e2e2e2;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
}

/* HEADER */

.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	height: 160px;
	margin: 0px;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	width: 780px;
}

/* HEADER NAVIGATION */

.oneColFixCtrHdr #top-nav {
	background-image: url(../images/template_04.gif);
	background-repeat: repeat-x;
	color: #000000;
	height: 35px;
	margin: 0px; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	width: 780px;
}

.oneColFixCtrHdr #top-nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 50px;
}

.oneColFixCtrHdr #top-nav li {
	float: left;
	padding: 0px;
	margin: 10px 30px 0px 0px;
}

	
.oneColFixCtrHdr #top-nav .tab-on  {
	float: left;
	height: 35px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/tab-home.jpg);
	width: 129px;
	}	


.oneColFixCtrHdr #top-nav a:link,  .oneColFixCtrHdr #top-nav a:visited {
	color:#000000;
	font-size: 70%;
	font-weight: bold;
	text-decoration:none;
	margin: 0px; 
	padding: 0px;
}

.oneColFixCtrHdr #top-nav a:hover {
	color:#000000;
	font-size: 70%;
	font-weight: bold;
	text-decoration:underline;
	margin: 0px; 
	padding: 0px;
}

.oneColFixCtrHdr #top-nav a.on:link,  .oneColFixCtrHdr #top-nav a.on:visited {
	color:#ffffff;
	font-size: 70%;
	font-weight: bold;
	text-decoration:none;
	margin: 0px; 
	padding: 0px;
}

.oneColFixCtrHdr #top-nav a.on:hover {
	color:#ffffff;
	font-size: 70%;
	font-weight: bold;
	text-decoration:underline;
	margin: 0px; 
	padding: 0px;
}


/* PAGE CONTENT */

.oneColFixCtrHdr #mainContent {
	background: #FFFFFF;
	padding: 30px 40px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: 13px;
	line-height: 22px;
	height: 100%;
	
}


.oneColFixCtrHdr #banner {
	width: 680px;
	padding-bottom: 30px
}

.oneColFixCtrHdr #mainContent h1{
	clear: left;
	font-size: 12px;
	padding: 0px 0px 20px 0px;
 }

.oneColFixCtrHdr #mainContent h2{
	clear: left;
	font-size: 11px;
	padding-top: 0px;
}

.oneColFixCtrHdr #mainContent h3{
	clear: left;
	background: #f8f8f8;
	border: 1px dotted #999999;
	font-size: 12px;
	padding: 0px 0px 0px 10px;
	width: 433px;
}


.oneColFixCtrHdr #mainContent h4{
	clear: left;
	font-size: 11px;
	padding-top: 0px;
}



.oneColFixCtrHdr #mainContent p {
	padding-bottom: 20px;
}


.oneColFixCtrHdr #mainContent table {
	margin-bottom: 15px;
}


.oneColFixCtrHdr #mainContent a:link, .oneColFixCtrHdr #mainContent a:visited {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}

.oneColFixCtrHdr #mainContent a:hover {
	font-weight: bold;
	color: #999999;
	text-decoration: underline;
}


.oneColFixCtrHdr #mainContent ul {
	padding: 0px 0px 0px 25px;
}

.oneColFixCtrHdr #mainContent td {
	vertical-align: top;
}

.right-box{
	border: 1px solid #ff0000;
	float: left;
	margin-left: 200px;
	width: 300px;
}

#flags {
	margin-top: 50px;
}




/* HOME PAGE COLUMNS */

#column1 {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 468px;
	

}

#column2 {
	float: right;
	font-size: 9px;
	margin: 42px 0px 0px 0px;
	padding: 8px;
	width: 184px;
	border: 0px solid #ff0000;
	background-image: url(../images/right-column-back.jpg);
	background-repeat: no-repeat;
	text-align: center;
}



/* FOOTER PUSH*/

.push {
	/*
Sticky Footer by Ryan Fait http://ryanfait.com/
*/
	height:64px; /* .push must be the same height as .footer */
	
}


/* FOOTER*/

.oneColFixCtrHdr #footer {
	clear: both;
	margin: 0 auto; 
	text-align: center;
	background: url(../images/template_11.gif);
	background-repeat: no-repeat;
	height: 64px;
	padding: 0px;
	width: 780px;
}

.oneColFixCtrHdr #footer p {
	color:#FFFFFF;
	font-size: 70%;
	font-weight: bold;
	line-height: 22px; 
	margin: 0; 
	padding-top: 10px; 
	text-align: center;
}

.oneColFixCtrHdr #footer a:link,  .oneColFixCtrHdr #footer a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.oneColFixCtrHdr #footer a:hover {
	color:#cccccc;
	text-decoration:none;
}


.oneColFixCtrHdr #site-by {
	font-size: 9px;
	color: #999999;
	margin: 10px 0px;
}

.oneColFixCtrHdr #site-by a:link,  .oneColFixCtrHdr #site-by a:visited {
	color:#999999;
	font-size: 9px;
	text-decoration:none;
}

.oneColFixCtrHdr #site-by a:hover {
	color:#000000;
	font-size: 9px;
	text-decoration:none;
}



/* IMAGE ALIGNMET*/

.float-left {
	float: left;
	margin: 5px 10px 0px 0px;	
	border: 1px solid #cccccc;
}

.float-left-no-border {
	float: left;
	padding: 0px 10px 35px 0px;
}


.float-left2 {
	float: left;
	margin: 0px 10px 10px 0px;	
	border: 1px solid #cccccc;
}

.border-right {
	border: 1px solid #cccccc;
	margin-left: 25px;
}


.clear {
	clear:left;
	padding: 10px 0px;
}


.padding {
	padding: 0px 14px 0px 0px;
}

 /* GALLERY PAGE */
 
 
.gallery-thumb {
	border: 1px solid #cccccc;
	margin: 0px;
	padding: 1px;
}

.oneColFixCtrHdr #loadarea2 {
	margin: 1px;
	width: 662px;
	height: 440px; 
	border: 1px solid #cccccc;
	padding: 1px;
}



/* PRICING TABLES */

.table_border {
	border: 1px solid #444343;
	padding: 2px;
	margin: 2px;
	border-collapse:collapse;
	width: 100%;
}



.table_border th, .table_border td, .table_border tr {
	border: 1px solid #999999;
	padding: 5px;
	margin: 5px;
}

td, tr {
	border: 1px solid #999999;
	padding: 5px;
	margin: 5px;
}

.gallery td, .gallery tr {
	border: 0px solid #999999;
	padding: 5px;
	margin: 5px;
}


.table_top {
	background-color: #444343;
	COLOR: #ffffff;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding: 2px 0px;
	margin: 0px;	
}

.table_odd {
	background-color: #F2F2F2;
	COLOR: #000000;
	text-align: center;
	margin: 0px;	
	padding: 2px 0px;
}

.table_even {
	background-color: #ffffff;
	COLOR: #000000;
	font-size: 12px;
	text-align: center;
	margin: 0px;	
	padding: 2px 0px;
}

.table_even_bottom {
	background-color: #ffffff;
	COLOR: #000000;
	text-align: center;
	border-bottom: 0px solid #444343;
	margin: 0px;	
	padding: 2px 0px 0px 0px;
	font-size: 10px;
}

.table_odd_bottom {
	background-color: #F2F2F2;
	COLOR: #000000;
	text-align: center;
	border-bottom: 0px solid #444343;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	font-size: 10px;
}

.enquiry_table {
	background-color: #ffffff;
	COLOR: #000000;
	TEXT-DECORATION: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-bottom: 5px;
	line-height: 14pt;
}