@import "aws-typography.css";

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-image:url(../images/BG-main-header.gif);
	background-repeat:repeat-x;
	background-position:top left;
}

#wrapper {
	width:960px;
	margin:0 auto 0 auto;
}

/* begin header content */
#header {width:960px; overflow:hidden;}
#header-left-elements {float:left; margin:0 0 26px 0;}
#header-logo a {
	float:right;
	margin:25px 0 0 0;
	width:202px;
	height:88px;
	background-image:url(../images/LOGO-main.jpg);
	display:block;
}
#contact-phone {float:left; width:148px; height:34px; background-image:url(../images/BG-header-phone.gif); margin:25px 5px 18px 0;}
#contact-fax {float:left; width:148px; height:34px; background-image:url(../images/BG-header-fax.gif);  margin:25px 0 0 0;}
#txt-clean-power {clear:both; width:452px; height:32px; background-image:url(../images/TXT-clean-power.gif); background-repeat:no-repeat;}
#main-navigation {
	width:960px;
	clear:both;
	padding:0 0 0 0;
}

/* begin hero content */
#hero-area {width:960px; clear:both; overflow:hidden; margin:5px 0 0 0;}
#hero-intro {
	float:left;
	width:198px;
	height:324px;
	margin:0 8px 0 0;
	background-image:url(../images/BG-home-hero-intro.gif);
}
#hero-image {
	float:left;
	width:548px;
	height:324px;
	margin:0 8px 0 0 ;
}
#hero-contact-field {
	float:left;
	width:180px;
	height:209px;
	padding:115px 0 0 18px;
	background-image:url(../images/BG-hero-contact-field.gif);
}
.field-entry {
	border:1px solid red; background-image:url(../images/BG-contact-field.gif);
	background-repeat:repeat-x;
	color:#ffffff;
	font-size:inherit;
	padding:2px;
	margin:0 0 5px 0;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
}

.send-button {position:relative; top:5px; left:117px;}

#contact-bulletts {
	position:relative;
	top:45px;
	margin:0px 0 0 0;
	padding:0px 15px 0 0;
}

/* begin sub intro area */
#sub-intro-area {
	width:960px;
	clear:both;
	margin:8px 0 10px 0;
	padding:0 0 0 20px;
}

#solar-vehicle {
	float:left;
	width:200px;
	height:260px;
	border-right:1px dotted #999999;
	background-image:url(../images/BG-sub-intro-solar.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:10px 10px 0 10px;
	margin:0 10px 0 0;
}

#solar-home {
	float:left;
	width:200px;
	height:260px;
	border-right:1px dotted #999999;
	background-image:url(../images/BG-sub-intro-solar.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:10px 10px 0 10px;
	margin:0 10px 0 0;
}

#solar-community {
	float:left;
	width:200px;
	height:260px;
	border-right:1px dotted #999999;
	background-image:url(../images/BG-sub-intro-solar.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	padding:10px 10px 0 10px;
	margin:0 10px 8px 0;
}

#solar-enterprise {
	float:left;
	width:200px;
	height:260px;
	padding:10px 10px 0 10px;
}

#sub-lower-intro {
	clear:both;
	width:920px;
	height:110px;
	margin:0 0 0 0;
	padding:20px 20px 0 20px;
	background-image:url(../images/BG-home-lower-intro.gif);
	background-repeat:no-repeat;
	text-align:center;
}

/* begin main footer */
#footer-wrapper {
	clear:both;
	width:100%;
	height:168px;
	background-image:url(../images/BG-footer.gif);
	background-repeat:repeat-x;
}
#footer-content {
	width:960px;
	overflow:hidden;
	margin:0 auto 0 auto;
}
.footer-links-block {
	float:left;
	margin:0 30px 0 0;
}

/* begin sub page structure */
#main-content {
	width:960px;
	margin:30px 0 0 0;
}
#left-col {
	float:left;
	width:700px;
	margin:0 60px 0 0;
	padding:0 0 20px 0;
}
#right-col {
	float:left;
	width:200px;
	padding:0 0 20px 0;
}
#suppliers-logos {
	width:auto;
	overflow:hidden;
	clear:both;
	margin:0 0 40px 0;
}
.suppliers-logo {
	float:left;
	margin:20px 30px 0 0;
}
DIV.news-item-container {
	margin:30px 0 0 0;
	padding:0 0 20px 0;
	background-image:url(../images/BG-sub-intro-solar.gif);
	background-repeat:no-repeat;
	background-position:bottom right;
	border-bottom:1px dotted #999999;
}
DIV.contact-info-wrapper {
	width:auto;
	clear:both;
	overflow:hidden;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px dotted #999999;
}
DIV.contact-info-container {
	width:220px;
	float:left;
	margin:10px 10px 0 0;
}

/* form elements */
.label {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-weight:bold;
	font-size:inherit;
	float:left;
	margin:10px 0 0 0;
}
.input {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	border:1px solid #999999;
	background-image:url(../images/BG-form-field.gif);
	background-repeat:repeat-x;
	padding:2px;
	height:20px;
	font-weight:normal;
	font-size:inherit;
	width:300px;
	margin:10px 0 0 0;
	clear:both;
}
.comments-field {
	float:left;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	border:1px solid #999999;
	background-image:url(../images/BG-form-field.gif);
	background-repeat:repeat-x;
	padding:2px;
	font-weight:normal;
	font-size:inherit;
	width:450px;
	margin:10px 0 10px 0;
}

/* form spring styling */

.fsPage {
	
}