@charset "UTF-8";
/* CSS Document */

/*
	Author:	Rob Carruthers
*/

/*--------------------------------------
				Reset
----------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
/*--------------------------------------
		Page layout and structure
----------------------------------------*/

body{
	background-color: #999999;
	font-size: 62.5%;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#pageWrap{
	width: 800px;
	margin: 0 auto;
}
/*--------------------------------------
				Text
----------------------------------------*/
p {
	color: black;
	font-size: 1.2em;
	line-height: 1.4em;
	padding-bottom: 0.8em;
}
h1{
	
}
h2{
	color: #C16464;
	font-style: italic;
	font-size: 1.4em;
	text-decoration: underline;
}
h3{font-size: 1.3em;}
a:link,a:visited {
	text-decoration: none;
	font-style: italic;
	color: #0358AD;
}
a:hover {
	text-decoration: underline;
}
/*--------------------------------------
				Classes
----------------------------------------*/
.fineprint{
	color: #fff;
	font-size: 1.0em;
	line-height: 1.2em;
	padding-bottom: 0.8em;
}
.clear{
	clear: both;
}
.fl {float:left;}
.fr {float:right;}
.leftAlign{
	float: left;
	padding: 0 10px 0 0;
}
.rightAlign{
	float: right;
	padding: 0 0 0 10px ;
}
.taCenter{text-align: center;}
.paraList{
	color: black;
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0 0 0.8em 4em;
	list-style-image: url();
}
.photo{
	width: 200px;
	height: 133px;
	border: 1px solid #999;
}
.green{color: green;}
.padded_title {
	padding: 10px;
}
.indent_list {
	padding-left: 30px;
}
.padded_box p {
	padding-left: 25px;
	padding-right: 25px;
}
/*--------------------------------------
				Header
----------------------------------------*/
#header{
	height: 37px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	padding-top: 118px;
}
#header_btm {
	height: 24px;
	background-image: url('../images/logo_btm.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}
/*--------------------------------------
				Nav
----------------------------------------*/
ul.nav{
	list-style: none;
}
ul.nav li{
	display: inline;
}
ul.nav li a{
	display: block;
	float: left;
}
#navbar{
	padding: 0 48px;
}
#navbar ul li a{
	height: 28px;
	text-indent: -9999px;
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	-webkit-transition: opacity 0.25s linear;
}
#navbar ul li a:hover{
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#navbar ul li a.home{width:122px;background-image:url(../images/home.jpg);}
#navbar ul li a.about{width:115px;background-image:url(../images/about.jpg);}
#navbar ul li a.thickfilm{width:116px;background-image:url(../images/thickfilm.jpg);}
#navbar ul li a.quality{width:112px;background-image:url(../images/quality.jpg);}
#navbar ul li a.design{width:113px;background-image:url(../images/design.jpg);}
#navbar ul li a.contact{width:123px;background-image:url(../images/contact.jpg);}

#home #navbar ul li a.home{background-image:url(../images/home_active.jpg);}
#about #navbar ul li a.about{background-image:url(../images/about_active.jpg);}
#thickfilm #navbar ul li a.thickfilm{background-image:url(../images/thickfilm_active.jpg);}
#quality #navbar ul li a.quality{background-image:url(../images/quality_active.jpg);}
#design #navbar ul li a.design{background-image:url(../images/design_active.jpg);}
#contact #navbar ul li a.contact{background-image:url(../images/contact_active.jpg);}

/*--------------------------------------
				Content
----------------------------------------*/	

#pageBody{
	background-color: white;
	min-height: 200px;
	height: auto !important;
	height: 200px;
}
#content .image_box {
	
}
#content .image_box p {
	color: #C16464;
	font-style: italic;
	text-align: center;
}
#content{
	padding: 0px 20px;
}
#content ul {
	padding-bottom: 0.8em;
}
#content ul li {
	color: black;
	font-size: 1.2em;
	line-height: 1.4em;
	list-style: none;
}

#address.leftAlign,#email.leftAlign{padding-left: 100px;}
#solarpeak_logo a:visited{
	border-style: none;
}
#content #hybrids {
	padding-left: 60px;
}
/*--------------------------------------
				Footer
----------------------------------------*/
#footer{
	height: 49px;
	text-align: center;
	background-image: url(../images/bottom.jpg);
	background-position:  center top;
	background-repeat: no-repeat;
}
#home #footer {
	padding-top: 10px;
	background-image: none;
}
#footer ul{
	padding: 0 0 75px 160px;
}
#footer ul li a{
	font-size: 1.2em;
	height: 20px;
	width: 80px;
}
#cmDirect a{text-decoration: none; color: #fff;}
#cmDirect a:hover{text-decoration: underline;}