@charset "utf-8";
body  {
	font: 95%/1.2em Arial, Helvetica, sans-serif;
	background:#cde9d6 url(../images/bg_gradient.jpg) repeat-x;
	margin: 0 auto; 
	padding: 0;
	text-align: center; 
	color: #6d6f71;	
}
*{margin:0; padding:0;}
a{color:#6d6f71; font-weight:bold;	text-decoration:none; outline:none;	}
a:hover{color:#84c198; font-weight:bold;	text-decoration:none;	}
img{border:none; outline:none;}



#container { 
	background: #FFFFFF url(../images/bg_column.png);
	width: 795px; 
	margin:20px auto 0 auto; 
	text-align: left; 
} 
#header { 
	width: 795px; 	 
	height:260px; 
	background-color:#FFFFFF;
} 

#leftColumn {
	float: left; 
	width:176px;
	padding:0;
}
#rightColumn { 
	margin: 0 0 0 180px; 
	padding: 0 0 20px 0; 
} 

#logo{
	background:#FFFFFF;
	width:795px;
	height:91px;
	}
#logo img{
	padding:20px 0 0 0;
	}


#flash{
	z-index:-1;
	width:795px;
	height:142px;
	background-color:#FFFFFF;
	}
#sidenav{

	width:176px;
/*	height:353px;*/
	}
#sidenav img{
	padding:0.7em 5%;
	}
#contentHome{
	background:url(../images/bg_right_home.jpg) bottom right  no-repeat;
	width:610px;
	height:380px;
	}

#content{
	width:615px;
	padding-top:20px 0;
	}
#contentForm{
	width:615px;
	}
.contact-col{
	padding-left: 4%;
	float:left;
	width:200px;
	margin:0;
	}
#contentHome ul{
	list-style-type:none;
	margin:0.7em 5%;
	}
#contentHome li{
	background:url(../images/bullet_green.png) left 7px no-repeat;
	list-style-type:none;
	line-height:1.5em;
	font-size:75%;
	color:#6d6f71;
	padding-left:15px;
	}
#content ul{
	list-style-type:none;
	margin:0.7em 5%;
	}
#content li{
	background:url(../images/bullet_green.png) left center no-repeat;
	list-style-type:none;
	line-height:2em;
	font-size:75%;
	color:#6d6f71;
	padding-left:20px;
	}	
#content li.forms{
	background: none;
	list-style-type:none;
	line-height:2.5em;
	font-size:75%;
	color:#6d6f71;
	padding:0;
	}
.center{margin-bottom:10px;}
#content li.forms img{
	padding:0 10px 0 0;
	margin:0 0 -2px 0;
	}

/*side nav*/
dl.sidenav {
	PADDING: 0px;  MARGIN:120px 0 5px 5%; 
}
dl.sidenav dd {
	DISPLAY: none
}
dl.sidenav dt {
	display: block; margin:20px 0 0 0; width: 127px; height:39px; text-indent:-10000px;
}
dl.sidenav dt a#download {
	display: block; width: 127px; height:39px; background:url(../images/icon_download.png) no-repeat;  
}
#body_tech dl.sidenav dt#download {
	display: block; width: 127px; height:39px; background:url(../images/icon_download.png) -137px 0px no-repeat;  
}
dl.sidenav dt a#inspect {
	display: block; width: 127px; height:39px; background:url(../images/icon_inspection.png) no-repeat;  
}
#body_ins dl.sidenav dt#inspect {
	display: block; width: 127px; height:39px; background:url(../images/icon_inspection.png) -137px 0px no-repeat;  
}
dl.sidenav dt a#quote {
	display: block; width: 127px; height:39px; background:url(../images/icon_quote.png) no-repeat; 
}
#body_quo dl.sidenav dt#quote {
	display: block; width: 127px; height:39px; background:url(../images/icon_quote.png) -137px 0px no-repeat;  
}


dl.sidenav dt a#download:hover {background-position: -137px 0px;}
dl.sidenav dt a#inspect:hover {background-position: -137px 0px;}
dl.sidenav dt a#quote:hover {background-position: -137px 0px;}

/*text styles*/

h1, h2, h3, h4, p{
	margin:0.9em 5%;
	}
h1, h2{
	font: "Myriad Web", Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
	color:#6b6c6e;
	font-size:100%;
	margin:2em 0 1.4em 5%;
	}
h2{
	font-size:100%;
	}
p{
	font-size:75%;
	line-height:1.5em;
	}
p.contact{font-size:90%;}
.green{color:#84c198;}
/*heading ids*/
h1#quote{
	background:url(../images/title_quote.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}
h1#news{
	background:url(../images/title_news.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}
h1#thanks{
	background:url(../images/title_thanks.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}
h1#home{
	background:url(../images/title_home.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}
h1#services{
	background:url(../images/title_services.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}
h1#careers{
	background:url(../images/title_careers.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}

h1#call{
	background:url(../images/title_call.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}
h2#visit{
	background:url(../images/title_visit.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}
h2#enquire{
	background:url(../images/title_enquire.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}
h2#idas{
	background:url(../images/title_idas.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}
h2#plumbing{
	background:url(../images/title_plumbing.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}
h2#building{
	background:url(../images/title_building.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}
h2#ba{
	background:url(../images/title_ba_forms.png) no-repeat;
	display:block;
	text-indent:-10000px;
	}

/*.......................................................footer*/
#footer {
/*	background:#c0e2ca; */
	margin: 0 auto;
	width: 795px;
	height: 50px;
	text-align:center; 
} 
#footer a{
	color:#6e6f71;
	padding:0 1em;	
	}
#footer a:hover{
	color:#9bd3ae;
	}	
#footer p {
	font:65% Arial, Helvetica, sans-serif;	 
	padding:1em 0; 	
}
/*.......................................................side nav icons*/
.newsletter{
	padding:2em 0 0 5%; 
	}
.newsletter a{
	display: block; 	
	width: 127px; 
	height:40px; 
	text-indent:-10000px;
	background:url(../images/icon_newsletter.png) no-repeat; 
	}
.newsletter a:hover{background-position: -137px 0px;}

/*.......................................................floats*/
.fltlogo { 
	float: right;
	margin:10px 0 0 3%;
}
.fltrt { 
	float: right;
	margin:0.7em 5%;
}
.fltlft { 
	float: left;
	margin:0.7em 5%;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
 	height:1px;
 	overflow:hidden;
 	margin-top:-1px;
 	clear:both;
}
/*------------------------------------------------------------clear floats*/
.clearer{
 	height:1px;
 	overflow:hidden;
 	margin-top:-1px;
 	clear:both;
}