/*-------------------------*//* global layout styles *//*---------------------------------*/

/*/////////////////////////////////////////////////////////////////////////////////////////*/



#container{

  width:100%;

  background: #e8f5fa;

  overflow:hidden;

}



/*header*/

/*/////////////////////////////////////////////////////////////////////////////////////////*/



#header{

  background: url(/images/bg_header.png) top center repeat-x;

  overflow:hidden;

  position:relative;

}



#header_sleeve{

  margin:0 auto;

  width:995px;

  position:relative;

	overflow:hidden;

	background: #021331 url(/images/bg_header_sleeve.jpg) no-repeat;

}



#header #logo {

  margin:28px 0 27px 46px;

  display:block;

  width:207px;

  height:67px;

}  



#header #contact_details{

  position:absolute;

  right:49px;

  top:43px;

}



#header #contact_details p{

  text-align:right;

  color:#FFF;

  font-weight:bold;

  margin-bottom:;

  line-height:0.9;

}



#header #contact_details .email{

  font-size:1.6em;

}



#header #contact_details .telephone{

  font-size:1.5em;

}



#header #contact_details .email a:link, #header #contact_details .email a:visited{

  color:#FFF;

}



/*navigation*/

/*/////////////////////////////////////////////////////////////////////////////////////////*/



#nav {

  overflow:hidden;

  padding:10px 0 6px 0;

  margin:0 0 0 46px;

}





#nav ul{

	margin:0;

	list-style:none;

	overflow:hidden;

}



#nav li{

	float:left;

	margin:0 8px 0 0;

}



* html #nav li{padding-bottom:5px;}/*ie6 hack*/



#nav li.last{

  margin:0;

}



#nav a{

  color:#FFF;

  text-transform:uppercase;

  display:block;

  padding:8px 20px;

  font-weight:bold;

}



#nav a:focus, #nav a:hover{

  color:#1ca4dd;

  text-decoration:none;

}



#body_home #nav_home, #body_contact #nav_contact, #body_about #nav_about, #body_installation #nav_installation, #body_clients #nav_clients, .body_business #nav_business, #body_maintenance #nav_maintenance, #body_news #nav_news{

  background:url(/images/bg_nav_left.jpg) top left no-repeat;

}



#body_home #nav_home a, #body_contact #nav_contact a, #body_about #nav_about a, #body_installation #nav_installation a, #body_clients #nav_clients a, .body_business #nav_business a, #body_maintenance #nav_maintenance a, #body_news #nav_news a{

  background:url(/images/bg_nav_right.jpg) top right no-repeat;

  color:#1ca4dd;

}





/*sub navigation*/

/*/////////////////////////////////////////////////////////////////////////////////////////*/

	

#nav_sub{

	margin:0 0 30px;

	list-style:none;

	border-bottom:1px solid #d7e6e9;

	width:218px;

}



#nav_sub li{  

  border-top:1px solid #d7e6e9;

  height:100%;

}



#nav_sub li a{

  padding:11px;

  display:block;

  background:#f5fafd url(/images/bg_nav_sub.png) repeat-y;

  border-right:1px solid #d7e6e9;

  font-weight:bold;

  font-size:1.2em;

  height:100%;

}



#nav_sub li a:focus, #nav_sub li a:hover{

  text-decoration:none;

  color:#2f2f2f;

}



#body_residential #nav_residential a, #body_commercial #nav_commercial a, #body_industrial #nav_industrial a{

  background:#FFF url(/images/bg_nav_sub_current.png) 195px center no-repeat;

  border-right:none;

  color:#2f2f2f;

}

	

/*content*/

/*/////////////////////////////////////////////////////////////////////////////////////////*/







#content{

  position:relative;

	overflow:hidden;

	background:#FFF;

	margin:0 auto;

	width:860px;

	padding:20px;

	border-top:20px solid #e8f5fa;

}





#body_home #content

{

	padding-bottom: 0px !important;

}



#body_home #content

{

	height: 550px !important;

}



#body_home #content_sub

{

	padding-bottom: 0px !important;

}



#content_main{

	float: left;

	width: 529px;	

	padding:0 30px 0 0;

  overflow:hidden;

}



body.fullwidth #content_main{

  width:900px;

}

 

#content_sub{

	float: left;

	width: 301px;

  overflow:hidden;

}

#content_sub ul{list-style:none; margin: 0;}

       

/*footer*/

/*/////////////////////////////////////////////////////////////////////////////////////////*/



#footer{

	overflow:hidden;

	color:#608694;
 	margin:0;		

	width:100%;

	position:relative;

	background: #cce3eb;

}



#footer_sleeve{

  padding:40px 20px 15px;

  width:860px;

  margin:0 auto;

  position:relative;

  overflow:hidden;

  background: #cce3eb url(/images/bg_footer.png) no-repeat;

}



#footer ul{

	margin:0;

	list-style: none;

}



#footer li{

	float:left;

	margin-right: 5px;

	padding-right: 5px;

	border-right: 1px solid;

	font-weight:bold;

}



#footer a{

  color:#608694;

}


#footer .kyan{

	border-right: 0;

}




/* home page //////////////////////////////////////////////////////////*/



#body_home #container{

  background: #e8f5fa url(/images/bg_container_home.png) 0 152px repeat-x;

}



#body_home #content{

  border-top:0;

  background: #FFF url(/images/bg_content_sub_home.png) bottom right repeat-y;

  padding-top:0;

  padding-right:0;

  width:880px;  

}



#body_home #content_main{

  width:549px;

}



