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

/* navigation */
.navContainer {
width:auto;
height:28px;
background-image:url(../images/navBg.png);
background-repeat:repeat-x;
}

.navContainer ul {
	list-style-type:none;
}

.navContainer ul li {
	float:left;
	background-image:url(../images/nav.png);
}

.navContainer ul li a{
	display:block;
	height:28px;
}
.navContainer ul li.home {
	width:83px;
}
.navContainer ul li.home a:hover, .navContainer ul li.home a.active {
	background-image:url(../images/nav.png);
	background-position:0px 32px;
	
}
.navContainer ul li.about {
	width:79px;
	background-position:-83px 0px;
}
.navContainer ul li.about a:hover, .navContainer ul li.about a.active {
	background-image:url(../images/nav.png);
	background-position:-83px 32px;
	
}
.navContainer ul li.solarElec {
	width:117px;
	background-position:-162px 0px;
}
.navContainer ul li.solarElec a:hover, .navContainer ul li.solarElec a.active {
	background-image:url(../images/nav.png);
	background-position:-162px 32px;	
}
.navContainer ul li.solarWater {
	width:117px;
	background-position:-279px 0px;
}
.navContainer ul li.solarWater a:hover, .navContainer ul li.solarWater a.active {
	background-image:url(../images/nav.png);
	background-position:-279px 32px;	
}

.navContainer ul li.faq {
	width:58px;
	background-position:-613px 0px;
}
.navContainer ul li.faq a:hover, .navContainer ul li.faq a.active {
	background-image:url(../images/nav.png);
	background-position:-613px 32px;	
}

.navContainer ul li.tips {
	width:135px;
	background-position:-670px 0px;
}
.navContainer ul li.tips a:hover, .navContainer ul li.tips a.active {
	background-image:url(../images/nav.png);
	background-position:-670px 32px;	
}

.navContainer ul li.contact {
	width:135px;
	background-position:-805px 0px;
}
.navContainer ul li.contact a:hover, .navContainer ul li.contact a.active {
	background-image:url(../images/nav.png);
	background-position:-805px 32px;	
}

.navContainer ul li.recs {
	width:49px;
	background-position:-496px 0px;
}
.navContainer ul li.recs a:hover, .navContainer ul li.recs a.active {
	background-image:url(../images/nav.png);
	background-position:-496px 32px;	
}

.navContainer ul li.finance {
	width:68px;
	background-position:-545px 0px;
}
.navContainer ul li.finance a:hover, .navContainer ul li.finance a.active {
	background-image:url(../images/nav.png);
	background-position:-545px 32px;	
}
.navContainer ul li.heating {
	width:100px;
	background-position:-396px 0px;
}
.navContainer ul li.heating a:hover, .navContainer ul li.heating a.active {
	background-image:url(../images/nav.png);
	background-position:-396px 32px;	
}