/* CSS Document */

body {background:url(images/tile.jpg) repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#1d582a; line-height:18px; margin:0 auto;}
a {color:#1d582a;}
a:hover {text-decoration:none;}

#wrap {width:780px; background:url(images/tile-body.jpg) repeat-y; position:relative;}
#body {width:780px; background:url(images/bg-body.jpg) no-repeat;}
#bottom {width:780px; background:url(images/bg-bottom.jpg) no-repeat bottom;}
#address {width:160px; text-align:center;  position:absolute; z-index:3; font-size:10px; color:#FFF; line-height:12px; top:400px; margin-left:27px;}
#content { clear:both; width:515px; margin-left:245px; padding-bottom:20px; min-height:500px; height:auto !important; height:500px;}
#footerwrap {width:100%; background:#1c5829 url(images/tile-footer.jpg) repeat-x ; min-height:200px; height:auto !important; height:200px;}
#footer {width:780px; background:url(images/bg-footer.jpg) no-repeat;  padding-top:30px;}
#logos {width:235px; padding:0 0 0 10px; float:left; text-align:center;}

.welcome {font-weight:bold; font-size:13px;}
.yellow{color:#ffff00;}
h2 {font-size:15px; color:#d75b1c; border-bottom-width:2px; border-bottom-color:#d75b1c; border-bottom-style:solid;}
h1 {background-repeat: no-repeat; height: 42px; text-indent: -999em; width:500px;}
.welcome_bg {background:url(images/welcome.jpg) no-repeat 297px 20px; padding-top:83px; margin-top:40px;}
.flashhome {float:left; width:302px;}
.noodle {color:#FFF;}
.imgright {float:right; margin:0 0 10px 10px;}
a img {border:none;}

h1#logo {
margin: 0 0 0 244px;
padding: 0;
background-repeat: no-repeat; 
width: 500px;/* this width reflects the width of the logo image */
height: 144px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 144px;/*same height as logo h1*/ 
width: 500px;/*same width as logo h1*/}


/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; width:193px; margin-left:14px; position:absolute; z-index:5; top:164px;}


/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 24px; overflow: hidden; text-indent:-999em; width:193px}

/* Set the image for each nav item */
.howgreenarewe {background: url(images/nav/how-green-are-we.jpg); }
.radiantheating {background: url(images/nav/radiant-heating.jpg); }
.hydronicheating {background: url(images/nav/hydronic-heating.jpg); }
.upcomingevents {background: url(images/nav/upcoming-events.jpg); }
.forinstallersdealers {background: url(images/nav/for-installers-dealers.jpg); }
.energyfirstservices {background: url(images/nav/energyfirst-services.jpg); }
.contactus {background: url(images/nav/contact-us.jpg); }
.solar {background: url(images/nav/solar.jpg); }
.home {background: url(images/nav/home.jpg); }

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover .upcomingevents, #nav li.sfhover .upcomingevents, 
#nav li:hover .forinstallersdealers, #nav li.sfhover .forinstallersdealers, 
#nav li:hover .energyfirstservices, #nav li.sfhover .energyfirstservices, 
#nav li:hover .hydronicheating, #nav li.sfhover .hydronicheating, 
#nav li:hover .radiantheating, #nav li.sfhover .radiantheating, 
#nav li:hover .contactus, #nav li.sfhover .contactus, 
#nav li:hover .howgreenarewe, #nav li.sfhover .howgreenarewe, 
#nav li:hover .home, #nav li.sfhover .home {background-position:-193px 0;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

/* FOOTER NAV */
ul#footernav {list-style:none; margin:0; padding:0; font-size:10px; line-height:12px; color:#FFF;}
#footernav li {border-right:1px solid #FFF; }
#footernav li, #footernav a {background:none; height:auto; float:none; display:inline; white-space:nowrap;}
#footernav a {text-indent:none; color:#FFF; margin:2px 5px;}
ul#footernav ul {display:none;}
#footernav li.bordernone {border:none;}
#footernav a.marginnone {margin:2px 5px 2px 0;}

/* SITE MAP NAV */
ul#sitemap {}
#sitemap li, #sitemap a {text-indent:none; background:none;}