/* 

WGL CSS stylesheet 

Designed by Stuart Todd
   
June 2008

*/

/* Main Page Elements */

		body {
			margin: 0;
			padding: 0;

			background: transparent url('../imagery/top_image.png') repeat-x;
			background-position:left 0px;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 13px;
			color: #000000;
		}
		
		a {
			color: #0759a9;
			text-decoration:none;
		}
		
		a:hover {
			text-decoration: underline;
		}
		
		img {
			border: none;
		}

		.clear {clear: both; height: 0}


/* End Main Page */







/* Header Capsule */

		/* Header */
		
		#head_capsule
		
		{
		
			background: transparent url('../imagery/background-fill.jpg') repeat-x;

		}
		
		#header_container {
		
			width: 760px;
			margin: 0 auto;
			height:155px;
			background: transparent url('../imagery/toplogo2.jpg') no-repeat;
			background-position:15px 4px;
		}
		
		
		/* Logo */
		
		#logo {
		
			width:195px;
			height:155px;
			float:left;
		}			
				
		#navhead {
			width:565px;		
			float:right;
			vertical-align:middle;
		}			
	
		
		
		
		
		

/* End Header Capsule */



/* Navigation Capsule */


		/* Main Navigation */
		
		#navhead ul {
			
			height:	3px;
			margin:0px;
			margin-left:15px;
			padding:0px;		
			list-style: none;
			line-height:30px;
			float:left;
			margin-top:132px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:8pt;
			display:inline;
		
		}
		
		#navhead li {
		
			float:left;
			display: inline;
			text-align:center;		
			line-height:28px;
			height:28px;
		
			
		}
		

		
		
		#navhead a{
			color:#0759a9;
			vertical-align:top;

	
			padding:0px 13px 0px 13px;
		}
			
		#navhead a:hover{
		
		    background-color:#0759a9;
			background-position:left;
			color:#ffffff;
			text-decoration:none;
			display:inline-block;

		}

		#navhead .selected{
		
			color:#ffffff;
			vertical-align:top;
			display:inline-block;

	
		}
		
		#navhead .selected a{
			color:#ffffff;
			vertical-align:top;
	display:inline-block;

		    background-color:#0759a9;
			
		}

		#navhead .selected a:hover{
		
			color:#000000;
			text-decoration:none;
			display:inline-block;
		}
		

/* End Navigation Capsule */

