/*

Style Sheets
grove-marketing.com
Copyright 2007 Grove Marketing, all rights reserved.

Notes: 

/* ------------------- GENERAL ------------------- */

html, body { 
	margin: 0; 
	padding: 0;
}

body { 
	text-align: left; 
	width: 100%; 
	margin: 0 auto; 
	background: #0254b7 url(../images/background/sky_background.jpg) no-repeat left top;
}

/* ------------------- GENERAL ------------------- */

p, div, h1, h2, h3, h4, h5, ul, li { 
	margin: 0; 
	padding: 0;
}
p {
	font-size: 100%; /* 110% */
	margin-bottom: 10px;
}

h1 {
	font-family: "Helvetica Neue LT Std Condensed", Arial, Verdana, San-Serif;
	font-size: 24px;
	margin: 0 0 0 0;
	line-height: 28px;
}
h2 {
	font-family: Arial, Verdana, San-Serif;
	font-size: 14px;
	margin: 2px 0 0 0;
	line-height: 18px;
	color: #007ed6;
}
h2 span.subhead {
	font-size: 80%;
}
h3 {
	font-family: Arial, Verdana, San-Serif;
	font-size: 14px;
	margin: 2px 0 10px 0;
	line-height: 16px;
}
h3 span.subhead {
	font-size: 80%;
}

em {
	color: #7092a8;
	font-style: normal;
}
cite {
	font-size: 70%;
	font-style: normal;
	line-height: 1em;
}
img { 
	margin: 0; 
	padding: 0; 
	border: 0;
}
.imgRight {
	float: right;
	margin: 0;
	padding: 8px 0 8px 8px;
}
.imgLeft {
	float: left;
	margin: 0;
	padding: 8px 8px 8px 0;
}
.imgCenter {
	margin: 10px auto;
	padding: 0;
}
ul {
	font-size: 100%; 
}
a:link, a:visited, a:active { 
	color: #007ed6; 
	text-decoration: none; 
	outline: 0;
}

a:hover {
	text-decoration: underline;
}

.clear { 
	clear: both; 
	height: 0px;
}
.hide { 
	display:none;
}
.left {
	float: left;
}
.right {
	float: right;
}
.intro {
	font-family:  Georgia, Times, serif;
	font-size: 130%;
	line-height: 1.4em;
	color: #7092a8;
}

a.link {
	margin: 0;
	padding-left: 15px;
	background: url(../images/layout/icon_link.gif) no-repeat left center;
}

/* ----------------------------- LAYOUT STRUCTURE ----------------------------- */

#header {
	margin: 0;
	padding: 0;
}

#content {
	width: 940px;
	position: relative;
	clear: both;
	text-align: left;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, san-serif;
}

#content_top {
	background: url(../../global/images/screen_top.png) no-repeat left center;
	width: 740px;
	height: 20px;
	margin-left: 145px;
}

#content_expandable {
	background: url(../../global/images/screen_center.png) repeat-y left center;
	width: 740px;
	margin-left: 145px;
	min-height: 400px;
}

#content_bottom_home {
	background: url(../../global/images/screen_bottom_home.png) no-repeat left center;
	width: 740px;
	height: 100px;
	margin-left: 145px;
}

#content_bottom {
	background: url(../../global/images/screen_bottom_sub.png) no-repeat left center;
	width: 740px;
	height: 45px;
	margin-left: 145px;
}

#feedback {
	height: 15px;
	width: 875px;
	margin: 5px 0 0 0;
	color: #fff;
	font-size: 9px;
	text-align: right;
}

#feedback a {
	color: #fff;
}

#company_content {
	width: 645px;
	height: 339px;
	background: url(../../global/images/transparent_company.png) no-repeat left center;
	/* position: relative; */
	clear: both;
	text-align: left;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, san-serif;
}

#title {
	margin: 0 0 0 20px;
	font-size: 32px;
	font-weight: bold;
	color: #7f8080;
	letter-spacing: -0.05em;
	font-family: Helvetica, Arial, San-Serif;
}

#title .blue {
	color: #007ed6;
}

