body{
background: #F0F0F0;
margin: 0;
padding: 0;
}
table#main{
width: 754px;
height: 800px;
background: #FFF;
border-top: 0px;
border-right: 2px solid #CCC;
border-bottom: 0;
border-left: 2px solid #004897; 
}
td#nav{
width: 180px;
vertical-align: top;
background: #004897;
}
td#content{
width: 574px;
vertical-align: top;
}




a img {
border: none;

}





/*----------COLORS------------
BLUE:	#004897;
LIGHT BLUE: #BACDE3;
YELLOW: #F9E937;
*/

/*--------UL--------*/


ul#energy-saving-menu{
width: 180px;
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
font: 900 11px/25px Arial, Helvetica, sans-serif;
color: #F9E937;
white-space: nowrap;
}
ul#energy-saving-menu li{
display: block;
width: 180px;
height: 25px;
background: url(images/navbg.gif) left repeat-x;
list-style-type: none;
text-indent: 5px;
}



ul#energy-saving-menu li a{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
color: #fff;

}

ul#energy-saving-menu li a:hover{
display: block;
width: 100%;
height: 100%;
text-decoration: none;
color: #004897;
background: #F9E937;
}


ul.body {
font: 12px/18px Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 20px;
margin: 5px 0px 5px 20px;
color: #333;
width: 85%;
}
ul.body li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
}

ul.body-flush {
font: 11px/14px Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #333;
}
ul.body-flush li{
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: square inside; 
}

/*--------IMG---------*/
img.header{
width: 74px;
height: 89px;

}

img.imgleft{
float: left;
border: 1px solid #000;
margin: 2px 10px 5px 20px;
}

img.imgright{
float: right;
border: 1px solid #000;
margin: 2px 10px 5px 10px;
}
img.imgnorm{
border: 1px solid #000;
margin: 2px 10px 5px 20px;
}

img.imgborder{
border: 1px solid #000;
margin: 5px;
}






/*--------LINKS--------*/
div#footer a:link{
text-decoration: none;
color: #CCC;
}
div#footer a:visited{
text-decoration: none;
color: #CCC;
}
div#footer a:active{
text-decoration: none;
color: #CCC;
}
div#footer a:hover{
text-decoration: underline;
color: #004897;
}

div#energy-saving-header a{
text-decoration: none;
color: #004897;
}



/*--------DIVS---------*/




div#energy-saving-header{
position: absolute; top: 10px; left: 10px;
height: 120px;
width: 750px;
background: #FFF;
border-top: 2px solid #004897; 
border-right: 2px solid #CCC; 
border-bottom: 0;
border-left: 2px solid #004897; 

}

div#container{
position: absolute; top: 130px; left: 10px;
margin: 0;

}


div#footer{
position: relative;
margin: 0px 0px 10px 0px;
border-right: 2px solid #CCC;
border-top: 0px;
border-bottom: 2px solid #CCC;
border-left: 2px solid #004897; 
width: 750px;
height: 60px;
background: #FFF;
}
div#nestedblue{
display: block;
margin: 0px;
padding: 0px;
background:  #004897;
width: 180px;
height: 60px;
float: left;
}
div#newsletter{
display: block;
width: 175px;
margin: 20px 0px 0px 0px;

}
div#break, div.break{
clear: both;
display: block;
border-bottom: 1px solid #BACDE3;
width: 540px; 
margin: 20px 0px 10px 20px;
}

div#clear20{
clear: both;
height: 20px;
}
div#clear{
clear: both;
height: 50px;
}

div#col2{
float: left;
width: 265px;
}


div#col3{
float: left;
width: 150px;
margin: 10px 0px 0px 20px
}

div#bluebox{
float: left;
width: 155px;
margin: 10px 0px 0px 15px;
background: #BACDE3;
border: 1px solid #000;
padding: 0px 0px 0px 2px;
}

div#contact{
width: 300px;
height: 50px;
float: right;
font: 900 18px Arial, Helvetica, sans-serif;
color: #000;
text-align: right;
margin: 5px 5px 0px 0px;
}




/*--------Headers---------*/



h1{
font: 14px/18px "Trebuchet MS", Arial;
padding: 0;
margin: 0;
color: #004897;
}


div.business{
font: italic 900 18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: right;
color: #004897;
letter-spacing: 1px;
margin: 10px 0px 0px 0px;
padding: 0px;
width: 95%;
}

div.awardsteaser{
text-align: right;
color: #004897;
margin: 10px 0px 0px 0px;
padding: 0px 90px 0px 0px;
height: 47px;
background: url(images/bestof_small.gif) top right no-repeat;
}

div.awardsteaser p{
font: italic 900 18px Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #004897;
letter-spacing: 1px;
margin: 5px 0px 0px 0px;
padding: 0;

}
div.awardsteaser span{
font: 900 10px Arial, Helvetica, sans-serif;
color: #004897;
margin: 0;
padding: 0;

}

div.awardsteaser a{
text-decoration: underline;
color: #900;
}


h2{
font: 14px/18px "Trebuchet MS", Arial;
padding: 0;
margin: 0;
color: #004897;

}

