body {



	text-align:center;



	background: #000000 url(../images/bg.png) repeat-y center;



	font-size: 14px;



	font-family: Arial, Helvetica, sans-serif;



	}



	


body#trainingcenter a#trainingcenterNav,



body#plumbing a#plumbingNav,



body#heating a#heatingNav,



body#heating_waterHeat a#heating_waterHeatNav,



body#cooling a#coolingNav,



body#cooling_airconditioning a#cooling_airconditioningNav,



body#cooling_refrigeration a#cooling_refrigerationNav,



body#heatingOil a#heatingOilNav,



body#heating_radiantFloorHeating a#heating_radiantFloorHeatingNav,



body#heating_warmAirSteamheat a#heating_warmAirSteamheatNav,



body#remodeling a#remodelingNav,



body#sewerDrain a#sewerDrainNav,



body#wellWater a#wellWaterNav,



body#wellWater_wellPumps a#wellWater_wellPumpsNav,



body#wellWater_waterFiltration a#wellWater_waterFiltrationNav,



body#energy a#energyNav,



body#energy_solar a#energy_solarNav,



body#energy_geothermal a#energy_geothermalNav,



body#energy_woodpelletBoilers a#energy_woodpelletBoilersNav,



body#energy_coldClimateHeatPumps a#energy_coldClimateHeatPumpsNav,



body#energy_greenBuilder a#energy_greenBuilderNav,



body#promotions a#promotionsNav,



body#photoGallery a#photoGalleryNav,



body#faq a#faqNav,



body#about a#aboutNav,



body#about_flatRatePricing a#about_flatRatePricingNav,



body#about_testimonials a#about_testimonialsNav,



body#about_givingBack a#about_givingBackNav,



body#contact a#contactNav,



body#contact_suddenService a#contact_suddenServiceNav,



body#contact_feedback a#contact_feedbackNav,



body#home a#homeNav,



body#energy_resources a#energy_resourcesNav,



body#heatingOil_onlineOrder a#heatingOil_onlineOrderNav,



body#heatingOil_delivery_locations a#heatingOil_delivery_locationsNav,



body#green a#greenNav, {	



	color: #00fa00;



	}



	



body#energy_resources h1 {



	font-weight: 900;



}







#main_wrapper {



	width: 950px;



	text-align: left;



	margin: 0 auto;



	}



#header {



	height: 200px;



	}



#nav {



	float:left;



	width: 176px;



	}



#content {



	float:left;



	width: 622px;



	}



#promo {



	float:left;



	width:152px;



	}



#footer {



	clear:both;



	width: 950px;



	}



#header, #nav_inner, #content_inner, #promo_inner, #content_leftCol, #content_rightCol {



	overflow:hidden; /* prevents oversize elements from breaking the layout */



	}



#navTop {



	height: 28px;



	}



#navBot {



	height: 36px;



	}



#nav_inner {



	background: url(../images/navBg.png);



	height: 25px;



	}



#secondaryNavTop {



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



	height: 7px;



	}



#secondaryNavBody {



	background: url(../images/secondaryNavBody.png) repeat-y;



	text-align: right;



	margin: 0;



	}



#secondaryNavBody a {



	font-size: 12px;



	color: white;



	text-decoration: none;



	}



#secondaryNavBody a:hover {	



	text-decoration:none;



	color: #00fa00;



	}



#secondaryNavBody p {



	padding: 0 55px 5px 10px;



	}



#secondaryNavBottom {



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



	height: 13px;



	}



#content_leftCol {



	float: left;



	width: 173px;



	padding: 0 0 0 0;



	}

	

#content_testimonials {



	width: 622px;



	padding: 0 0 0 0;



	}

	

#content_testimonials div.right {

	width: 398px;



	float: left;



	padding: 0 25px 0 25px;



	}

	

#content_testimonials div.left {

	float: left;



	width: 173px;



	padding: 0 0 0 0;



	}



#content_leftCol img {



	border: 1px solid green;



	margin: 0 7px 10px 0;



	}

	

#content_testimonials img {



	border: 1px solid green;



	margin: 0 7px 10px 0;



	}

	

#content_testimonials img.noBorder {



	border: none;



	}