#home_footer {
	float: left;
	margin: 20px 10px 0 0;
	color: #fff;
	font-size: 10px;
	text-align: right;
	display: inline;
}

#home_footer .copyright {
	margin: 0 0 5px 0;
}

#home_footer a {
	color: #fff;
	margin: 2px 2px 0 0;
}

#sub_footer {
	float: right;
	margin: 20px 10px 0 0;
	color: #fff;
	font-size: 10px;
	text-align: right;
	display: inline;
}


#sub_footer a {
	color: #fff;
	display: inline;
	margin: 2px 2px 0 0;
}

/* ----------------------------- TOP LEVEL IMAGES STRUCTURE ----------------------------- */

#image_container {
	display: inline;
	float: left;
	width: 260px;
	margin: 10px 0 0 25px;	
}

#spotlight_image {
	float: left;
	width: 260px;
	height: 365px;
	display: inline;
}

#company_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/company_main_260x360.png) no-repeat left center;
}
#clearpower_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/clearpower_main_260x360.png) no-repeat left center;
}
#technology_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/technology_main_260x360.png) no-repeat left center;
}
#advantages_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/advantages_main_260x360.png) no-repeat left center;
}
#benefits_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/benefits_main_260x360.png) no-repeat left center;
}
#faqs_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/faqs_main_260x360.png) no-repeat left center;
}
#mission_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/mission_main_260x360.png) no-repeat left center;
}
#awards_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/awards_main_260x360.png) no-repeat left center;
}
#facility_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/facility_new.png) no-repeat left center;
}
#contact_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/contact_main_260x360.png) no-repeat left center;
}
#german_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/stellaris_panels.png) no-repeat left center;
}
#suppliers_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/suppliers_main_260x360.png) no-repeat left center;
}
#careers_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/careers_main_260x360.png) no-repeat left center;
}

#emailsignup_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/email_main_260x360.png) no-repeat left center;
}

/* ------------- */

#sitemap_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/sitemap_main_260x360.png) no-repeat left center;
}
#terms_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/terms_main_260x360.png) no-repeat left center;
}
#privacy_image {
	float: left;
	width: 260px;
	height: 360px;
	display: inline;
	background: url(../../global/images/privacy_main_260x360.png) no-repeat left center;
}


/* ------------------------------------ */

#text {
	float: left;
	margin: 10px 0 0 15px;
	width: 410px;
	display: inline;
	color: #656656;
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
}

#text_wide {
	float: left;
	margin: 10px 20px 0 25px;
	width: 695px;
	display: inline;
	color: #656656;
	font-weight: 500;
	font-size: 13px;
	line-height: 16px;
}


#video_player {
	float: right;
	margin: 30px 0 0 0;
	width: 171px;
	height: 96px;
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 28px;
	background: url(../../global/images/flv_placeholder.png) no-repeat left center;
}

#awards_title {
	float: left;
	margin: 28px 0 0 12px;
	display: inline;
	background: url(../../global/images/awards_title.png) no-repeat left center;
	height: 20px;
	width: 80px;
}
#awards {
	float: left;
	margin: 35px 0 0 45px;
	color: #fff;
	font-size: 10px;
	position: relative;
	width: 420px;
	height: 50px;
	display: inline;
}

.subtitle {
	font-size: 18px;
	font-weight: bold;
	color: #7f8080;
	margin: 0 0 5px 0;
}

/* ----------------------------- LIST ITEMS -	---------------------------- */

ul.bullets {
	margin: 0 4px 4px 0;
	padding: 0;
	list-style: none;
}

ul.bullets li {
	color: #656656;
	list-style: none;
	background: url(../../global/images/home_bullet.png) no-repeat left center;
	margin: 0 0 0 15px;
	padding: 0 0 0 14px;
	line-height: 15px;
	font-size: 12px;
}

