html,body {
	margin:0 auto;
	margin: 0 auto; 
	height:100%;
 background-image: url(images/bg.png);
	background-position: center top;
	background-repeat: repeat-y; 
		background-color: #FFFFFF;}
 

	
	#container {
	text-align: center;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
	

	}
	
 
 
	 
.main, a,h1,h2,h3,div,input{
font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #242424;
	text-transform: none;
	text-decoration:none;
	}

a{ color:#000066}
 
a:hover{ text-decoration:underline;}
a.pagetitles:hover {text-decoration:underline;}


img { border:0;}
 
h1,h2,h3,p,div{
	margin: 0;
	padding:0;
	font-weight: normal;
 }

ul,li{
	margin: 0;
	padding:0;
	list-style:none;
 }
 
form {margin: 0; padding:0; } 
 

.button1{ 
	font-size: 11px;
	color: #FFFFFF;
	border:none;
	background-color: #666666;
	margin:0;
	padding:2px;
	text-transform: uppercase;
} 

  

 
  

form {
	margin: 0;
	padding: 0;
}

  

 
#top{
	position:relative;
	margin:0 auto;
	z-index: 5;
	height: 80px;
 
	 
}
 
 



  
 
 
#topNavigation{
	border: 0px;
	position: relative;
	background-color: #001133;
	line-height: 45px;
	height: 45px;
	text-align: center;
}


#topNavigation ul{
	width: 960px;
	margin: 0 auto;
	text-align: right;
}

#topNavigation ul li{
	display: inline;
}

#topNavigation ul li a{
	color: #FFFFFF;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0px 10px;
	border-right: 1px solid #fff; text-decoration:none
}

#topNavigation ul li #contact-us {
	border:0px;
	padding-right: 0px;
}

#topNavigation ul li #call-us {
	float:left;
	border: none;
	padding: 0px;
	font-size:16px;
	font-weight: bold;
}
 

#topNavigation ul li a:hover{
 background:#999999

}



#midSection{
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	clear: both;
	position: relative;
	height: 352px;
	z-index: 1;
	background-color: #FFFFFF;
	text-align: left;
	border-bottom: 0px solid #333;
	}
 

#midSection #straplines{
 
	z-index: 10;
	position: absolute;
	left: 29px;
	top: 31px; 
	width: 190px;
}

#midSection #strapline{
	font-size:24px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 10px;
	 
}

#midSection #strapline2{
	font-size:20px;
	color: #FFFFFF;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0px;
	font-style: italic;
}


#midSection #quoteWrapper{
	color:#FFFFFF;
	z-index: 10;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 258px;
	height: 350px;
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #001133;
	background-image: url(images/bottomPageCorner.png);
}

#quote {
	font-size:20px;
	letter-spacing:-1px;
	color:#f9f9f9;
	z-index: 10;
	font-weight: normal;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 215px;
	margin-top: 25px;
	margin-left: 20px;
}
#quoteBy{ 
	font-size:12px;
	color: #FFFFFF;
	z-index: 10;
	position: absolute;
	width: 215px;
	left: 20px;
	top: 217px;
	text-align: left;
	font-weight: normal;
}	


  

 

 

#mainNavigation {
	background-position: left;
	background-repeat: no-repeat;
	margin: 0 auto;
	clear: both;
	margin-top: 5px;
	height: 85px;
	position: relative;
	border-bottom: 2px solid #000;
	margin-bottom: 2px;
 
}

#mainNavigation #logo
{
	width: 350px;
	text-align: left;
	height: 72px;
	display: block;
	background-color: #FFFFFF;
	border-bottom: 0px solid;
	float: left;
	margin-top: 10px;

}
	
#mainNavigation ul {
	padding:0;
	margin: 0;
	list-style:none;
	text-align: right;
	position: absolute;
	right: 0px;
	bottom:  2px;
	z-index: 4;
}

#mainNavigation li {
	padding: 0px;
	margin:0px;
	display: inline;
	text-align: center;
	
}

#mainNavigation a {
	text-decoration:none;
	display: block;
	float: left;
	width: 112px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0px;
	line-height: 35px;
	background-color: #001133;
	border-left: 1px solid #fff;
	color: #FFFFFF;
	font-weight: bold;
}
 
#mainNavigation a:hover ,#mainNavigation .selected{
	color: #FFFFFF;
	background-color: #666666;
 

}

.topImage{
position:absolute;
left:0;
top:0;
}

 /* eo top */

#contentWrapper
{
	clear: both;
	margin:0px auto 0px auto;
	padding-top: 6px;
	text-align:left;
	min-height:200px;
	height:auto !important;
	height:200px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(images/blueLine.png);
}
 
 
 