h2.red{
font: 14px/18px "Trebuchet MS", Arial, sans-serif;
padding: 0px 10px 0px 20px;
margin: 10px 0px 5px 0px;
color: #900;

}

h3{
font: 900 11px Arial, Helvetica, sans-serif;
padding: 0px 10px 0px 20px;
margin: 10px 0px 5px 0px;
color: #333;
text-transform: uppercase;
letter-spacing: 1px;
}

h4{
font: 900 12px Arial, Helvetica, sans-serif;
padding: 0px 10px 0px 20px;
margin: 10px 0px 5px 0px;
color: #004897;
text-transform: capitalize;


}





/*--------P---------*/

div#energy-saving-header p{
color: #333;
font: 10px/12px Arial, Helvetica, sans-serif;
padding: 5px 0px 0px 20px;
margin: 0px 0px 0px 0px;
}

/*----------COLORS------------
BLUE:	#004897;
LIGHT BLUE: #BACDE3;
YELLOW: #F9E937;
*/


.body-indent{
text-indent: 20px;
font: 12px/18px Arial, Helvetica, sans-serif;
color: #333;
padding: 0px 10px 5px 20px;
margin: 0px;
}
.body{
font: 12px/18px Arial, Helvetica, sans-serif;
color: #333;
padding: 0px 10px 5px 20px;
margin: 0px;
}

.body-tight{
font: 11px/14px Arial, Helvetica, sans-serif;
color: #333;
text-align:justify;
padding: 0px 10px 5px 20px;
margin: 0px;
}

.body-tight strong{
color: #004897;
padding: 0px 10px 5px 20px;
margin: 0px;
}



.footer-tag{
font: 14px/16px "Trebuchet MS", Arial;
color: #F9E937;
padding: 0px 0px 0px 0px;
text-align: center;
}
.footer-text{
font: 11px/14px Arial, Helvetica, sans-serif;
color: #333;
padding: 20px 10px 0px 0px;
margin: 0px;
text-align: right;
}


.form-news{
font: 11px/18px Arial, Helvetica, sans-serif;
color: #F9E937;
padding: 0px 0px 0px 4px;
}


/*----------Locations Section------------*/

ul.locations li{
margin: 0px 0px 8px 0px;
list-style:none;
}

div#serving{
width: 175px;
height: 50px;
background: url(images/markets.gif);
}

p.markets{
font: 11px/14px Arial, Helvetica, sans-serif;
padding: 0px 5px 0px 5px;
margin: 5px 0px 5px 0px;
color: #fff;
}

p.markets a{
text-decoration: underline;
color: #BACDE3;
}


/*-----------Free Estimates-------*/



div#estimates{
position: relative; left: 20px; top: 20px; z-index: 2;
width: 530px;
height: 290px;
margin: 0;padding: 0;
}

div#estcont{
position: absolute; right: 0px; top: 0px; z-index: 4;
width: 530px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: url(images/reps/vrline.gif) top right repeat-y;
}
div#rep{
position: absolute; right: 0px; top: 0px; z-index: 5;
width: 115px;
height: 115px;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
margin: 0;
padding: 0;
}
h5{
display: block;
width: 100%;
height: 20px;
font: 900 12px/20px Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
color: #FFF;
text-transform: uppercase;
background: #004897;
letter-spacing: .15em;
text-indent: 5px;
}
h6{
font: 900 12px/14px Arial, Helvetica, sans-serif;
padding: 0px 0px 0px 0px;
margin: 15px 0px 25px 60px;
width: 160px;
color: #333;
text-transform: uppercase;
letter-spacing: .15em;
}
ul#estbuttons {
margin: 15px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style: none;
}
ul#estbuttons li{
display: block;
float: left;
width: 250px;
height: 125px;
margin: 0px 0px 10px 8px;
padding: 0;
}

ul#estbuttons li a{
color: #990000;
}
.email{
background: url(images/reps/email-up.gif) top left no-repeat;
margin: 0;padding: 0;
}
.phone{
background: url(images/reps/phone-up.gif) top left no-repeat;
margin: 0;padding: 0;
}
.buttoncopy{
font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
margin: 0px 0px 0px 0px;
padding: 5px;
color: #666;
text-align: left
}
.standout{
font-weight: 800;
color: #004897;

}

/*---------Download PDF------------*/

div.download {
margin: 30px 0px 20px 20px;
height: 50px;
width: 90%;
padding: 0;
border: 1px solid #999;
background: #ff9 url(images/download.jpg) top left no-repeat;

}

div.download p{
margin: 0;
padding: 0px 20px 0px 60px;
font: 900 14px/50px Arial, Helvetica, sans-serif;

}

div.download a{
text-decoration: underline;
color: #881E20;
}

div.download a:hover{
text-decoration: underline;
color: #CA113A;
}


/*----window options----*/



div.window-options{
float: left;
width: 150px;
margin: 10px 0px 20px 20px;
text-align: center;

}
div.window-options h4{
margin: 10px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

div.window-options p{
font: 11px/14px Arial, Helvetica, sans-serif;
color: #000;
margin: 0px 0px 5px 0px;
}