body { font:76% "Trebuchet MS",Helvetica,Arial; padding:0; margin:0; color:#000; background-color:#FFF; }

img { border:0; }

.indexheader { background-image:url(../img/site_index_header.jpg); background-repeat:no-repeat; width:900px; height:218px; }
.indexbody { background-image:url(../img/site_index_body.jpg); background-repeat:no-repeat; width:900px; height:329px; }
.indexfooter {background:url(../img/_bg/footerbg.jpg) left top no-repeat; width:900px; height:37px; padding:15px 0px 0px 0px;}
.indexbold { font-size:16px; font-weight:bold; letter-spacing:1px; }

.header { background:url(../img/site_header.png) left top no-repeat; width:900px; height:346px; }
.footer { background:url(../img/site_footer.png) left top no-repeat; width:860px; height:135px; margin:15px 0 0 0; }
.footer_prod { background:url(../img/site_footer_product.png) left top no-repeat; width:860px; height:135px; margin:15px 0 0 0; }

.container { padding:20px 50px 0 50px; text-align:left; }

.prod_box { width:240px; margin:15px 26px 0 0; float:left; clear:right; }

h1 { font-size:18px; color:#2248af; font-weight:bold; }
h2 { font-size:14px; color:#2248af; font-weight:bold; }
h3 { font-size:14px; color:#444444; font-weight:bold; margin:15px 0 0 0; }
h4 { font-size:12px; font-weight:bold; }

.image_right { float:right; margin: 30px 0 10px 0; }
.angieslist { float:left; margin: 20px 0 10px 60px; }

.redtext { color:#d5221d; width:300px; font-weight:bold; }

p, .product_bullet_multi li { line-height:130%; list-style:square; }
div.product_bullet_multi { float:left; width:400px; }
div.product_bullet_multi ul { margin:0 25px; }
ul.product_bullet_rating { line-height:175%; width:380px; margin:-5px 0 0 0; list-style:none; padding:0 0 0 15px; }

/************* ratings **************/
.rating_seven { background:url(../img/rating_seven.png) right bottom no-repeat; padding:3px 0 0 0; height:28px; }
.rating_six { background:url(../img/rating_six.png) right bottom no-repeat; padding:3px 0 0 0; height:28px; }
.rating_five { background:url(../img/rating_five.png) right bottom no-repeat; padding:3px 0 0 0; height:28px; }
.rating_four { background:url(../img/rating_four.png) right bottom no-repeat; padding:3px 0 0 0; height:28px; }

/************** links ***************/
a, a:link, a:visited { color:#2824d9; text-decoration:underline; }
a:hover { color:#2824d9; text-decoration:none; }

/***** navigation menu *****/
#main_nav a, #main_nav a:link, #main_nav a:visited { color:#fff; text-decoration:none; }
#main_nav a:hover { color:#ccc; text-decoration:none; }

ul#main_nav, ul#main_nav li, ul#main_nav ul { list-style:none; margin:0; padding:0; color:#FFF; }
ul#main_nav { position:relative; z-index:597; float:left; margin:3px 0 0 15px; }
ul#main_nav li { float:left; line-height:1.3em; vertical-align:middle; zoom:1; }
ul#main_nav li.hover, ul#main_nav li:hover { position:relative; z-index:599; cursor:default; }
ul#main_nav ul { visibility:hidden; position:absolute; top:100%; left:-25%; z-index:598; width:100%; }
ul#main_nav ul li { background-color:#000; width:135px; padding:5px; border:1px solid #555; margin-bottom:-1px; }
ul#main_nav ul ul { top:1px; left:99%; }
ul#main_nav li:hover > ul { visibility:visible; }

/********* shawdows ************/
.topshawdow { background-image:url(../img/shadow_top.png); background-repeat:no-repeat; width:952px; height:25px; }
.leftshawdow { background-image:url(../img/shadow_left.png); background-repeat:repeat-y; width:26px; height:auto; }
.rightshawdow { background-image:url(../img/shadow_right.png); background-repeat:repeat-y; width:26px; height:auto; }
.btmshawdow { background-image:url(../img/shadow_bottom.png); background-repeat:no-repeat; width:952px; height:35px; }

/***** backgrounds *****/
.content_bg { background:url(../img/_bg/contentbg.jpg) left bottom repeat-x; }
.maintenance_bg { background:url(../img/_bg/mabg.png) left bottom repeat-x; }
.design_bg { background:url(../img/_bg/debg.png) left bottom repeat-x; }
.replacement_bg { background:url(../img/_bg/replacebg.png) left bottom repeat-x; }
.warranty_bg { background:url(../img/_bg/warrentbg.png) left bottom repeat-x; }
.specials_bg { background:url(../img/_bg/specialbg.png) left bottom repeat-x; }
.about_bg { background:url(../img/_bg/contentbg.jpg) left bottom repeat-x; }
.awards_bg { background:url(../img/_bg/awardbg.png) left bottom repeat-x; }
.duct_bg { background:url(../img/_bg/debg.png) left bottom repeat-x; } 
.air_bg { background:url(../img/_bg/waterheater_bg.png) left bottom repeat-x; } 
.heating_bg { background:url(../img/_bg/heatingbg.png) left bottom repeat-x; } 
.waterheater_standard_bg { background:url(../img/_bg/waterheatersstand_bg.jpg) left bottom repeat-x; }
.tankless_bg { background:url(../img/_bg/tankless_bg.jpg) left bottom repeat-x; }
.furnace_bg { background:url(../img/_bg/furnace_bg.jpg) right bottom repeat-x; }

/************* Float Clearing **************/
.clear { clear: both; height: 1px; overflow: hidden; margin-bottom: -1px; } 
* html .clear { display: none; }