#content_rightCol {



	width: 398px;



	float: left;



	padding: 0 25px 0 25px;	



	}



#content_singleCol {



	float: left;



	padding: 0 25px 0 0;	



	}



#content_singleCol p {



	line-height: 19px;



	margin-bottom: 15px;



	}



#content_singleCol img {



	float: left;



	margin: 0 15px 5px 0;



	border: 2px solid green;



	}



#galleryWrapper {



	margin: 0 0 30px 0;



}



#content_header {



	}



#content_header div.header {



	padding: 10px 0 15px 35px;



	}



#promo_inner {



	background-color: #005200;



	padding: 8px 3px 0 3px; color: white;



	}



	



	#promo_inner h3 {



		color: white;



	}



	



#footer_inner {



	padding: 25px 152px 25px 78px;



	}



#footer_inner p {



	font-size: 12px;



	margin: 0 10px 0 10px;



	color: #666666;



	}







/* a fix for IE6 only - see Star Hack in Stylin' with CSS to see how the comments and * html hide this hack from other browsers \*/



* html * {



	zoom:100%; 



/* triggers IE6 "haslayout" - google 'IE6 haslayout' for details*/



	}



/* without the above hack, IE6 does not draw the header until the page is resized */



/* the problem is triggered by the universal * selector below that resets the margins, but I need to do that, hence the hack */



* {



	margin:0;



	padding:0;



	}



.float_left {float:left; margin: 0 .3em .3em 0;}      /* apply this class to any image or element with width - text will wrap it to the right */



.float_right {float:right;  margin: 0 0 .3em .3em;} /* apply this class to any image or element with width  - text will wrap it to the left */







/* DEFAULT TAG STYLES - font sizes, margins, padding, etc. */



/* NOTE: text colors follow below */







/* TEXT COLORS */



h1 {



	color:#00ad00;



	}



h2, h3, h4, h5, h6 {



	color:#fff;



	font-weight: normal;



	}



/* FONT SIZES */



h1 {



	font-size: 16px;



	font-weight: normal;



	margin: 0 0 15px 0;



	}



#promo_callNow h1 {



	font-size: 16px;



	font-weight: bold;



	margin: 0 0 7px 0;



	color: white;



	}



#promo_heatArrow h1 {



	font-size: 16px;



	font-weight: bold;



	margin: 0 0 7px 0;



	}



#promo h2 {



	font-size: 13px;



	font-weight: bold;



	color: white;



	margin: 0 0 5px 0;



	text-align: center;



	}



#promo h3 {



	font-size: 13px;



	font-weight: bold;



	margin: 0 0 5px 0;



	clear: both;



	}



#promo p {



	font-size: 12px;



	line-height: 17px;



	margin: 0 0 8px 0;



color: white;



	}







#promo_callNow {



	text-align: center;	



	background-color: #00fa00;



	padding: 8px 3px 8px 3px;



	}



#promo_callNow i {



	font-size: 10px;



	line-height: 8px;



	color: #333333;



}



#promo_heatArrow {



	text-align: center;



	padding: 8px 3px 8px 3px;



	}



#promo_heatArrow h3 {color: white;



	}



#promo_callNow p {



	font-weight: 900;



	line-height: 17px;



	margin: 0 0 8px 0;



	color:#000000;



	}



#promo_jess {



	background: url(../images/jess.gif);



	text-align: center;



	height: 92px;



}



#promo_jess p {



	font-size: 10px;



	padding-top: 73px;



}



#promo p.b5 {



	color: #99cc99;



	text-align: center;



	font-weight: bold;



	margin-bottom: 5px;



	}



#promo_inner span.green {



	color: #99cc99;



	float: left;



	padding-left:10px;



}



#promo_inner span.price {



	float: left; display: block; border: 1px solid black; background-color: white; padding: 1px 6px 1px 4px; margin-left: 10px; color: black;



}



#content_rightCol, #content_testimonials p  {



	line-height: 19px;



	margin-bottom: 15px;



	color:#000;



 	}

	

	#content_testimonials div.left p  {



	line-height: 19px;



	margin-bottom: 15px;



	color:#000;



 	}



