@charset "UTF-8";
/* CSS Document */


#link{ display:block; height:169px; width:419px; position:absolute; top:11px; left:12px; cursor:pointer;}

body{ background-image:url(images/background.jpg); background-repeat:repeat-x; margin:0; font-family:"Trebuchet MS", Arial;}

.clear{ clear:both;}

#wrapper{ width:981px; height:auto; background-image:url(images/border.jpg); background-repeat:repeat-y; margin:0 auto; }

#header{ width:981px; height:150px; position:relative;}

#header a{ text-decoration:none; color:#000000;}

#header a:hover{ text-decoration:none; color:#990000;}

#header .menu{ width:750px; height:47px; right:0; bottom:0; position:absolute; }

#header .contact{ width:354px; height:52px; position: absolute; padding:2px 15px 15px 15px; margin:10px; text-align:center; }

#header .inhome{ position: absolute; left: 630px; top: 18px; }

.phone{display:block; position:absolute; top:0px; left:300px; font-size:32px; font-weight:bold;  height:200px; width:300px; z-index:0}

#header .pro{ position:absolute; text-transform: uppercase; font-size:14px; height:20px; right:20px; top: 75px; }

.fha{display:block; position:absolute; top:5px; left:5px; height:91px; width:104px; background-image:url(images/fha.gif); background-repeat:no-repeat; cursor:pointer; z-index:1000;}
.fha span {display:none;}



#banner{ width:981px; height:262px; background-image:url(images/energy-storm-saver-logo.jpg); background-repeat:no-repeat; position:relative;}

#banner .slogan{ width:400px; height:50px; position:absolute; padding:10px; color:#FFFFFF; font-size:24px; font-style:italic; bottom:0; text-align:center;}

#banner .key{ position:absolute; top:40px; right:0; color:#FFFFFF; padding:15px; width:200px; text-align:center; font-size:20px; font-weight:bold;}




#mainbody { width:980px; height:auto; margin:auto; float:left; }

#mainbody .left{ width:627px; height:auto; margin-left:10px; float:left;}

#mainbody .title{ font-size:28px; margin: 0 0 10px 10px;}

#mainbody .content{ width:627px; font-size:14px; line-height:25px; float:left;}

#mainbody .contentr{ width:627px; font-size:18px; line-height:25px; float:left; color:#990000; text-align:center; margin:10px 0 20px 0;}

#mainbody .frame{ width:auto; height:auto; float:left; margin:0 10px 0 0;}

#mainbody .last{ width:627px; font-size:18px; text-align:center; float:left; margin:25px auto;}






#mainbody .right{ width:323px;height:924px;background-image:url(images/right-side.jpg); float:left;}

.rcontbl { font-size:18px; color:#006699;}

#mainbody .boxt{height:430px;}

#mainbody .box{padding:15px; text-align:center; margin:15px;font-size:14px;}

#mainbody .boxr{padding:12px; margin:12px;font-size:12px;text-align:center; }



#ff{ width:50%; float: left;}



#mhr{ width:980px; height:30px; background-image: url(images/piecediv.jpg); background-repeat:repeat-x; float:left;}



#footer{ font-size:12px; margin:10px;}

#footer .ff{ width:50%; float: left;}

#footer a{ text-decoration:none; color:#000000;}

#footer a:hover{ text-decoration:none; color:#990000;}