/* CSS Document */


/* Font Init
------------------------------------------------------------------------------------------*/

html{
	font-family:  "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	color: #000;
}

body{
	margin: 0px;
	color: #000;
	background-image: url(../images/design/bg-tile.jpg);
}


/* Tags
------------------------------------------------------------------------------------------*/
a, a:visited{
	color: #a05324;
	text-decoration: none;
}

label, a:hover, label:hover{
	color: #687819;
	cursor: pointer;
}


hr{
	background-image:url(../images/design/hr-bg.jpg);
	background-repeat: repeat-x;
	width: 885px;
}

p img{
	float: none;
	margin: 0px;
}



/* Classes
------------------------------------------------------------------------------------------*/
div.colborder{
	border: none;
}

.phark, .phark a{	
	text-indent: -5000px;
	display: block;
	/*font-size: 0;*/
	overflow: hidden;
}

.left{float: left;}
.right{	float: right;}

p.important{
	color: #373534;
}

.banner-image{
	position: absolute;
	left: 0px;
	bottom: 41px;
	z-index: 10;
	top: 132px;
	
}

ul#banners{
	list-style: none;
	margin: -256px 0 0 0;
	clear: both;
}

.ie7 ul#banners, .ie6 ul#banners{
	float: left;
}

.full-image{
	margin: 0 -15px -15px;
}

ul.brown li{
	margin-top: 10px;
	color:  #a05324;
}


/*Typography
-----------------------------------------------------------------------------------------*/
small{
	display: block;
}



span, p, h1, h2, h3, h4, h5, ul, ol{
	color: #373534;
}

p, ul, ol{
	font-family:  Helvetica, Verdana, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.4em;
	margin-bottom: 0px;
}


h1{
	font-size: 1.8em;
	margin-bottom: 15px;
}

h1.headings{
	background-image: url(../images/design/bg-content.png);
	padding: 14px 15px 8px 15px;
	width: 930px;
}

h1.headings span{
	text-indent: -5000px;
	display: block;
	/*font-size: 0;*/
	overflow: hidden;
	background-repeat:no-repeat;

}

h1.solid{
	padding: 0px;
	height: 46px;
}


h2{
	font-size: 1.4em;
	color: #b65518;
	margin-bottom: 1px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #b65518;
	font-size: 1.3em;
	line-height: 18px;
	margin: 7px 0 0px 0;
}

#content-main h3{
	text-transform: none;
	font-size: 1.1em;
}



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


#header-wrapper{
	width: 100%;
	background: url(../images/design/bg-header.png) repeat-x;
	height: 439px;
}

#header {
	height: 100%;
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 960px;
}

	#branding{
	width: 1071px;
	height: 378px;
	background-repeat: no-repeat;
	display: block;
	background-image: url(../images/design/logo-watermark.png);
	background-position: right top;
	position: relative;
	z-index: 0;
	padding:10px 0 0 1px;
	}
		
			#branding h1 a{
				height: 96px;
				width: 240px;
			}
			
.container{
	height: 100%;
	width: 960px;
	/*background-color: #efe8c5;
	filter:alpha(opacity=62);
	opacity: 0.62;*/
	background-image:url(../images/design/bg-container.png);

}
	
#content{
	min-height: 300px;
	}		

#content-main{
	padding: 15px;
	background-image: url(../images/design/bg-content.png);
	opacity: 1;
}

.solo{
	min-height: 295px;
}

#content-main.full{
	margin-bottom: -20px;
	text-align:center;
	padding-top: 20px;
}

#content-main.full p{
	font-size: 18px !important;
}

#content-main p{
	font-size: 1.1em;
	clear: both;
	padding-top:5px;
}

#content-supp{
	clear: both;
	margin-top: 15px;
}

#content-supp .box{
	background-image: url(../images/design/bg-content.png);
	background-color: transparent;
	float: left;
	height: 303px;
	margin-bottom: 0px;
	padding: 18px;
	color: #373534;
	margin-right: 15px;
}

#content-supp.long .box{height: 500px;}
#content-supp.medium .box{height: 400px;}
#content-supp.single {
	background-image: url(../images/design/bg-content.png);
	padding: 15px;
}

#content-supp .third{
	
	width: 274px;
}

.ie7 #content-supp .third{

}

#content-supp .quarter{
	margin-right: 15px;
	width: 192px;
	height: 500px;
}

