/* CSS Document */

html, body {
	margin: 0px;
	height: 100%;
	font: normal 100% arial, verdana, 'trebuchet ms', sans-serif;
	background:url(../images/bodyTile.jpg) repeat-y center;
	}

#wrapper {
	float: left !important;
	float: inherit;
	position: relative;
	left: 50%;
	top: 0px;
	width: 996px;
	margin-left: -498px;
	min-height: 100%;
	background:url(../images/wrapperTile.gif) repeat-y;
	margin-bottom: -30px;
	}

* html #wrapper {
	height: 100%;
	}

#topShade {
	float: left;
	width: 996px;
	height: 20px;
	background: url(../images/topShade.jpg) no-repeat center;
	}

#banner {
	float: left;
	width: 289px;
	height: 121px;
	background: url(../images/logo2010.jpg) no-repeat;
	margin-left: 17px;
	}

#bannerRight {
	float: left;
	width: 675px;
	height: 121px;
	border-left: 1px solid #fff;
	background: #fff;
	}

#bannerRightLeft {
	float: left;
	width: 220px;
	height: 114px;
	padding-left: 2px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 3px;
	}

#bannerRightMid {
	float: left;
	width: 222px;
	height: 114px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 3px;
	}

#bannerRightRight {
	float: left;
	width: 222px;
	height: 114px;
	padding-top: 4px;
	padding-bottom: 3px;
	}

#nav {
	float: left;
	width: 306px;
	font-size: 75%;
	margin-bottom: 0px;
	}

#contactContainer {
	float: left;
	margin-left: 17px;
	width: 289px;
	background: #63c2ce;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding-bottom: 20px;
	}

#contact {
	color: #fff;
	margin-left: 20px;
	line-height: 20px;
	font-size: 90%;
	letter-spacing: 1px;
	}

#contact h1 {
	font-size: 120%;
	letter-spacing: 1px;
	}

#logosContainer {
	float: left;
	padding-left: 44px;
	padding-bottom: 30px;
	}

#navContent {
	padding-left: 17px;
	}

#contentContainer {
	float: left;
	width: 677px;
	color: #000;
	}

#content {
	float: left;
	width: 667px;
	margin-top: 9px;
	margin-left: 3px;
	}

#contentFullContainer {
	float: left;
	width: 667px;
	}

#contentFull {
	float: left;
	font-size: 80%;
	color: #4e4d4d;
	padding: 5px 0px 20px 10px;
	}

#contentLeftContainer {
	float: left;
	width: 422px;
	font-size: 80%;
	}

#contentLeft {
	float: left;
	width: 350px;
	padding-left: 14px;
	color: #4e4d4d;
	}

#contentRight {
	float: left;
	width: 244px;
	}

#contentRightTop {
	float: left;
	background:url(../images/testimonials.jpg) no-repeat right;
	width: 248px;
	height: 44px;
	margin-top: -6px;
	}

#contentRightContent {
	float: left;
	width: 244px;
	}

#contentRightText {
	float: left;
	padding-left: 23px;
	padding-top: 10px;
	font-size: 75%;
	width: 200px;
	line-height: 22px;
	color: #4e4d4d;
	}

#rebatesTop {
	float: left;
	background:url(../images/rebates.jpg) no-repeat right;
	width: 248px;
	height: 44px;
	border-top: 1px solid #fff;
	}

#rebatesContent {
	float: left;
	width: 244px;
	}

#rebatesContentText {
	padding-left: 23px;
	font-size: 80%;
	color: #4e4d4d;
	margin-top: 10px;
	}

#footer {
	clear:both;
	position: relative;
	margin-left: -498px;
	left: 50%;
	width: 996px;
	height: 30px;
	font-size:80%;
	background: url(../images/footerBg.jpg) no-repeat center;
	}

#footerContent {
	padding-top: 10px;
	font-size: 85%;
	padding-left: 15px;
	color: #808080;
	}

.left {
	float: left;
	width: 310px;
	padding-left: 10px;
	}
	
.right {
	float: left;
	width: 300px;
	padding-left: 13px;
	}

.shade {
	float: left;
	width: 304px;
	}

.gridShadeTop {
	float: left;
	background:url(../images/gridTopShade.jpg) no-repeat;
	width: 310px;
	height: 16px;
	}

.gridShadeTile {
	float: left;
	background:url(../images/gridShadetile.jpg) repeat-y;
	width: 310px;
	}

.gridShadeTileLeft {
	float: left;
	background:url(../images/gridShadetile.jpg) repeat-y;
	width: 313px;
	border-right: 1px dashed #606060;
	}

.gridShadeContent {
	float: left;
	padding-left: 15px;
	width: 267px;
	}

.gridShadeBot {
	float: left;
	width: 304px;
	background:url(../images/gridShadeBot.jpg) no-repeat;
	height: 38px;
	}

/* */

.solarShadeTop {
	float: left;
	background:url(../images/solarTopShade.jpg) no-repeat;
	width: 310px;
	height: 16px;
	}

.solarShadeTile {
	float: left;
	background:url(../images/solarShadetile.jpg) repeat-y;
	width: 310px;
	}

.solarShadeTileLeft {
	float: left;
	background:url(../images/solarShadetile.jpg) repeat-y;
	width: 313px;
	border-right: 1px dashed #606060;
	}

.solarShadeContent {
	float: left;
	padding-left: 15px;
	width: 267px;
	height: 235px;
	}
	
.solarShadeContentBot {
	float: left;
	padding-left: 15px;
	width: 267px;
	}

.solarShadeBot {
	float: left;
	width: 304px;
	background:url(../images/solarShadeBot.jpg) no-repeat;
	height: 38px;
	}

/* */
	
.windShadeTop {
	float: left;
	background:url(../images/windTopShade.jpg) no-repeat;
	width: 310px;
	height: 16px;
	}

.windShadeTile {
	float: left;
	background:url(../images/windShadetile.jpg) repeat-y;
	width: 310px;
	}

.windShadeTileLeft {
	float: left;
	background:url(../images/windShadetile.jpg) repeat-y;
	width: 313px;
	border-right: 1px dashed #606060;
	}

.windShadeContent {
	float: left;
	padding-left: 15px;
	width: 267px;
	height: 235px;
	}
	
.windShadeContentBot {
	float: left;
	padding-left: 15px;
	width: 267px;
	}

.windShadeBot {
	float: left;
	width: 304px;
	background:url(../images/windShadeBot.jpg) no-repeat;
	height: 38px;
	}

#industryBot {
	float: left;
	width: 421px;
	border-top: 1px solid #fff;
	color: #4e4d4d;
	}

#industryBot p {
	padding-left: 14px;
	}

.footNotes {
	border: 1px solid #d9bd7a;
	padding: 5px 25px 5px 5px;
	background: #f7d37e;
	width: 216px;
	}

.footNotes ul li {
	margin-left: -20px;
	padding: 0px;
}