ul.sitemap {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.sitemap li {
	color: #656656;
	list-style: none;
	margin: 0;
	padding: 0 0 0 0;
	
}
ul.sitemap li li {
	color: #656656;
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	
}
ul.sitemap li li li {
	color: #656656;
	list-style: none;
	margin: 0;
	padding: 0 0 0 40px;
	
}

/* -----------------------------  ----------------------------- */

a.mit {
	background: url(../../global/images/award_logos/mit.png) no-repeat left center;
	float: left; 
	display: inline;
	width: 113px;
	height: 43px;
	
}

a.wired {
	background: url(../../global/images/award_logos/wired.png) no-repeat left center;
	float: left; 
	display: inline;
	margin-left: 5px;
	width: 145px;
	height: 43px;
}

a.wsj {
	background: url(../../global/images/award_logos/wsj.png) no-repeat left center;	
	float: left; 
	margin-left: 10px;
	display: inline;
	width: 125px;
	height: 43px;
}

a:hover.mit {
	background: url(../../global/images/award_logos/mit_over.gif) no-repeat left center;
	float: left; 
	display: inline;
	width: 113px;
	height: 43px;
	
}

a:hover.wired {
	background: url(../../global/images/award_logos/wired_over.gif) no-repeat left center;
	float: left; 
	display: inline;
	margin-left: 5px;
	width: 145px;
	height: 43px;
}

a:hover.wsj {
	background: url(../../global/images/award_logos/wsj_over.gif) no-repeat left center;	
	float: left; 
	margin-left: 30px;
	display: inline;
	width: 125px;
	height: 43px;
}


#logo {
	float: left;
	width: 190px;
	height: 70px;
	margin: 20px 0 0 90px;
	background: url(../../global/images/stellaris.png) no-repeat left top;
}


#sidebar {
	width: 300px;
	background: none;
}

#management_nav {
	float: left;
	width: 210px;
	height: 435px;
	margin: 10px 0 0 25px;
	font-size: 12px;
	color: #007ed6;
}

#management_nav a {
	color: #007ed6;
	font-size: 12px;
	font-weight: bold;
	padding: 8px 0 0 0;
	display: block;
}

#management_nav a.sidebarselected img {
	background: url(../images/bluearrow.png) no-repeat 0 0;
	width: 13px;
	height: 10px;
	margin: 0 0 0 -13px;
}

.bionav_top {
	background: url(../../global/images/bionav_top.png) no-repeat left top;
	width: 200px;
	height: 60px;
	margin: 3px 0 2px 0;
	padding: 0 0 0 20px;
}

.bionav {
	background: url(../../global/images/bionav_center.png) no-repeat left top;
	width: 200px;
	height: 60px;
	margin: 3px 0 2px 0;
	padding: 0 0 0 20px;
}

.bionav_bottom {
	background: url(../../global/images/bionav_bottom.png) no-repeat left top;
	width: 200px;
	height: 60px;
	margin: 3px 0 2px 0;
	padding: 0 0 0 20px;
}

#footer {
	padding: 30px;
}

#nav {
	float: left;
	font-family: Helvetica,Arial,sans-serif;
	font-size: 14px;
	width: 135px;
	height: 403px;
	text-align: right;
	margin: 40px 0 0 0;
	position: relative;
	display: inline;
}

#nav a {
	height: 31px;
	line-height: 18px;
	margin: 0;
	color: #acc6ea;
	font-weight: bold;
	text-decoration: none;	
	text-align: right;
	display: block;
}

#nav a:hover{
	text-decoration: none;
	color: #ccc;
}

#nav a.selected {
	color: #fbf039;
}

#nav a.selected img{
	width: 14px;
	height: 11px;
	background: url(../images/selected.png) no-repeat 0 0px;
}

#nav a.clearpower {
	height: 31px;
} 

#nav a.login {
	background: url(../images/login_bg.png) no-repeat top right;
	color: #fff;
	padding: 3px 7px 0 0;
}

#nav a.loggedin {
	background: url(../images/loggedin_bg.png) no-repeat top right;
	color: #fff;
	padding: 3px 7px 0 0;
}

#nav a.login.selected img {
	width: 19px;
	height: 11px;
	background: url(../images/selected.png) no-repeat 0 0px;
}


#subnav  {
	margin-top: -10px;
	padding: 0 0 10px 0;
}