#contentLeft{
	float:left;
	width: 210px;
	text-align: left;
	color: #333333;
	font-size: 11px; 
}
 
#contentRight{
	border:0;
	float: left;
	text-align:left;
	width: 725px;
	margin-left: 15px;
}

 


 
#contentRight p{ margin:0; padding:2px 0px;}

#contentRight td {padding:5px}

#contentRight table {
	text-align: left;  
	margin-right:12px;margin-left:12px;
	margin-bottom:12px; 
	 }
	 
#contentRight td {border:0px solid #f1f1f1;}
 
#contentRight ul{ 	margin: 0; padding:10px 15px; }
	
#contentRight li{
margin:0;  padding:3px; 
list-style:  inside;
list-style-type:square;

}










/* home elements  */
 
 
#homeRightBottom{width:246px; height:235px; margin-right:5px; 
background-image:url(images/homeRIghtFooter.png); position:relative; 
background-position:top; background-repeat:no-repeat;
}
/* home elements  */


/*   logos scroller */
#logosScroll {
	width:200px;
	height:230px;
	position:relative;
	border:1px solid #001133;
	margin:0; padding:0;
 }

#logosScroll li{
display:block;position:absolute;width:100%; text-align:center; left:0px; 
margin:0; padding:0; list-style-type:none} 

#logosScroll h1{
	font-size:18px;
	color:#FFFFFF;
	text-align: left;
	margin-top:0px;
	font-weight: bold;
	background-color: #001133;
	padding: 8px;
}

 
/*   gallery sidebar    */
#sidebar {
	width:200px;
	position:relative;
	border:1px solid #001133;
	margin:0; padding:0;
 }
 
 #sidebar h1{
	font-size:18px;
	color:#FFFFFF;
	text-align: left;
	margin-top:0px;
	font-weight: bold;
	background-color: #001133;
	padding: 8px;
}

#sidebar ul {
	padding: 8px 0px 15px 0px;
}
#sidebar ul li { border-bottom:1px dotted #ccc;  padding:3px 0px 3px 8px; margin:1px 8px}
#sidebar ul li a{
	display: block;
	padding: 2px 0px 2px 12px ;
	background-image:url(images/subMenuOff.png);
	background-position:left 50%;
	background-repeat:no-repeat; 
	font-size: 12px;
	color:#000033
}
#sidebar ul li a:hover{background-image:url(images/subMenuOn.png);}





/* enq form*/


#formWrapper{
	text-align:left;
	margin:0;
	padding:0;
	margin-top: 7px;

}

#enqForm{
	padding:5px;
	padding-top:5px;
	margin:0 0 0 0px;
	width: 400px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	text-align:left;
	margin-left: 6px;
 
}

.rows{
	clear: both;
	margin-left: 20px;
	margin-bottom: 3px;
}

.labels{
	clear: both;
	color: #333333;
	font-size:10px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
} 
.inputs{
	width: 345px;
	clear: both;
	border: 1px solid #e3e3e3;
	margin-bottom:8px;
	font-size: 11px;
	padding:1px;
	margin-top: 2px;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #818181;
	background:#fff;
}

.inputsDD{ 
	clear: both; 	border: 1px solid #e3e3e3;
	margin-bottom:8px;
	font-size: 11px;
	padding: 0;
	margin-top: 5px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #818181;
	background:#fff;
}


 




#siteBy{
	margin-right: 15px;
	font-size: 16px;
	color: #666666;
	text-align: right;
}

#siteBy a{
	color: #666666;
	font-size: 10px;
} 
 

	#footer {
	text-align: left;
	background-repeat:no-repeat;
	margin: 10px auto;
	background-position: top center;
	width: 100%;
	border-top: 2px solid;
	border-color: #001133;
	}


 

#footerNavigation {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	margin: 10px auto;
	border-top: 1px solid #fff;
	padding: 3px 0px;
	

}

 
 #copyright{
	font-size: 11px;
	padding: 8px 0px 12px 0px;
	text-align: center;
	color: #333333;
 
}

#footerNavigation UL {
margin:0; padding:0;	 
	margin-right: 25px;
	list-style-type: none;
}

#site{ text-align:right; padding:5px;}
#site a {
	color: #FFFFFF;
	font-size:10px;
}

#footerNavigation LI {
	DISPLAY: inline;
	margin:0;
	padding:0px;
	LIST-STYLE-TYPE: none;
	font-size: 12px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: left;
}



