@charset "UTF-8";
/********   Advanced Solar Industries ~	Copyright 2009 ********/
	
/************ body ************/

body {background:url(../images/body_bg.jpg) repeat-x; margin:0; padding:0; background-color:#F5F5F3;}
.clear {clear:both;}

/******* header **************/

#container {width:927px; margin:0 auto;}
	
#masthead {height:200px; background:url(../images/masthead_bg.jpg) no-repeat;}

h1 {margin:0; text-indent:-9999px; float:left; width:676px;}
	
.contact {float:left; width:251px; padding:10px 0 0 0;}
.contact span {background:url(../images/masthead_contact.gif) no-repeat; width:214px; height:164px; text-indent:-9999px; display:block;}
.contact ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; float:right; list-style-type:none; margin:0 20px 0 0; padding:0;}
.contact li {float:left; padding:0 8px 0 0; text-transform:uppercase;}
.contact li a {color:#fff; text-decoration:none;}
.contact li a:hover {color:#333;}

/************** nav ****************/

ul#nav {margin:0; padding:0 0 10px 30px; list-style-type:none; background:url(../images/nav_bg.jpg) repeat-x;}
ul#nav li {float:left; height:34px;	padding:17px 0 0 0; font-family:"Tahoma", Arial, sans-serif; font-size:15px; margin:0 20px 0 0; text-transform:uppercase;}
ul#nav li a {padding:20px 4px 8px 4px; text-decoration:none; color:#3a6536;}
ul#nav li a:hover, ul#nav li.active {border-bottom:4px #eead10 solid;}
	
/************** container ****************/

.wrapper {background:url(../images/wrapper_bg.jpg) repeat-y right #FFF; width:879px; padding:20px 0 0 30px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; line-height:18px; margin:-2px 0 0 0;}

.wrapper2 {background: #FFF; width:879px; padding:20px 0 0 30px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; line-height:18px; margin:-2px 0 0 0;}
	
.left {float:left; width:690px;}
.left a {color:#006633;}
.left a:hover{color:#CC9900;}
	
.content {float:left; width:315px; padding:0 15px 0 0;}
.content2 {float:left; width:680px; padding:0 15px 0 0;}
.content2 a{ color:#006600; text-decoration:underline; padding-top:8px;}
.content2 a:hover{color:#666666; text-decoration:none; padding-top:8px;}
	
h2 {margin:0; color:#e9a810; font-size:20px; text-transform:uppercase; font-family:"Tahoma", Arial, sans-serif; font-weight:normal;}
h4 {margin:0; color:#e9a810; font-size:15px; text-transform:uppercase; font-family:"Tahoma", Arial, sans-serif; font-weight:bold;}
	
.promo {width:350px; float:left;}
a#promo {background:url(../images/promo_btn.jpg) no-repeat; text-indent:-9999px; display:block; width:321px; height:38px; margin:10px;}
	
ul#contact-list {width:470px; padding:10px 0; list-style-type:none; border-top:2px dotted #3a6536; border-bottom:2px dotted #3a6536; margin:0 20px 0 0; display:block; height:60px; float:left;}
ul#contact-list li {float:left; background:url(../images/check.gif) no-repeat 0px 0px; padding:0 0 0 20px; color:#3a6536; margin:0 5px 0 0; width:210px;}
	
.intro {background:url(../images/intro_bg.jpg) no-repeat; width:417px; height:69px; padding:20px 230px 13px 32px; color:#fff; margin:20px 0 0 0;}
.intro p {margin:0;}
.intro a {color:#eead10; text-decoration:none;}
.intro a:hover {color:#333;}

.img-left {margin:-10px 0 0 10px;}

/************* specs table *******************/
.yellowtd {background-color:#efad11;}
.tableleft {border-left:1px solid #efad11; border-bottom:1px solid #efad11; background-color:#ecf5d8;}
input, textarea {background-color:#eeeeee; border:1px solid #009900;}			


/************* right *******************/

.right {width:185px; padding:0 1px; float:left;}
.right img {margin:-20px 0 0 0;}
.right p {color:#666; padding:0 8px; font-size:11px;}
.right a {font-size:15px; color:#3a6536;}
.right a:hover {color:#666;}
.right ul li {color:#666; padding:0 0px; font-size:11px;}

h3 {color:#fff; margin:0; font-weight:normal; background:url(../images/h3_bg.gif) no-repeat; font-size:14px; padding:2px 8px 4px 30px; width:170px;}


/************* footer *******************/

#footer {margin:10px 0 0 0; color:#999; font-size:11px;}
#footer a {color:#999; text-decoration:none;}
#footer a:hover {text-decoration:underline;}

/************* iframe *******************/

#outerdiv {height:520px; overflow:hidden; position:relative; margin-bottom:10px; padding-bottom:10px;}
#inneriframe {position:absolute; top:-370px; left:-30px; width:700px; height:900px;}