#content-supp.short .quarter{
	height: 300px;
}

#content-supp .single{
	width: 924px;
	height: auto;
	background-image: none;
	background-color: #FFF;
}

#content-supp .half{
	width: 436px;
	height: 500px;
}

#content-supp .faux-column{
	width: 35%;
	float: left;
}

#content-supp div:last-child, .last-child{
	margin-right: 0px !important;
}

#content-supp p {
	margin: 5px 0px;
}

#footer{
	width: 960px;
	font-size: 11px;
	clear: both;
	background: none;
	text-align: center;
	margin: 0px 0px -9px -6px;
	padding-top: 10px;
}

/*#footer ul{
	list-style: none;
}

#footer ul li{
	display: inline;
	padding: 0 5px;
	border-right: 1px solid;
}

ul#nav-footer li.last, li:last-child{
	border: 0 none !important;
}

#footer a, #footer p{
	color: #5b5959;
}*/

/* Navigation 
------------------------*/

#navigation{
	height: 338px;
	margin: 0 auto;
	position: absolute;
	text-align: right;
	top: 101px;
	left:0px;
	z-index:1000;
}	

ul#nav-main{
	list-style: none;
	margin: 0px;
	height: 31px;
	width: 101%;
	position: relative;
	font-size: 0px;
}

ul#nav-main li{	postion: relative;}

ul#nav-main li a{
	background-image: url(../images/text/nav-sprite.jpg); background-position: 1px 0px;
}

	ul#nav-main a {
	display: block;
	height: 31px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 150px;
	}
	
	ul#nav-main li, ul#nav-supp li {
	background-repeat: no-repeat;
	display: block;
	height:31px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	
	}
	
	/*Sub-nav (dropdown, son of suckerfish)*/
	ul#nav-main li ul.nav-supp {
		position: absolute;
		width: 148px;
		margin-left: 300px;
		font-size: 12px;
		left: -999em;
		background-image: none;
		background-color: #898700;
		z-index: 20;
		list-style: none;
		opacity: 0.8;
		filter: alpha(opacity=80); /*for IE7 & IE8*/
		padding: 6px 0px 6px 9px;
		text-align: left;
		}
		
		ul#nav-main li ul#sub-systems, ul#nav-main li ul#sub-services {margin-left: 9px; width: 177px; }
		ul#nav-main li ul#sub-services {width: 92px; }
		
		.ie7 ul#nav-main li ul#sub-systems{margin-left: 460px;} 
		.ie7 ul#nav-main li ul#sub-services{margin-left: 660px;} 
	
	ul#nav-main li:hover ul, #nav-main li.sfhover ul {left: auto;}
	.ie7 #nav-main li:hover ul{left: 0; top: 100%;}

	ul#nav-main li ul li{
		opacity: 1;
		filter: alpha(opacity=100); /*for IE7 & IE8*/
		padding: 4px 0px;
		height: 15px;
		display:block;
		width: 100%;
	}
	
	ul#nav-main li ul.nav-supp li a{
		background-image: none !important;
		color: #FFF;
		width: 123px !important;
		text-indent:  0px;
		text-shadow: #000 0px 0px 3px;
		letter-spacing: .5px;

	}
	ul#nav-main li ul.nav-supp li a:hover{
		color:#ced54b;
	}
	
	/*Faux third level links*/
	ul#nav-main li ul.nav-supp li.tertiary{
		padding-left: 13px;
		background-image: url(../images/design/bullet.png);
		background-repeat: no-repeat;
		background-position:0px 8px;
	}	
	
ul#nav-supp{
	width: 100%;
	height: 41px;
	background-image:url(../images/design/bg-navsupp.png);
	position: absolute;
	left: 0px;
	margin: 0px;
	bottom: 0px;
	font-size: 0px;
}

ul#nav-supp li{
	height: 41px;
	width: 83px;	
}

ul#nav-supp li{
	background-image: url(../images/text/subnav-sprite.jpg); background-position: 0px 0px; cursor: pointer;
}


	


/* LISTS
------------------------------------------------------------------------------------------*/
ul#vcard{
	list-style: none;
	
	}
	
	ul#vcard li{
	margin-right: 7px;
	}

ul.two-col{
	padding: 5px 50px;
}

ul.two-col li{
	float:left;
	margin:0 11px;
	width:47%;
}

ul.links{
	list-style: none;
	margin: 10px 0px 0px 0px;
}
	
	


