@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: 10px 0 8px 0; }

h3 {
	font-size: 125%;
	font-weight: normal;
	color: #000;
	padding: 10px 0 4px 0; }

h4 {
	font-size: 115%;
	font-weight: normal;
	color: #000;
	padding: 10px 0 8px 0; }

p { 
	font-size: 1.1em;
	color: #666; 
	line-height: 1.9em;
	padding-bottom: 15px; }

.pad {
	padding-bottom: 8px; }

/* 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.interior {
    margin: 0 auto;
	padding: 0;
    width: 850px;
    text-align: left;
    background-color: #fff;
    border-left: 1px solid #b5da88;
	border-right: 1px solid #b5da88;
	border-bottom: 1px solid #b5da88;}

#sitewrapper.interior #header {
    height: 163px;
    background: transparent url("../_images/header.png") no-repeat 0 100%; }
    #sitewrapper.interior #header a#logo_inner {
	clear: right;
	position: relative;
	background: url("../_images/logo.png") no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	width: 55px;
	height: 86px;
	float: left;
	top: -12px;
	left: 31px; }


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

#main_nav_inner {
	float: right;
	height: 39px; 
	margin-top: 0;
	margin-right: 5px;
	padding: 0; }

#sitewrapper.inner #header ul#navigation {
    float: right;
    width: 542px;
    margin: 0; }
    ul#navigation li {
        float: left; }
        ul#navigation li a {
            display: block;
            float: left;
            height: 39px;
            margin: 0;
            padding: 0;
            font-size: 10px;
            text-indent: -5000px;
            background-color: transparent;
            background-image: url("../_images/nav.gif");
            background-repeat: none; }
            ul#navigation li a#residential {
                width: 79px;
                background-position: 0 -39px; }
            ul#navigation li a#commercial {
                width: 86px;
                background-position: -79px -39px; }
            ul#navigation li a#product {
                width: 91px;
                background-position: -165px -39px; }
            ul#navigation li a#incentives_rebates {
                width: 131px;
                background-position: -256px -39px; }
            ul#navigation li a#financing {
                width: 77px;
                background-position: -387px -39px; }
            ul#navigation li a#education {
                width: 78px;
                background-position: -464px -39px; }
            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: -79px 0; }
            ul#navigation li a#product:hover, ul#navigation li a#product.current { background-position: -165px 0; }
            ul#navigation li a#incentives_rebates:hover, ul#navigation li a#incentives_rebates.current { background-position: -256px 0; }
            ul#navigation li a#financing:hover, ul#navigation li a#financing.current { background-position: -387px 0; }
            ul#navigation li a#education:hover, ul#navigation li a#education.current { background-position: -464px 0; }


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

#sub_nav_main {
	float: left;
	margin: 90px 0 0 70px; }

ul#sub_nav {
    float: left;
    width: 309px;
    margin: 0; }
    ul#sub_nav li {
        float: left;
        display: inline; }
        ul#sub_nav li a {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            font-size: 10px;
            text-indent: -5000px;
            background-color: transparent;
            background-image: url("../_images/_residential/nav_residential.gif");
            background-repeat: none; }
            ul#sub_nav li a#hot_water {
                width: 309px;
				height: 33px;
                background-position: 0 0; }
            ul#sub_nav li a#pool_heating {
                width: 309px;
				height: 25px;
 				background-position: 0 -33px; }
            ul#sub_nav li a#photovoltaic {
                width: 309px;
				height: 25px;
                background-position: 0 -58px; }
            ul#sub_nav li a#other {
                width: 309px;
				height: 25px;
                background-position: 0 -83px; }
            ul#sub_nav li a#gallery {
                width: 309px;
				height: 33px;
                background-position: 0 -108px; }

            ul#sub_nav li a#hot_water:hover, ul#sub_nav li a#hot_water.current { background-position: 0 -141px; }
            ul#sub_nav li a#pool_heating:hover, ul#sub_nav li a#pool_heating.current { background-position: 0 -174px; }
            ul#sub_nav li a#photovoltaic:hover, ul#sub_nav li a#photovoltaic.current { background-position: 0 -199px; }
            ul#sub_nav li a#other:hover, ul#sub_nav li a#other.current { background-position: 0 -224px; }
            ul#sub_nav li a#gallery:hover, ul#sub_nav li a#gallery.current { background-position: 0 -249px; }


ul#sub_nav_inner {
    float: left;
    width: 212px;
    margin: 0; }
    ul#sub_nav_inner li {
        float: left;
        display: inline; }
        ul#sub_nav_inner li a {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            font-size: 10px;
            text-indent: -5000px;
            background-color: transparent;
            background-image: url("../_images/_residential/nav_residential_inner.gif");
            background-repeat: none; }
            ul#sub_nav_inner li a#photovoltaic {
                width: 212px;
				height: 33px;
                background-position: 0 0; }
            ul#sub_nav_inner li a#hot_water {
                width: 212px;
				height: 25px;
 				background-position: 0 -33px; }
            ul#sub_nav_inner li a#pool_heating {
                width: 212px;
				height: 25px;
                background-position: 0 -58px; }
            ul#sub_nav_inner li a#other {
                width: 212px;
				height: 25px;
                background-position: 0 -83px; }
            ul#sub_nav_inner li a#gallery {
                width: 212px;
				height: 33px;
                background-position: 0 -108px; }

            ul#sub_nav_inner li a#photovoltaic:hover, ul#sub_nav_inner li a#photovoltaic.current { background-position: 0 -141px; }
            ul#sub_nav_inner li a#hot_water:hover, ul#sub_nav_inner li a#hot_water.current { background-position: 0 -174px; }
            ul#sub_nav_inner li a#pool_heating:hover, ul#sub_nav_inner li a#pool_heating.current { background-position: 0 -199px; }
            ul#sub_nav_inner li a#other:hover, ul#sub_nav_inner li a#other.current { background-position: 0 -224px; }
            ul#sub_nav_inner li a#gallery:hover, ul#sub_nav_inner li a#gallery.current { background-position: 0 -249px; }


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

#sub_nav_main {
	float: left;
	margin: 90px 0 0 70px; }

ul#sub_nav_commercial {
    float: left;
    width: 309px;
    margin: 0; }
    ul#sub_nav_commercial li {
        float: left;
        display: inline; }
        ul#sub_nav_commercial li a {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            font-size: 10px;
            text-indent: -5000px;
            background-color: transparent;
            background-image: url("../_images/_commercial/nav_commercial.gif");
            background-repeat: none; }
            ul#sub_nav_commercial li a#photovoltaic {
                width: 309px;
				height: 33px;
                background-position: 0 0; }
            ul#sub_nav_commercial li a#hot_water {
                width: 309px;
				height: 25px;
 				background-position: 0 -33px; }
            ul#sub_nav_commercial li a#pool_heating {
                width: 309px;
				height: 25px;
                background-position: 0 -58px; }
            ul#sub_nav_commercial li a#solar_engineering {
                width: 309px;
				height: 25px;
                background-position: 0 -83px; }
            ul#sub_nav_commercial li a#gallery {
                width: 309px;
				height: 33px;
                background-position: 0 -108px; }

            ul#sub_nav_commercial li a#photovoltaic:hover, ul#sub_nav_commercial li a#photovoltaic.current { background-position: 0 -141px; }
            ul#sub_nav_commercial li a#hot_water:hover, ul#sub_nav_commercial li a#hot_water.current { background-position: 0 -174px; }
            ul#sub_nav_commercial li a#pool_heating:hover, ul#sub_nav_commercial li a#pool_heating.current { background-position: 0 -199px; }
            ul#sub_nav_commercial li a#solar_engineering:hover, ul#sub_nav_commercial li a#solar_engineering.current { background-position: 0 -224px; }
            ul#sub_nav_commercial li a#gallery:hover, ul#sub_nav_commercial li a#gallery.current { background-position: 0 -249px; }


ul#sub_nav_inner_commercial {
    float: left;
    width: 212px;
    margin: 0; }
    ul#sub_nav_inner_commercial li {
        float: left;
        display: inline; }
        ul#sub_nav_inner_commercial li a {
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            font-size: 10px;
            text-indent: -5000px;
            background-color: transparent;
            background-image: url("../_images/_commercial/nav_commercial_inner.gif");
            background-repeat: none; }
            ul#sub_nav_inner_commercial li a#photovoltaic {
                width: 212px;
				height: 33px;
                background-position: 0 0; }
            ul#sub_nav_inner_commercial li a#hot_water {
                width: 212px;
				height: 25px;
 				background-position: 0 -33px; }
            ul#sub_nav_inner_commercial li a#pool_heating {
                width: 212px;
				height: 25px;
                background-position: 0 -58px; }
            ul#sub_nav_inner_commercial li a#solar_engineering {
                width: 212px;
				height: 25px;
                background-position: 0 -83px; }
            ul#sub_nav_inner_commercial li a#gallery {
                width: 212px;
				height: 33px;
                background-position: 0 -108px; }

            ul#sub_nav_inner_commercial li a#photovoltaic:hover, ul#sub_nav_inner_commercial li a#photovoltaic.current { background-position: 0 -141px; }
            ul#sub_nav_inner_commercial li a#hot_water:hover, ul#sub_nav_inner_commercial li a#hot_water.current { background-position: 0 -174px; }
            ul#sub_nav_inner_commercial li a#pool_heating:hover, ul#sub_nav_inner_commercial li a#pool_heating.current { background-position: 0 -199px; }
            ul#sub_nav_inner_commercial li a#solar_engineering:hover, ul#sub_nav_inner_commercial li a#solar_engineering.current { background-position: 0 -224px; }
            ul#sub_nav_inner_commercial li a#gallery:hover, ul#sub_nav_inner_commercial li a#gallery.current { background-position: 0 -249px; }



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

#main {
    clear: both;
    margin-top: 22px; }
	
	#main img.detail {
		position: relative;
		float: left;
		top: 68px;
		left: 135px; }

	#graphic {
		float: left;
		margin: 22px 0 0 18px; }

	#graphic2 {
		float: left;
		margin: 22px 0 0 180px; }

	#graphic3 {
		float: left;
		margin: 22px 0 0 0; }

	#overview {
		float: right;
		width: 406px;
		margin: 0 65px 40px 0;}

	#main h1 {
		padding-bottom: 25px; }

#main_b {
    clear: both; }

	#main_b img.detail {
		position: relative;
		float: left;
		top: -390px;
		left: 280px; }

	#content_b {
		float: right;
		width: 294px;
		margin: 0 65px 40px 0;}    

	#content_b h1 {
		padding-bottom: 25px; }

	#content_b a#button_gallery {
		position: relative;
		background: url("../_images/gallery_bttn.gif") no-repeat;
		text-indent: -5000px;
		overflow: hidden;
		width: 79px;
		height: 24px;
		float: right;
		top: -20px;
		left: 0; }

	#system_types {
		margin-left: 30px;
		padding-left: 0;
		list-style: none; }
	
	#system_types li {
		font-size: 90%;
		padding-left: 10px;
		list-style-image: url("../_images/bullet.gif"); }
		background-repeat: no-repeat;
		background-position: 0 .5em; }

#main_c {
    clear: both;
    margin-top: 22px; }
    
	#main_c img.detail {
		float: right;
		padding-left: 25px;
		margin-right: -45px; }
    
	#content_c {
		float: right;
		width: 465px;
		margin: 0 65px 40px 0;}    

	#content_c h1 {
		margin-top: 25px;
		padding-bottom: 25px; }

.headline {
	font-size: 1.3em; }

#tip {
	clear: both;
	position: relative;
	overflow: hidden;
	width: 295px;
	height: 197px;
	float: left;
	top: 5px;
	left: 0;
	margin-bottom: 15px; }

#recycle {
	clear: both;
	position: relative;
	overflow: hidden;
	width: 198px;
	height: 193px;
	float: left;
	top: -21px;
	left: -66px;
	margin-bottom: 15px; }

strong {
	font-weight: normal;
	color: #333; } 

.caption { 
	font-size: .75em; }


/* bulleted lists 
--------------------------------------------------------*/