#subnav a {
	color: #fff;
	text-align: right;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

#subnav a.subselected {
	color: #fbf039;
}

#subnav a.subselected img {
	background: url(../images/arrow.png) no-repeat 0 0;
	width: 18px;
	height: 10px;
}

#subnav a:hover {
	color: #ccc;
}

/* -- QUICK NAV --*/

#quicknav {
	position: absolute;
	margin: 0;
	bottom: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9px;
	color: #fff;
	text-align: right;
	width: 120px;
	clear: both;
	
}


#quicknav_top {
	background: url(../../global/images/screen_subnav_top.png) no-repeat center center;
	width: 120px;
	height: 12px;
	margin: 0 0 0 20px;
}

#quicknav_expandable {
	background: url(../../global/images/screen_subnav_middle.png) repeat-y center center;
	width: 120px;
	margin: 0 0 0 20px;
}

#quicknav_bottom {
	background: url(../../global/images/screen_subnav_bottom.png) no-repeat center center;
	width: 120px;
	height: 12px;
	margin: 0 0 0 20px;
}

#quicknav_expandable a {
	line-height: 16px;
	font-weight: 500;
	height: 16px;
	margin: 0 15px 0 0;
	color: #fff;
	text-decoration: none;
	display: block;
}

#quicknav a:hover{
	text-decoration: none;
	color: #ccc;
}

#quicknav a.qn_selected{
	color: #f3fa2c;
} 

#quicknav a.german{
	background: url(../../global/images/quicknav_sprites.png) no-repeat 0 0;
	width: 95px;
} 

#quicknav a:hover.german{
	background: url(../../global/images/quicknav_sprites.png) no-repeat 0 -25px;
} 

#quicknav a.email{
	background: url(../../global/images/quicknav_sprites.png) no-repeat 0 -50px;
	width: 98px;
} 

#quicknav a:hover.email{
	background: url(../../global/images/quicknav_sprites.png) no-repeat 0 -75px;
} 

#quicknav a.careers{
	background: url(../../global/images/quicknav_sprites.png) no-repeat 0 -100px;
	width: 67px;
} 

#quicknav a:hover.careers{
	background: url(../../global/images/quicknav_sprites.png) no-repeat 0 -125px;
} 

#quicknav a.contact{
	background: url(../../global/images/quicknav_sprites.png) no-repeat 0 -150px;
	width: 84px;
} 

#quicknav a:hover.contact{
	background: url(../../global/images/quicknav_sprites.png) no-repeat 0 -175px;
} 


/* --Admin Tool --*/

#admin_content {
	width: 1030px;
	position: relative;
	clear: both;
	text-align: left;
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, san-serif;
}

.admin_text {
	float: left; 
	margin: 5px 10px 5px 5px; 
	font-weight: bold; 
	width: 105px; 
	text-align: right; 
	font-size: 15px;
}

#logout {
	float: right; 
	margin: 10px 30px 0 0;
}

#logout a {
	color: #007ed6; 
	font-weight: bold;
}

#edit_form input {
	width: 200px;
}

#edit_form input.button {
	width: 100px;
}

#add_form input {
	width: 120px;
}

.add_text {
	float: left;
	width: 120px;
	font-size: 13px;
	text-align: right;
	padding: 3px 5px 0 0;
}

#map {
	float: left;
	width: 260px;
	display: inline;
	color: #007ed6;
	font-weight: 500;
	font-size: 13px;
	
}

.benefits_contact {
	font-size: 13px;
	color: #007ed6;
	font-weight: 500;
	margin: 10px 0;
}

.benefits_title {
	font-weight: bold;
	font-size: 15px;
}

#email_form { 
	width: 550px; 
	height: 470px; 
	font-size: 12px;
	font-weight: bold;
	padding: 20px 0 0 30px;
	color: #7aabe7;
	position: absolute; 
	top: 200px;
	background: url(../../global/images/email_background.png) no-repeat left center;
}

/* contact table cell */
.contact-cell1 {
   padding:4px 4px 4px 0;
   vertical-align:top;
   text-align:right;
}