/* FORMS
------------------------------------------------------------------------------------------*/
form.custom-form{
	position: relative;
	margin-top: 25px;
	width: 95%;
}
form.custom-form fieldset { margin-bottom: 10px;}
form.custom-form legend {  padding: 0 2px;  font-weight: bold;}
form.custom-form label { display: inline-block; line-height: 1.8;vertical-align: top;}
form.custom-form fieldset ol {  margin: 0;  padding: 0;}
form.custom-form fieldset li {  list-style: none;  padding: 5px;  margin: 0;}
form.custom-form fieldset fieldset {  border: none; border-width: 0; margin: 0 0 -55px -18px;}

.ie form.custom-form fieldset fieldset{ margin-bottom: -35px; margin-top: -28px;}

form.custom-form fieldset fieldset legend {  padding: 0 0 5px;  font-size: 12px; color: #687819;}
.ie form.custom-form fieldset fieldset legend {}

form.custom-form fieldset fieldset label {  margin-top: -40px; margin-right: -90px; margin-left: 50px;  width: auto;}
.ie form.custom-form fieldset fieldset label{ margin-top: -30px; }

form.custom-form label.required:after{	content: '*';	 font-weight: bold;  font-style: normal;  color: #f00;}
form.custom-form em {  font-weight: bold;  font-style: normal;  color: #f00;}
form.custom-form label {  width: 120px; /* width of labels */}

form.custom-form input[type=text]{	width: 25%;}
form.custom-form input[type=text].short{	width: 75px;}
form.custom-form textarea{
	margin-right:5px;
	width:480px;
	height: 75px;
}

.webkit form.custom-form textarea{margin-top: 0px;}

form.custom-form fieldset fieldset label {  margin-left: 123px; /* Width plus 3 (html space) */}
form.custom-form li#button{position: absolute; bottom: 5px; }

.ie form.custom-form li#button{position: relative; }
.ie form.custom-form {padding-bottom: 15px; }


/* TABLES
------------------------------------------------------------------------------------------*/


/* PHARK
------------------------------------------------------------------------------------------*/
h1#logo{
	width: 240px;
	background-image:url(../images/design/logo.png);
	height: 96px;
}

.ie7 h1#logo{
	margin-left: -830px;
	margin-bottom: 20px;
}

/* Nav
-------------------*/
ul#nav-main li#overview a{ width: 457px; background-position: 0 0;} ul#nav-main li#overview a:hover{background-position: 0px -31px; }
ul#nav-main li#systems a{ width: 196px; background-position: -457px 0px;} ul#nav-main li#systems a:hover{background-position: -457px -31px; }
ul#nav-main li#services a{ width: 110px; background-position: -653px 0px;} ul#nav-main li#services a:hover{background-position: -653px -31px; }
ul#nav-main li#about a{ width: 95px; background-position: -763px 0px;} ul#nav-main li#about a:hover{background-position: -763px -31px; }
ul#nav-main li#contact a{ width: 107px; background-position: -858px 0px;} ul#nav-main li#contact a:hover{background-position: -858px -31px; }

ul#nav-supp li#affiliates { width: 83px; background-position: 0 0;} ul#nav-supp li#affiliates:hover{background-position: 0px -41px; }
ul#nav-supp li#online-evaluation{ width: 877px; background-position: -83px 0px;} ul#nav-supp li#online-evaluation:hover{background-position: -83px -41px; }


/*h1
-------------------*/

h1#energy-revolution{ background-image:url(../images/text/a-revolution-in-energy.jpg); width: 960px;}
h1 span#h1-overview{	background-image:url(../images/text/overview.png); }
h1 span#overview-benefits{	background-image:url(../images/text/overview-benefits.png); }
h1 span#overview-sustainability{	background-image:url(../images/text/overview-sustainability.png); }
h1 span#overview-environment{	background-image:url(../images/text/overview-environment.png); }
h1 span#systems-applications{ background-image:url(../images/text/systems-and-applications.png); }
h1 span#h1-services{background-image:url(../images/text/services.png); }
h1 span#about-us{background-image:url(../images/text/about-us.png); }
h1 span#contact-us{background-image:url(../images/text/contact-us.png); }
h1 span#h1-affiliates{background-image:url(../images/text/affiliates.png); }
h1 span#evaluation{background-image:url(../images/text/online-evaluation.png);