html,body {
	background-color: #000000;
	margin: 0px;
  	padding: 0px;
  	text-align: center;
  	color: #000;
  	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
	}
	
	#visu {
	background-color: #000;
	width: 760px;
	text-align: right;
	padding: 20px 0 0 0;
	}

	#container {
	background-color: #fff;
	background: url("../images/steelbackground.jpg") ;
	background-position: top left;
	border-top: 0px solid #d1d1d1;
	border-bottom: 0px solid #d1d1d1;
	border-left: 0px solid #d1d1d1;
	border-right: 0px solid #d1d1d1;
	width: 760px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	position: relative;
	text-align: left;
	}
	
	#top {
	background: url("../images/topback.jpg") no-repeat 0 0;
	padding:0px 0px 0px 0px;
	border-top: 0px solid #ff9900;
	border-bottom: 0px solid #ff9900;
	border-left: 0px solid #ff9900;
	border-right: 0px solid #ff9900;
	width: 760px;
	height: 220px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	}
	
	
	h1 {
	text-indent:-1999px;
	height:172px;
	width:760px;
	margin:0px 0px 0px 0px;
	padding:0;
	}
	
	h1#dmp {
	background: url("../images/davidmorgan.jpg") no-repeat 0 0;
	cursor:pointer;
	}	
	
	#nav {
	border-top: 0px solid #ff9900;
	border-bottom: 0px solid #ff9900;
	border-left: 0px solid #ff9900;
	border-right: 0px solid #ff9900;
	width: 760px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	position: relative;
	text-align: left;
	}
	
		.menu {  
		list-style: none;  
		position: relative; 
		width: 740px;  
		height: 35px;  
		margin: 0;  
		padding: 5px 0px 0px 20px;  
		}  
		
		/* Set the properties for the list elements .ie the links. */
		.menu li{  
		display: block;  
		overflow: hidden;  
		padding: 0;  
		cursor: pointer;  
		float: left;  
		margin-right: 0px;  
		background-image:url("../images/nav.jpg");  
		background-repeat:no-repeat;  
		}  
		
		/* make the text in the real links dissapear, and make them into blocks for images */
		.menu a{  
		display:block;  
		text-indent:-9999px;  
		outline:none;
		height: 35px;  
		}  

		/* tell the buttons what part of the image to use for the background when not used */
		#link1 {background-position: 0px 0px; width:76px;}
		#link2 {background-position: -76px 0px; width:150px;} 
		#link3 {background-position: -226px 0px; width:150px;}
		#link4 {background-position: -376px 0px; width:94px;}
		#link5 {background-position: -471px 0px; width:112px;}
		#link6 {background-position: -583px 0px; width:135px;}
				
		/* tell the buttons what part of the image to use for the background when being hovered over, or used */
		#link1.active, #link1:hover {background-position: -0px -35px;}  
		#link2.active, #link2:hover {background-position: -76px -35px;}
		#link3.active, #link3:hover {background-position: -226px -35px;}
		#link4.active, #link4:hover {background-position: -376px -35px;} 
		#link5.active, #link5:hover {background-position: -471px -35px;}
		#link6.active, #link6:hover {background-position: -583px -35px;}
 

	#content {
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
	width: 714px;
	height: auto;
	padding: 0px 20px 0px 20px;
	margin: 0 auto;
	position: relative;
	text-align: left;
	}
	
	img.home {padding:20px 0px 20px 0px;}
	
	h2 {color: #008ad1; font-size: 28px; font-weight: bold; font-style: normal; font-family: Arial, Helvetica, Sans Seif, Myriad, Myriad Pro, Verdana; }	
	h2 em {color: #008ad1; font-size: 25px; font-weight: normal; font-style: normal; font-family: Arial, Helvetica, Sans Seif, Myriad, Myriad Pro, Verdana;}
	
	h3 {color: #000; font-size: 14px; font-weight: normal; font-style: normal; font: Arial, Helvetica, Sans Seif, Myriad, Myriad Pro, Verdana; }
	
	hr {border: 0; width: 100%; color: #fff; background-color: #fff; height: 2px; margin: 20px 0px 20px 0px; line-height: 18px;}

	p {font-family: Arial, Helvetica, Sans Seif, Myriad, Myriad Pro, Verdana;}
	p {font-size: 16px; font-weight: normal; line-height: 22px;}
	p {padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px;}
	p {color: #000;}
	p em {font-size: 18px; color: #A4A4A4;}
	p a {font-weight:normal;color:#000;text-decoration:none;}
	p a:hover {text-decoration:underline;}
	p.contact { margin: 0px 0px 10px 0px; font-weight: bold; font-size: 30px; color: #000;font-style: normal;}
	p.contact em { margin: 0px 0px 10px 0px; font-weight: bold; font-size: 30px; color: #008ad1; font-style: normal;}
	p.email { margin: 0px 0px 0px 0px; font-weight: bold; font-size: 19px; color: #000;font-style: normal;}
	p.email a { margin: 0px 0px 0px 0px; font-weight: bold; font-size: 20px; color: #008ad1; font-style: normal;}
	p.email a:hover {color: #000; text-decoration:none;}
	
	ul.heating {padding: 0 0 0 20px; font-family: Arial, Helvetica, Sans Seif, Myriad, Myriad Pro, Verdana; font-size: 16px; font-weight: normal; line-height: 20px;
		}
		
	ol {padding: 0 0 0 20px; font-family: Arial, Helvetica, Sans Seif, Myriad, Myriad Pro, Verdana; font-size: 16px; font-weight: normal; line-height: 20px; 
		}
		
	li.power{margin-top: .5em; margin-bottom: .5em;}
	
	#col1 {
	width: 238px;
	height:100%;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
		}
		
	#col2 {
	width:238px;
	height:100%;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
		}
		
			
	#col3 {
	width:238px;
	height:100%;
	float: left;
	padding-right: 0px;
	padding-left: 0px;
	border-top: 0px solid #fff;
	border-bottom: 0px solid #fff;
	border-left: 0px solid #fff;
	border-right: 0px solid #fff;
		}
	
	
	/* FORM */

#form-wrap {
	width: 550px;
	background: white;
	padding: 20px 50px 20px 50px;
	margin: 20px auto;
	min-height: 500px;
	height: auto !important;
	height: 500px;
}

#contact-area {
	width: 550px;
	margin-top: 25px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 395px;
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #228010;
}

#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border:1px solid #228010;
}

#contact-area input.submit-button {
	width: 70px;
	float: left;
	margin: 0px 0px 0px 95px;
	font-size: 14px;
	color: #fff;
	background-color: #228010;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 80px;
	padding-top: 5px;
	font: 11px/28px Arial, Helvetica, Sans Seif, Myriad, Myriad Pro, Verdana; 
	font-size: 14px;
}
	
	

/* FOOTER */
	#footer {
	text-align: left;
	background-color: #FEF200;
	background-image:url("../images/footer.jpg");  
	background-repeat:no-repeat; 
	border-top: 0px solid #d1d1d1;
	border-bottom: 0px solid #d1d1d1;
	border-left: 0px solid #d1d1d1;
	border-right: 0px solid #d1d1d1;
	width: 740px;
	height: 200px;
	padding: 120px 0px 0px 20px;
	margin: 0px 0px 0px 0px;
	}
	
	 
	
/* POP AD */
		
	#layerad {
	position:absolute; left: 450px; top: 40px; z-index:1; padding:0px; border: 0px solid; 
	}	
	
	/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0;  clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* GOOGLE MAPS ABQIAAAA9hggPr3clFNMttKri1rFSRRZr2WtyyYRnYE10k6cifKxb0_hzxRWuu-9-0984jPDiv9XwcGa_dEeSQ  */