/* Content Capsule */


		#content_container {
			
			width:960px;
			margin: 0 auto;
			background: transparent url('../imagery/content_background.gif') repeat-y;
			background-position:-75px;
			margin-top:-3px;
			min-height:600px;
		}
		
		#content_left_column{
			
			margin-top:5px;
			width:220px;
			float:left;
			text-align:center;
			margin-left:5px;
		}

		#content_left_column a{

			display:block;

		}

		#content_left_column a img{
		
			display:block;
			text-align:center;
			margin:25px auto;
			border:0px;
			filter:alpha(opacity=45);-moz-opacity:.45;opacity:.45;
		
		}


		#content_left_column a:hover img{
		
			display:block;
			text-align:center;
			margin:25px auto;
			border:0px;
			filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
		
		}
		
		#content_main_column{
			
			margin:30px 0px 0px 25px;
			width:542px;
			float:left;
			text-align:left;
			
		}
		
		#content_main_column .success{
		
		display:block;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		padding:10px 10px 10px 40px;
		font-size:12px;
		background: #fefefe url('../imagery/valid.png') no-repeat;
		background-position:15px 8px;
		border:1px solid #cccccc;
		}

		#content_main_column .error{
		
		display:block;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		padding:10px 10px 10px 40px;
		font-size:12px;
		background: #fefefe url('../imagery/cross.png') no-repeat;
		background-position:15px 8px;
		border:1px solid #cccccc;
		}
		
		
		#content_main_column h1{
	
			color:#a0a2dd;
			font-weight:normal;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 20px;
			text-align:left;

				
		}
		
		

		#content_main_column p{

			text-align:justify;
		}
			
		#content_main_column .paraRight{
		
		float:right;
		padding:0px 0px 0px 25px;
		
		}
		
		
		#content_main_column .homeImg
		
		{
		margin:0px 0px 0px 0px;
		float:left;
		}
		
		#content_main_column .homeImg a
		
		{
		border:3px solid #ffffff;
		width:120px;
		height:88px;
		margin-right:5px;
		float:left;
		}
		
		#content_main_column .homeImg a:hover 
		{
		border:3px solid #0759a9;
		}
		
		#content_main_column a.central{
		
		background: transparent url('../imagery/thermostat.jpg') no-repeat;

		}

		#content_main_column a:hover.central{
		
		background: transparent url('../imagery/thermostat_over.jpg') no-repeat;
		}


		#content_main_column a.boiler{
		
		background: transparent url('../imagery/boiler.jpg') no-repeat;
		}
		
		#content_main_column a:hover.boiler{
		
		background: transparent url('../imagery/boiler_over.jpg') no-repeat;
		}

		#content_main_column a.plumbing{
		
		background: transparent url('../imagery/plumbing.jpg') no-repeat;
		}
		
		#content_main_column a:hover.plumbing{
		
		background: transparent url('../imagery/plumbing_over.jpg') no-repeat;
		}
		#content_main_column a.bathroom{
		
		background: transparent url('../imagery/bathroom.jpg') no-repeat;
		}
		
		#content_main_column a:hover.bathroom{
		
		background: transparent url('../imagery/bathroom_over.jpg') no-repeat;
		}

			
	/* Content Form Elements */

		#content_main_column form
		
		{
		
			margin:0px;
			float:left;
			width:510px;
			border-left:1px solid #0759a9;
			padding:15px;
		}	
		
		
		#content_main_column .formdata{
		
			min-height:25px;
			float:left;
			display:block;
			width:510px;
			margin:1px 0px 1px 0px;
		}
		
		#content_main_column form label{
		
			float:left;
			width:180px;
			margin-top:1px;
			
		}

		#content_main_column .box{
		
			float:left;
			width:250px;
			border:1px solid #0759a9;
		
			
		}

		#content_main_column .checkbox{
		
			float:left;
			width:20px;
			margin:0px;
			
			
		}


		#content_main_column .inputbutton{
		
			float:left;
			width:55px;
			border:1px solid #0759a9;
			cursor:pointer;
			background-color:#0759a9;
			color:#ffffff;
			
		}
	/* End Content Form Elements */
		
	/* Content Boxes */
	
	.contactform {
	
		display:block;
		width:100%;
		margin-bottom:15px;
	}
	
	#content_main_column .contactform .header{
	
		border-bottom:1px solid #0759a9;
		display:block;
		width:100%;
		padding:10px 0px 10px 0px;
	}		

h3 {
		border-bottom:1px solid #0759a9;
		display:block;
		width:100%;
		padding:10px 0px 10px 0px;
		font-size:14px;
		margin:0px;
		font-weight:bold;
		
	}		
	
	
	#content_main_column .contactform b, #content_main_column .contactform strong
	
	{
	
		font-weight:bold;
		font-size:100%;
		border:1px solid #0759a9;
		background-color:#0759a9;
		color:#ffffff;
		padding:10px;
	}
		
		
	
	#content_main_column .contactform p
	
	{
	
		border-left:1px solid #0759a9;
		display:block;
		width:100%;
		margin:0px;
		padding:15px 0px 15px 15px;
	}		
	
		
	#content_main_column #content_powerflushing_leftcolumn
	
		{
		
			float:left;
			width:63%;
			border-right:1px dotted #c0c0c0;
			padding-right:10px;
			
		}
	#content_main_column #content_powerflushing_piccolumn
	

		{
			float:left;
			width:32%;
			padding-left:10px;
			
		}

	#content_main_column #content_powerflushing_piccolumn img{
	
		float:right;
		padding-bottom:10px;
		}

	.testimonials {
	
		display:block;
		width:100%;
		margin-bottom:15px;
		text-align:justify;
	}
	
	.services {
	
		display:block;
		width:100%;
		margin-bottom:15px;
		text-align:justify;
	}
	.contracts {
	
		display:block;
		width:100%;
		margin-bottom:15px;
		text-align:justify;
	}
	
	#content_main_column .testimonials .header{
	
		border-bottom:1px solid #0759a9;
		display:block;
		width:100%;
		padding:10px 0px 10px 0px;
	}		
	
	#content_main_column .testimonials .header a{
	
		color:#ffffff;
		
	}
	
	#content_main_column .testimonials .header a:hover{
	
		text-decoration:underline;
		colour:#000000;
		
	}

	#content_main_column .testimonials .testimonial{
	
		padding:10px;
	}		