#body_home #footer_sleeve{

  background:url(/images/bg_footer_home.png) no-repeat 0 -8px;

}



#body_home h1{

  position:absolute;

  top:83px;

  right:71px;

  border:none;

  margin:0;

}



#body_home h1, #body_home h1 span{

  background:url(/images/hdr_home.jpg) no-repeat;

  width:444px;

  height:70px;

}



#body_home h2{

  font-size:2.5em;

}



#body_home h3{

  font-size:1.34em;

}



#content_header{

  height:257px;

  width:900px;

  margin: 0 auto;

  overflow:hidden;

  position:relative;

  background: url(/images/bg_content_header.jpg) no-repeat;

}



#home_unit{

 margin:0 0 0 22px; 

}



#quotation{

  background-color:#1176b4;

  width:241px;

  padding:10px 30px 37px 30px;

  margin:0 0 20px;

}

#quotation h2{

  font-size:2.58em;

  color:#FFF;

}



#quotation p{

  color:#7ad2f7;

  font-size:1.66em;

}



#testimonial{

  background:#f6f6f6 url(/images/bg_testimonial.png) repeat-x;

  border:1px solid #e0e0e0;

  padding:29px;

  margin:0 0 30px;

}



#body_home #testimonial{

  width:214px;

}



#testimonial blockquote{

  color:#1176b4;

  font-style:italic;

  font-size:1.51em;

  margin:0 0 10px;

}



#testimonial cite{

  margin:0 0 30px;

  display:block;

  font-style:normal;

}



#testimonial p{

  margin-bottom:0;

}



#accredited{

  color:#678ea0;

  font-weight:bold;

  font-size:1.16em;

  border-top:1px solid #e4e4e4;

  border-bottom:1px solid #e4e4e4;

  padding:15px 13px;

  margin:0 0 25px;

}



#accredited img{

  display:block;

  float:left;

  margin:0 20px 0 0;

}



.box{

  float:left;

  width:254px;

  padding:0 20px 25px 0;

}



#client_logos{

  overflow:hidden;

  clear:both;

  width:552px;

  margin:0;

  list-style:none;

}



#client_logos li{

  float:left;

  width:auto;

  margin:0 25px 20px 0;

}



/* about page //////////////////////////////////////////////////////////*/





#free_quotation{

  color:#333;

  font-weight:bold;

  font-size:1.8em;

  background-color:#f6f6f6;

  padding:15px 20px;

}



#free_quotation p{

  margin:0;

}



#free_quotation a img{

  vertical-align:middle;

  margin:0 0 0 5px;

}



/* installation */



#business_areas{

  font-weight:bold;

  color:#626262;

}



#business_areas ul{

  list-style:none;

  margin:0;

}



#business_areas li{

  margin-bottom:7px;

}



/* contact us //////////////////////////////////////////////////////////*/

#body_contact #content_sub a{

  font-weight:bold;

}



/* clients //////////////////////////////////////////////////////////*/



#client_list{

  margin:0;

  list-style:none;

}



#client_list li{

  float:left;

  margin:0 20px 20px 0;

  padding:1px;

  background:url(/images/bg_client_logo.png) no-repeat;

}

#client_list li.last{

  margin-right:0;

}



/* body_business //////////////////////////////////////////////////////////*/



.body_business #content_sub{

  width:220px;

  padding:20px 30px 175px 0;

  background:url(/images/bg_content_sub_business.png) 217px 52px no-repeat;

}



.body_business #content_sub h2{

  color:#9a9a9a;

}



.body_business #content_main{

  width:580px;

}



.body_business #accredited{

  position:absolute;

  left:20px;

  bottom:0px;

  padding:0;

  font-weight:normal;

  border:none;

  font-size:0.95em;

  width:200px;

  color:#98b5bd;

}



.body_business #accredited img{

  float:none;

  margin:0 0 10px;

}



.body_business #button_quote{

  margin:0 0 0 10px;

}



.case_study{

  padding:20px 0;

  border-top:1px solid #d3e7e8;

}



.case_study h2{

  margin-bottom:5px;

}



.case_study h3{

  color:#373737;

  font-size:1.85em;

  font-weight:normal;

}



.case_study img{

  float:right;

  margin:0 0 25px 25px;

}



.case_study blockquote{

  color:#1674b2;

  margin:30px 0 5px;

  font-size:1.5em;

  font-style:italic;

}

.case_study cite{

  color:#989898;

  font-size:0.95em;
}



/* products */

.products { border-top: 1px solid #d3e7e8; padding: 15px 0; margin: 10px 0 0; zoom: 1; }

.products:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }

.products ul { margin: 0; padding: 0; }

.products li { float: left; list-style: none; margin: 0 0 0 15px; font-size: .92em; font-weight: bold; text-align: center; _display:inline; /* :hack: double-margin fix for ie6 */ }

.products li.first { margin-left: 0; }

.products img { margin: 0 auto 10px; }

/* productslanding */

.productslanding { border-top: 1px solid #d3e7e8; padding: 15px 0; margin: 10px 0 0; zoom: 1; }

.productslanding:after { content: "."; clear: left; display: block; height: 0; visibility: hidden; }

.productslanding ul { margin: 0; padding: 0; }

.productslanding li { float: left; list-style: none; margin: 0 0 0 10px; font-size: .90em;  text-align: center; _display:inline; /* :hack: double-margin fix for ie6 */ }

.productslanding li.first { margin-left: 0; }

.productslanding img { margin: 0 auto 10px; }

#commercial_call_to_action{ margin-right: 50px;}