@import url("whitespace-reset.css");

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font: .7em/170% Verdana, 'Trebuchet MS', Arial, sans-serif;
	background: url("../_images/pattern.gif") repeat; }

img { border: 0; }

#clear { clear: both; }


/* h1, h2 
--------------------------------------------------------*/

h1 {
	font-size: 150%;
	font-weight: normal;
	color: #e87933; }

h2 {
	font-size: 130%;
	font-weight: normal;
	color: #d8a20e;
	padding: 20px 0 8px 0; }

p { color: #666; line-height: 1.9em; }


/* links 
--------------------------------------------------------*/

a:link { color: #5998ce; text-decoration: none; outline: 0; }
a:active, a:hover { text-decoration: underline; outline: 0; }
a:visited { color: #5998ce; text-decoration: none; outline: 0; }


/* layout 
--------------------------------------------------------*/

#sitewrapper {
    margin: 0 auto;
	padding: 0;
    width: 850px;
    text-align: left;
    background: #333; }


#sitewrapper #header {
    height: 253px;
    background: transparent url("../_images/header_home.png") no-repeat 0 100%; }
    #sitewrapper #header a#logo {
	clear: right;
	position: relative;
	background: url("../_images/logo_home.png") no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	width: 63px;
	height: 99px;
	float: left;
	top: -23px;
	left: 34px; }


/* navigation 
--------------------------------------------------------*/

#main_nav {
	float: right;
	height: 45px; 
	margin-top: 10px;
	margin-right: 5px;
	padding: 0; }

#sitewrapper #header ul#navigation {
    float: right;
    width: 426px;
    margin: 0; }
    ul#navigation li {
        float: left; }
        ul#navigation li a {
            display: block;
            float: left;
            height: 45px;
            margin: 0;
            padding: 0;
            font-size: 10px;
            text-indent: -5000px;
            background-color: transparent; }
            ul#navigation li a#residential {
                width: 91px;
                background-position: 0 -45px; }
            ul#navigation li a#commercial {
                width: 100px;
                background-position: -91px -45px; }
            ul#navigation li a#product {
                width: 104px;
                background-position: -191px -45px; }
            ul#navigation li a#incentives_rebates {
                width: 152px;
                background-position: -295px -45px; }
            ul#navigation li a#financing {
                width: 88px;
                background-position: -448px -45px; }
            ul#navigation li a#education {
                width: 91px;
                background-position: -536px -45px; }
            ul#navigation li a#residential:hover, ul#navigation li a#residential.current { background-position: 0 0; }
            ul#navigation li a#commercial:hover, ul#navigation li a#commercial.current { background-position: -91px 0; }
            ul#navigation li a#product:hover, ul#navigation li a#product.current { background-position: -191px 0; }
            ul#navigation li a#incentives_rebates:hover, ul#navigation li a#incentives_rebates.current { background-position: -295px 0; }
            ul#navigation li a#financing:hover, ul#navigation li a#financing.current { background-position: -448px 0; }
            ul#navigation li a#education:hover, ul#navigation li a#education.current { background-position: -536px 0; }
            
.menu
{
	color:White;
	font-size:small;
	text-decoration:underline;
	margin: 20px 10px 10px 0;
	font-weight:bold;
}
:hover.menu
{
	color:White;
	font-size:small;
	text-decoration:underline;
	margin: 20px 10px 10px 0;
	font-weight:bold;
}

/* content 
--------------------------------------------------------*/

#main {
    clear: both;
    position: relative;
    float: left;
    top: -107px;
    left: 0;
    width: 850px;
    height: 352px;
    margin-bottom: -108px;
    background: transparent url("../_images/home_middle.png") no-repeat 0 0; }

#main #systems {
	float: right;
	margin-right: 58px;
	padding: 0;
	width: 315px; 
	color: #5998ce; }

#main #systems h1 {
	margin: 45px 0 3px 0; }

	#residential_solar {
		float: left; }
		#residential_solar a#button_residential {
		position: relative;
		background: url("../_images/bttn_residential.png") no-repeat;
		text-indent: -5000px;
		overflow: hidden;
		width: 79px;
		height: 24px;
		float: left;
		top: 0;
		left: 0; }
	#residential_solar #commercial 
	{
		padding-top: 10px;
	}
	
	#commercial_solar {
		float: right; }	
		#commercial_solar a#button_commercial {
		position: relative;
		background: url("../_images/bttn_commercial.png") no-repeat;
		text-indent: -5000px;
		overflow: hidden;
		width: 79px;
		height: 24px;
		float: left;
		top: 0;
		left: 0; }

#main #systems ul { 
	margin-top: 50px; }
	
#main #systems ul li { 
	list-style-position: outside;
	list-style-type: square;
	line-height: 1.45em; 
	margin-left: 15px; }

#main p {
    margin: 10px 0 0 34px;
	padding: 0;
	width: 400px;
	font-size: 90%;
	color: #fff; 
	}

.highlight {
	color: #fad94c; 
	font-size:medium;	
	}
.p2
{
	font-size:small;
}


/* footer 
--------------------------------------------------------*/

#footer {
    clear: both;
    position: relative;
    top: 0;
    left: 0;
    width: 850px;
    height: 69px;
    background: transparent url("../_images/footer_home.png") no-repeat; }

    #footer p {
		font-size: 90%;
		color: #fff;
		line-height: 1.5em;
		padding-top: 24px;
		margin-left: 34px; }

    .phone {
		font-size: 100%;
		font-weight: bold; }
		
    #footer a {
		font-size: 120%;
		color: #fff; }
		
    #footer a.normal {
		font-size: 100%;
		color: #fff; }