#promo .rule {



	height: 5px;



	background-color: white;



	margin: 0 0 0 0;



}



#nav_inner p {



	margin:  1px 0 0 12px;



	}



#nav_inner a {



	color: white;



	font-family: Arial, Helvetica, sans-serif;



	text-decoration: none;



	font-size: 12px;



	}



.there {



	color: #ff3333;



}



#nav_inner a:hover {



	text-decoration:none;



	color: #00fa00;



	}



/* basic list styling - more-styled lists in list.css */



ul, dl, ol {



		margin:0 1em .75em 1em; /* lists without specific classes */



		line-height:1.5;}



li, dd {



		padding:0em 0; /* lists without specific classes */



		margin-left:2em;



		}



dt {font-weight:bold;}







ul.green {



	color: #00ad00;



	margin: 0 0 15px 0;



	list-style-type: none;



	font-weight: 900;



}



ul.black {



	color: black;



	margin: 0 0 15px 0;



	list-style-type: none;



	font-weight: 900;



}



li.noMargin {



		padding:0;



		margin:0;



		}



		



ol.faq {



	margin: 15px 0 15px 0;



}







ol.faq li {



	margin: 0 0 0 25px;



	padding: 0 0 7px 0;



}



ul.testimonials {



	margin: 0 0 15px 0;



	list-style-type: none;



}



ul.testimonials li {



	padding: 0 0 15px 0;



}



ul.testimonials li p {



	font-size: 12px;



	text-align: right;



}







/* THE ALSETT CLEARING METHOD */



	.clearfix:after {



 content: “.”;



 display: block; 



 height: 0;



 clear: both;



 visibility: hidden;



}



.clearfix {display: inline-table;}



/* backslash hack hides from IE mac \*/ LEAVE THIS COMMENT RIGHT HERE! 



* html .clearfix {height: 1%;}



.clearfix {display: block;}



/* end backslash hack */ 







#promo_inner input {



	width: 50px;



	text-align: center;



	margin: 0 5px 0 5px;



}



.clear {



	clear: both;



}







select {



	color: #666666;



	margin:0 0 5px 0;



}







input.mi {



	font-size: 14px;



	float: left;



	width: 50px;



	padding: 2px 0 2px 3px;



	color: #666666;



	margin:0 0 5px 0;



}







input.short {



	font-size: 14px;



	float: left;



	padding: 2px 0 2px 3px;



	width: 200px;



	color: #666666;



	margin:0 0 5px 0;



}







input.long {



	float: left;



	padding: 2px 0 2px 3px;



	width: 250px;



	color: #666666;



	margin:0 0 5px 0;



}







textarea {



	font-size: 14px;



	padding: 2px 0 2px 3px;



	color: #666666;



	margin:0 0 5px 0;



}







select {



	color: #666666;



}







submit {



	float: left;



}







label {



	display:block;



	clear:both;



	padding: 4px 5px 4px 0;



}







div.formsection {



	margin: 0 0 15px 0;



	clear: both;



	}



	



div.formsection .buttongroup {



	float:left;



 	}



div.formsection .buttongroup input {



	padding: 4px 3px 0 0;



	}



	



div.buttongroup label {



	display:inline;



	padding: 0 10px 0 3px;



	}



	



#radiantChart {



	width: 398px;



	border: 1px solid black;



	background-color: #f1ece6;



}



#radiantChart div {



	margin: 0;



	padding: 5px 10px 5px 10px;



	font-weight: bold;



}







#radiantChart .rowOne {



	margin: 0;



	padding: 5px 5px 10px 10px;



}



#radiantChart .rowone div {



	margin: 0 15px 0 0;



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



	text-align: right;



	float: left;



}



#testimonialBox div {

	border-bottom: 1px solid green;

	border-left: 1px solid green;

	border-right: 1px solid green;

	width:163px;

	background-color:#ecf0ea;

}



#testimonialBox div p {

	padding:5px;

	line-height: 18px;

}



#testimonialBox div p.smallGray {

	color: #666;

	font-size: 12px;

}



#testimonialBox img {

	border: 1px solid green;

	margin: 0 7px -3px 0;

	padding: 0;

	}