/* contact table cell */
.contact-cell2 {
   padding:4px 0 4px 0;
}


input.contact-input-checkbox {
	vertical-align: middle;
	margin: 4px;
}

.contact-permit-cell {
	vertical-align: top;
}

.contact-input-text-medium {
	width: 150px;
}

/* management images */

#jpaull {
	float: right;
	width: 200px;
	height: 200px;
	background: url(../../global/images/image_paull_j.png) no-repeat left center;
	float: right;
	margin: 0;
	padding: 8px 0 8px 8px;	
}

#ljohnson {
	float: right;
	width: 200px;
	height: 200px;
	background: url(../../global/images/image_johnson_l.png) no-repeat left center;
	float: right;
	margin: 0;
	padding: 8px 0 8px 8px;	
}

#tward {
	float: right;
	width: 200px;
	height: 200px;
	background: url(../../global/images/image_ward_t.png) no-repeat left center;
	float: right;
	margin: 0;
	padding: 8px 0 8px 8px;	
}

#pmorse {
	float: right;
	width: 200px;
	height: 200px;
	background: url(../../global/images/image_morse_p.png) no-repeat right center;
	margin: 0;
	padding: 8px 0 8px 8px;	
}

/* investor images */

#ienergies {
	float: left; 
	width: 200px;
	height: 46px;
	background: url(../../global/images/logo_ienergies.png) no-repeat right center;
	margin: 15px 0 0 0;
}

#convexa {
	float: left; 
	width: 79px;
	height: 79px;
	background: url(../../global/images/logo_convexa.png) no-repeat right center;
	margin: 0 0 9px 0;
}

/* award images */

#mit {
	float: left;
	width: 113px;
	height: 43px;
	background: url(../../global/images/award_logos/mit.png) no-repeat right center;
}

#wired {
	float: left;
	width: 145px;
	height: 43px;
	background: url(../../global/images/award_logos/wired.png) no-repeat right center;
}

#wsj {
	float: left;
	width: 125px;
	height: 43px;
	background: url(../../global/images/award_logos/wsj.png) no-repeat right center;
}

/* tech images */

#optica {
	float: left;
	width: 180px;
	height: 120px;
	background: url(../../global/images/diagram_clearpower_a.png) no-repeat right center;

}

#concentration {
	float: left;
	width: 180px;
	height: 120px;
	background: url(../../global/images/diagram_clearpower_b.png) no-repeat right center;
}

/* applications */

#benefits_a {
	float: right;
	margin: 0;
	padding: 8px 0 8px 8px;
	width: 200px;
	height: 100px;
	background: url(../../global/images/benefits_a_200x100.png) no-repeat right center;
}

#benefits_b {
	float: right;
	margin: 0;
	padding: 8px 0 8px 8px;
	width: 200px;
	height: 100px;
	background: url(../../global/images/benefits_b_200x100.png) no-repeat right center;
}

#benefits_c {
	float: right;
	margin: 0;
	padding: 8px 0 8px 8px;
	width: 200px;
	height: 100px;
	background: url(../../global/images/benefits_c_200x100.png) no-repeat right center;
}

#benefits_d {
	float: right;
	margin: 0;
	padding: 8px 0 8px 8px;
	width: 200px;
	height: 100px;
	background: url(../../global/images/benefits_d_200x100.png) no-repeat right center;
}

#benefits_e {
	float: right;
	margin: 0;
	padding: 8px 0 8px 8px;
	width: 200px;
	height: 100px;
	background: url(../../global/images/benefits_e_200x100.png) no-repeat right center;
}

#contact_background {
	float: left;
	margin: 0;
	padding: 20px 0 8px 8px;
	width: 260px;
	height: 200px;
	color: #656656;
	background: url(../../global/images/contact_background.png) no-repeat left center;
}

#contactus_form,  #emailsignup_form, #careers_form {
	font-size: 11px;
}

#contactus_form input.contact-input-checkbox,  #emailsignup_form input.contact-input-checkbox {
	padding: 0;
	margin: 0 3px 4px 0;
}