@charset "UTF-8";
/* CSS Document */
/*  Begin with reset file */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, 
legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup 

/* end of reset*/

body{
text-align:center;	
background-color:#C00;
margin-top:0px;
	}
	
#container
{
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	width:840px;
	height:845px;
}

#main
{
	margin-top:0px;
	border: #999 3px solid;
	width:810px;
	height:810px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	}
#top
{
	margin-top:0px;
	background-image: url(../images/logo_top.jpg);
	width: 810px;
	height: 187px;
	background-repeat:no-repeat;
}
#homelink
{
position:relative;
width:400px;
height:170px;
margin-top:0px;
margin-left:0px;
	}


#wunderground
{
	position: relative;
	float:right;
	margin-top:-90px;
	padding-right:230px;
	}

#nav{
	position: relative;
	background-image:url(../images/nav.jpg);
	background-position: 0px -42px;
	background-repeat: no-repeat;
	width: 810px;
	height: 42px;
	padding: 0px 0px 0px 0px;
	left: 0px;
	top: 18px;
}

#nav span
{
	 display:none;
}

#nav a 
{
    height:42px;
    display:block;
	z-index:101;
}

#nav li 
{
    float: left;
    list-style:none;
    display:inline;
}	
	#nav-01 {width: 102px;}
    #nav-02 {width: 102px;}
    #nav-03 {width: 102px;}
    #nav-04 {width: 102px;}
    #nav-05 {width: 102px;}
    #nav-06 {width: 102px;}
	
    #nav-01 a:hover {background:url(../images/nav.jpg) 0px -1px no-repeat; z-index:auto;}
    #nav-02 a:hover {background:url(../images/nav.jpg) -102px -1px no-repeat; z-index:auto;}
    #nav-03 a:hover {background:url(../images/nav.jpg) -204px -1px no-repeat; z-index:auto;}
    #nav-04 a:hover {background:url(../images/nav.jpg) -306px -1px no-repeat; z-index:auto;}
    #nav-05 a:hover {background:url(../images/nav.jpg) -408px -1px no-repeat; z-index:auto;}
    #nav-06 a:hover {background:url(../images/nav.jpg) -510px -1px no-repeat; z-index:auto;}


	#bigsign
{
	z-index:100;
	background-image:url(../images/bigsign.png);
	background-repeat:no-repeat;
	position:absolute;
	width:836px;
	height:387px;
	margin-top:-605px;
	
	}
#testimonialslink
{
	position:relative;
	margin-top:220px;
	margin-left:300px;
	width:400px;
	height:100px;
}
.clear
{
	clear:both;
}
#content
{
	width:565px;
	height:550px;
	float:left;
	position:relative;
	padding:20px 20px 20px 20px;
	margin-top:28px;
	margin-left:10px;
	text-align:left;
}
#contactleft
{
	float:left;
	height:550px;
	width: 300px;
	position:relative;
	margin-top:28px;
	margin-left:10px;
	padding:20px;
	text-align:left;
	
}
#contactright
{
	width:420px;
	height:575px;
	float:right;
	padding:10px 10px 10px 10px;
	margin-top:28px;
	margin-left:10px;
	text-align:left;
}
p
{
	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
}
.redtext
{
	
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#cc0000;
}
td
{
	
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
}
h1{
	font:bold 16px Arial, Helvetica, sans-serif;
	color: #cc0000;
}
h2{
	font:bold 14px Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #cc0000;
}

li
{
	
	
	list-style: inside;
	list-style-image:url(../images/li_disc.jpg);
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:24px;

}
#content img
{
	float:right;
}
#contentlinks
{
	position:relative;
	width:150px;
	float:right;
	padding-right:2px;
	margin-left: 0px;
	margin-top: 28px;
	height: 567px;
}
#table2
{
	border:0px;
	width:700px;
	background-color:#FFF;

}
#table2 img
{
	padding-right: 15px;
	text-align:left;
	}
#table2 td
{
	width:50%;
	text-align: left;
	margin:0px;
	vertical-align:top;
	font:normal 12px Arial, Helvetica, sans-serif;
    color:#333;

	}
#table2 td.grbg{
	background-color:#DCDCDC;
    padding: 5px;
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#C00;
	}
	
	#table2 td.whbgleft{
	background-color:#ffffff;
padding-top:5px;
padding-left: 5px;
padding-bottom:10px;
width:120px;
padding-left: 20px;
vertical-align:center;
	}
	#table2 td.whbgright{
	background-color:#ffffff;
padding-top:5px;
padding-bottom:10px;
padding-left: 25px;
vertical-align: middle;
width: 100%;
	}
#table2 td.tblleft
{
width: 130px;	
padding-bottom: 5px;
	}
#table2 td.tblright
{
width:100%;	
padding-bottom: 5px;
}
#table2 td.tblwide
{
width:225px;	
padding-bottom: 5px;
}
#table2 a{
	color:#C00;
	}	
#table2 a:link{
	color:#C00;
}	
	
#table2 a:visited{
color:#C00;
}	
#table2 a:hover{
color:#C00;
}


#bottom
{
margin-left:auto;
margin-right:auto;
}
#askmrservice
{
	position: absolute;
	margin-top:370px;
	background-image:url(../images/askmrservice.jpg);
	width: 150px;
	height: 222px;
	margin-left: 5px;
}
#calculate_energy
{
	position: absolute;
	margin-top:377px;
	background-image:url(../images/calculate_energy.jpg);
	width: 166px;
	height: 215px;
	margin-left: 160px;

	}
#hybridheat
{
	position: absolute;
	margin-top:372px;
	background-image:url(../images/hybridheat.jpg);
	width: 176px;
	height: 220px;
	margin-left: 331px;
}
#coupons
{
	position: absolute;
	margin-top:362px;
	background-image:url(../images/coupons.jpg);
	width: 291px;
	height: 231px;
	margin-left: 512px;

}
#footer
{
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	position:absolute;
	width:840px;
	height:55px;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#fff;
}
#left
{
	padding-left: 20px;
	float:left;
	width:400px;
	height: 55px;
	text-align:left;
}
#right
{
	padding-right:20px;
	float:right;
	width:400px;
	height:55px;
	text-align:right;
}
#right img
{
float:right;}
a:link
{
	color:#ffffff;
	text-decoration:none;
}
a:visited
{
	color:#ffffff;
	text-decoration:none;
}
a:hover
{
	color:#ffffff;
	text-decoration:none;
}
a:active
{
	color:#ffffff;
	text-decoration:none;
}