h3 strong {
			font-weight:bold;
		font-size:100%;
		border:1px solid #0759a9;
		background-color:#0759a9;
		color:#ffffff;
		padding:10px;
}
	
	
	#content_main_column .testimonials b, #content_main_column .testimonials strong
	
	{
	
		font-weight:bold;
		font-size:100%;
		border:1px solid #0759a9;
		background-color:#0759a9;
		color:#ffffff;
		padding:10px;
	}
		
	#content_main_column .testimonials p
	
	{
	
		border-left:1px solid #0759a9;
		display:block;
		width:100%;
		margin:0px;
		padding:15px 0px 15px 15px;
		text-align:justify;
	}		
	#content_main_column .services p
	
	{
	
		margin:0px;
		padding:15px 0px 15px 15px;
		text-align:justify;
	}		
	
	/* End Content Boxes */	
		
		
	/* Administration Styles */
	
.nav2 {border:none; background:#0759a9; color:rgb(255,255,255); font-size: 12px; 
	width: 780px;	clear: both;	
	margin: 0 auto; padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
	
} /*Color navigation bar normal mode*/
.nav2 ul {list-style-type:none;margin:0px;padding:0px 0px 0px 0px;}
.nav2 ul li {float:left; position:relative;	border-right:1px solid #ffffff;
}
.nav2 ul li ul {display:none; border:none;}
.nav2 ul li ul {margin-left:-30px; padding:0 30px 30px 30px; } /*Sticky hover zones*/
.nav2 ul li a {float:left; display:block; height:2em; line-height:2em; padding:0 15px 0 15px; text-decoration:none; font-weight:bold; color:#000000; }
.nav2 ul li a:hover {width:auto; color:#000000;}
.nav2 .active a {width:auto; color:#000000;background-color:#cfcfcf;}
.nav2 .active a:hover {color:#ffffff;background-color:#cfcfcf;}
.nav2 table {position:absolute; z-index:999; top:0; left:0; border-collapse:collapse;}

/*Non-IE6*/
.nav2 ul li:hover a {background-color:#cfcfcf; text-decoration:none;color:#000000;} /*Color main cells hovering mode*/
.nav2 ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:998; top:1.95em; margin-top:0.1em; left:0; text-transform:capitalize;}
.nav2 ul li:hover ul li ul {display: none;}
.nav2 ul li:hover ul li a {display:block; width:14.0em; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:1px solid #ffffff; border-bottom: 1px solid #ffffff; background-color:#cfcfcf; font-weight:normal; color:#000000;font-size:90%;} /*Color subcells normal mode*/
.nav2 ul li:hover ul li a:hover {background-color:#5A8096; text-decoration:none;color:#FFFFFF;} /*Color subcells hovering mode*/

	/* End Administration Styles */	
		
/* End Content Capsule */


/* Footer Capsule */

		#footer_container {
			
			border-top:10px solid #0759a9;
						
		}
		
		#footer_data {
			
			width:700px;
			margin: 0 auto;
			padding:20px 0px 10px 60px;
			
		}
		
		
/* End Footer Capsule */