#footerNavigation A {
	padding:0px;
	font-size: 12px;
	color: #000000;
	text-transform: uppercase;
	padding-right: 6px;
	border-right: 1px solid #333;
	padding-left: 6px;
}
 
 
#footerNavigation A:hover  {
 background:#999999
}





/*######## universal ########### */
.floatLeft{ float:left}
.floatRight{ float:right}
.clearFloat{ clear:both;}
.TAR{ text-align:right}
.TAC{ text-align:center}
.TAL{ text-align:left}

.centred , .centered{margin:0 auto}

.m3{margin:3px}
.m5{margin:5px}
.m10{margin:10px}

.mT3{margin-top:3px}
.mT5{margin-top:5px}
.mT10{margin-top:10px}
.mT15{margin-top:15px}
.mT20{margin-top:20px}
.mT25{margin-top:25px}
.mT30{margin-top:30px}

.mB3{margin-bottom:3px}
.mB5{margin-bottom:5px}
.mB10{margin-bottom:10px}
.mB25{margin-bottom:25px}

.mL3{margin-left:3px}
.mL5{margin-left:5px}
.mL10{margin-left:10px}
.mL15{margin-left:15px}
.mL20{margin-left:20px}
.mL50{margin-left:50px}
.mL75{margin-left:75px}
.mL100{margin-left:100px}

.mR3{margin-right:3px}
.mR5{margin-right:5px}
.mR10{margin-right:10px}
.mR15{margin-right:15px}
.mR20{margin-right:20px}
.mR25{margin-right:25px}
.mR30{margin-right:30px}
.mR50{margin-right:50px}


.p3{padding:3px}
.p5{padding:5px}
.p10{padding:10px}

.pT3{padding-top:3px}
.pT5{padding-top:5px}
.pT10{padding-top:10px}

.pB3{padding-bottom:3px}
.pB5{padding-bottom:5px}
.pB10{padding-bottom:10px}

.pL3{padding-left:3px}
.pL5{padding-left:5px}
.pL10{padding-left:10px}
.pL15{padding-left:15px}
.pL20{padding-left:20px}

.pR3{padding-right:3px}
.pR5{padding-right:5px}
.pR10{padding-right:10px}
.pR15{padding-right:15px}
.pR20{padding-right:20px}
.b0{border:none; border:0px;}




.bfs{border:1px solid  #D6D6D6;}
.bfd{border:1px dotted #D6D6D6;}
.bfdd{border:1px dashed #D6D6D6;}

.bfdd{border:1px dashed #D6D6D6;}
.bbd{ border-bottom : 1px dotted #D6D6D6;}
.bbs{ border-bottom : 1px solid #D6D6D6;}
.bbdd{ border-bottom : 1px dashed #D6D6D6;}

.bts{ border-top : 1px solid #D6D6D6;}
.btd{ border-top : 1px dotted #D6D6D6;}
.btdd{ border-top : 1px dashed #D6D6D6;}
 
 
.bbr{border:1px solid #ff0000;}
.bfr{border:1px dotted #ff0000;}
.bfrdd{border:1px dashed #ff0000;}

.w10{ width:10px}
.w20{ width:20px}
.w25{ width:25px}
.w50{ width:50px}
.w75{ width:75px}
.w100{ width:100px}
.w150{ width:150px}
.w175{ width:175px}
.w200{ width:200px}
.w250{ width:250px}
.w275{ width:275px}
.w300{ width:300px}
.w325{ width:325px}
.w350{ width:350px}
.w400{ width:400px}
.w425{ width:425px}
.w450{ width:450px}
.w500{ width:500px}
.w525{ width:525px}
.w550{ width:550px}
.w600{ width:600px}
.w625{ width:625px}
.w650{ width:650px}
.w675{ width:675px}
.w700{ width:700px}
.w725{ width:725px}
.w750{ width:750px}
.w800{ width:800px}
.w850{ width:850px}
.w900{ width:900px}
.w950{ width:950px}


.h0{ height:0px}
.h1{ height:1px}
.h5{ height:5px}
.h10{ height:10px}
.h15{ height:15px}
.h20{ height:20px}
.h25{ height:25px}
.h50{ height:50px}
.h75{ height:75px}
.h100{ height:100px}
.h150{ height:150px}
.h200{ height:200px}
.h250{ height:250px}

.bgcCCC  {background-color:#999999}
.bgcWHITE  {background-color:#fff}
.bgcF1  {background-color:#f1f1f1}
.bgcF7 {background-color:#f7f7f7}
.bgcBLACK  {background-color:#000}
.bgcRED  {background-color:RED}
.bgc999  {background-color:#999}