#list {
	margin-left: 20px;
	padding-left: 0;
	list-style-type: disc; }

#list li {
	font-size: 120%;
	color: #666; 
	line-height: 1.5em;
	padding-left: 10px;
	padding-bottom: 13px; }

#credentials, #links {
	margin-left: 20px;
	padding-left: 0;
	list-style-type: disc; }

#credentials li, #links li {
	font-size: 120%;
	color: #666; 
	line-height: 1.5em;
	padding-left: 10px;
	padding-bottom: 3px; }

/* table
--------------------------------------------------------*/

#contactform table, #contactform td {
	font-size: 11px;
	color: #666; }

#contactform td, #contactform td.padright {
	padding-right: 0;
	padding-bottom: 10px;
	vertical-align: top; }
	
#contactform td.padright {
	padding-right: 15px; }



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

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

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

#footer_commercial {
    clear: both;
    position: relative;
    top: 0;
    left: 0;
    width: 850px;
    height: 120px;
    background: transparent url("../_images/_commercial/footer.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_residential p {
		font-size: 90%;
		color: #fff;
		line-height: 1.5em;
		padding-top: 39px;
		margin-left: 34px; }

    #footer_commercial p {
		font-size: 90%;
		color: #fff;
		line-height: 1.5em;
		padding-top: 75px;
		margin-left: 34px; }
		
    #footer a, #footer_residential a, #footer_commercial a {
		font-size: 120%;
		color: #fff; }
		
    #footer a.normal, #footer_residential a.normal, #footer_commercial a.normal {
		font-size: 100%;
		color: #fff; }