/* CSS Document */

/*dropdown css*/

#navholder {
	margin-left: 4px;
	z-index: 1000;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
	text-transform: uppercase;
	}

#nav { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 12px;
	text-transform: uppercase;
	}

#nav a {
	display: block;
	width: auto;
	text-decoration: none;
	}

#nav li.second { /* second-level lists */
	font: 12px Arial;
	text-transform: none;
	padding: 5px 10px 5px 10px;
	}

.toplevel { /* top level */
	font: 12px "Trebuchet MS", Arial;
	letter-spacing: .1em;
	float: left;
	display: block;
	padding: 0;
	margin: 0 2px 0 0;
	/*background: ;*/
	width: auto; /* width needed or else Opera goes nuts */
	}

a.top { /* top level */
	color: #fff;
	text-decoration: none;
	background:#959ca1 url('nav_left.gif') no-repeat left top;
	margin:0;
	padding:6px 0 4px 12px;
	}

a.top span {
      background: url('nav_right.gif') no-repeat right top;
      padding:6px 12px 0px 0;
      }

a.top:hover { /* top level */
	color: #fff;
	background: url('nav_left_hover.gif') no-repeat left top;
}

a.top:hover span {
      background: url('nav_right_hover.gif') no-repeat right top;
}

a.topon { /* top level */
	color: #fff;
	text-decoration: none;
	background:#f47a20 url('nav_left_over.gif') no-repeat left top;
	margin:0;
  padding:6px 0 4px 12px;
	}

a.topon span {
	  color: #fff;
      background: url('nav_right_over.gif') no-repeat right top;
      padding:6px 12px 4px 0;
      }
	  
#nav li ul { /* second-level lists */
	font: 12px "Arial", Helvetica, sans-serif;
	position: absolute;
	text-transform: none;
	border: 1px solid #ccc;
	float: left;
	padding: 0px;
	background: #fff;
	white-space: nowrap;
	width: auto;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	}

#nav li ul ul { /* third-and-above-level lists */
	margin: -2em 0 0 4em;
	}

#nav li.sfhover ul ul {
	left: -999em;
	}

#nav li:hover ul ul {
	left: -999em;
	}

#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

#nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	}

#nav li li:hover ul { /* lists nested under hovered list items */
	left: auto;
	}

#nav li:hover ul { /* lists nested under hovered list items */
	left: auto;
	}

#nav li.prodnav { /* second */
	font: 12px Arial;
	list-style:none;
	float: left;
	display: block;
	padding: 5px 10px 5px 10px;
	width: 12em; /* width needed or else Opera goes nuts */
	}
#nav a.linkers:hover {
	color:#FFF;
	background:#999;
	}
		
#nav li.solnav { /* second */
	font: 12px Arial;
	list-style:none;
	float: left;
	display: block;
	padding: 5px 10px 5px 10px;
	width: 10em; /* width needed or else Opera goes nuts */
	}	

#nav li.finnav { /* second */
	font: 12px Arial;
	list-style:none;
	float: left;
	display: block;
	padding: 5px 10px 5px 10px;
	width: 14em; /* width needed or else Opera goes nuts */
	}
	
#nav li.partnav { /* second */
	font: 12px Arial;
	list-style:none;
	float: left;
	display: block;
	padding: 5px 10px 5px 10px;
	width: 16em; /* width needed or else Opera goes nuts */
	}
	
#nav li.abnav { /* second */
	font: 12px Arial;
	list-style:none;
	float: left;
	display: block;
	padding: 5px 10px 5px 10px;
	width: 13em; /* width needed or else Opera goes nuts */
	}
		
/*Homepage Image controls

/*------------------------------------------------------------------------*/
img {
	padding: 0;
	margin: 0;
	}	
		
#bannerquote {
	margin: 0 0 0 23px;
	}

#bannerquoter {
	margin: 0 20px 20px 0;
	}

h1.title {
	font: 23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 0px;
	margin: 0 0 32px 7px;
	}
		
h1.titler {
	font: 23px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 0px;
	margin: 0 20px 32px 0;
	}
	
h1.header {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0 0 0 0;
	margin: 0 0 12px 0;
	}
		
h1.headerr {
	font: 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	padding: 0px;
	margin: 0 20px 12px 0;
	}
		
p.header {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 1em;
	padding: 0px;
	margin: 0 0 0 10px;
	}	
	
p.headerr {
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 1em;
	padding: 0px;
	margin: 0 30px 0 0;
	}	
	
a.headlink {
	text-decoration: none;
	color: #F47A20;
	font-weight: bold;
	}

a.headlink:hover {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	}
h1.pagehead {
	font: 21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	padding: 0px;
	margin: 0px;
	}
	
h1.headline {
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 16px 0 4px 0;
	padding: 0;
	text-transform:uppercase;
	}

p.home {
	font: 13px Arial, Helvetica, sans-serif;
	text-align: left;
	margin: 0 0 18px 0;
	padding: 0;
	line-height: 15px;
}

a.homelink {
	color: #F47B20;
	text-decoration: none;
	}
				
/*Typography controls

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

body {
	margin: 0px;
	background: #6A737B;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #44545F;
	}

/*Homepage specific*/

.homecontent h2{
	font: 21px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}

.homecontent p{
	font-size: 13px;
	padding: 20px 0 20px 0;
	margin: 20px 0 20px 0;
	}

.callout {
	color: #6a747c;
	}	

a {
 color: #5e7d9e;
 	}

a:hover {
 color: #292929;
 }
 
 a.seo {
 color: #5e7d9e;
 text-decoration:none;
 	}

a.seo:hover {
 color: #292929;
 text-decoration:none;
 }
 
a.orange {
 color: #F47A20;
 text-decoration:none;
}

a.orange:hover {
 color: #F47A20;
 text-decoration:underline;
}

/*Top navigation*/	
#topnav{
	margin: 10px 20px 0 0;
	color: #a2aab0;
	}

.topnav {
	font-size: 11px;
	padding-right: 10px;
	text-decoration: none;
	color: #a2aab0;
	}	

#topnav a{
	font: 10px Trebuchet MS, Arial;
	color: #F47a20;
	text-decoration: none;
	}

#topnav a:hover {
	color: #44545F;
	}	

.divider{
	font: 13px Trebuchet MS, Arial;
	color: #a2aab0;
	}

/*sidenav*/ 

.sidenav p {
	font-size: 12px;
	color: #44545F;
	margin: 0 0 5px 0;
	}

.sidenav a{
	color: #44545F;
	text-decoration: none;
	}

.sidenav a:hover{
	color: #F47a20;
	text-decoration: none;
	}

.sidenav span{
	font-weight: bold;
	color: #F47a20;
	}
	
.off{
	color: #F47a20;
	}
	
/*content area*/
span.content {
	font: 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0;
	}

h1.content {
	font: 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0;
	}

h2.content {
	font: 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding: 0;
	}

.product {
	font: 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 0 0;
	padding: 0;
	}
	
 h1.product_subheader {
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
 h3.content {
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	}
	
 p.content {
	font-size: 12px;
	text-align: left;
	padding: 0 0 10px 0;
	margin: 0px;
	}

p.contentOrg {
	color:#F47A20;
	}
	
.contentOrgBold {
	font: 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E95C0C;
	}
	
.contentOrg {
	font: 24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #E95C0C;

	}
	
.csiOrgBold {
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #E95C0C;
	line-height: 20px;
	}
	
.csiOrg {
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #E95C0C;
	line-height: 20px;
	}

.chartheader {
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#fff;
	}

.chartcontent {
	font-size: 11px;
	line-height: 1.1em;
	}

#charts {
	margin-bottom: 10px;
	}	

#chartsend{
	margin-bottom: 0px;
	}	
	
#solution {
	margin-bottom: 8px;
	}	

#solution img {
	margin-bottom: 8px;
	}
	
#solutionmid{
	padding: 8px 0 8px 0;
	border-top: 1px solid #9db9d2;
	border-bottom: 1px solid #9db9d2;
	margin-bottom: 8px;
	}

#solutionmid img {
	margin-bottom: 8px;
	}
	
#deployment {
	margin-bottom: 9px;
	height: 51px;
	}	

#deploymentmid{
	padding: 8px 0 8px 0;
	border-top: 1px solid #9db9d2;
	border-bottom: 1px solid #9db9d2;
	margin-bottom: 8px;
	height: 51px;
	}
		
img.hero{
	margin-bottom: 10px;
	}

#management {
	padding: 8px 0 8px 0;
	height: 73px;
	border-bottom: 1px solid #9db9d2;
	}		


#management img {
	border: 1px solid #ccc;
	float: left;
	margin-right: 10px;
	}

#management h3{
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0 0 3px 0;
	}	

#management a{
	color: #44545F;
	text-decoration: none;
	}
	
#management a:hover{
	color: #F47A20;
	text-decoration: none;
	}	
		
h3.management{
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 0px;
	margin: 0 0 3px 0;
	}
	h4.management {
	font: 15px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	margin: 0 0 5px 0;
	padding: 0;
	}
	
.content p.bottom {
	padding: 0 0 8px 0;
	margin: 0px;
	border-bottom: 1px solid #9db9d2;
	}

.content h5{
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 0;
	}	

.content ul{
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.content li{
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	}


.deployment p{
	font-size: 9px;
	margin: 10px 0 0 0;
	}	

.deployment img{
	margin: 0 0 10px 0;
	}

.superscript {
	font-size: 15px;
}

#navbuttons {
	font-size: 12px;
	padding: 10px 10px 10px 10px;
	float: left;
	display: block;
	}			

#navbuttons a {
	text-decoration: none;
	color: #666;
	}

#navbuttons a:hover {
	text-decoration: none;
	background: #fff;
	}

#messaging a{
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-left: 30px;
	}

p {

	font-size: 12px;
	line-height: 1.25em;
	padding: 0px;
	margin: 0px;
	}


h1 {
	font-size: 22px;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}

h3 {
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}

#sidenonav{
	margin-top: 15px;
	}	

.style3 {
	color: #E2E3E4;
	font-size: 10px;
	margin: 10px 0 0 0;
	padding: 0px;
	}

.style4 {color: #6A737B}

.style5 {color: #F47A20}

.orgBold {
	font-weight: bold;
	color: #F47A20;
	font-size:14px;
}

.tagline {
	font: 11px Verdana, Arial, Helvetica, sans-serif;	
	}

img.left {
	padding: 0px 10px 0 0;
	}
	
img.right {
	margin: 0px 0 0px 10px;
	}		

img.center {
	text-align: center;
	margin: 0 0 12px 0;
	}		

img.solutions {
	float:right;
	}	
	
h1.products {
	font: 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
	padding: 0;
	}	

h1.normal {
	font-weight: bold;
	font-size:12px;
}

.whitehed {
	color: #FFFFFF;
	font-weight: bold;
	font-size:16px;
}


/*Footer Style
/*------------------------------------------------------------------------*/
/*footer*/ 

#footer p {
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 5px;
	line-height: 12px;
	}

.footer p {
	font: 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 5px;
	line-height: 12px;
	}

#footer a {
	color: #fff;
	text-decoration: none;
	}

.footer a {
	color: #fff;
	text-decoration: none;
	}

#pagebottom {
	color: #939BA1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	margin: 10px 0 0 0;
	padding: 0px;
	}
	
.pagebottom {
	color: #939BA1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	margin: 10px 0 0 0;
	padding: 0px;
	}
	
#pagebottom.a {
 color: #939BA1;
 	}

a.pagebottom {
 color: #939BA1;
 	}

#pagebottom.a:hover {
 color: #292929;
 }

a.pagebottom:hover {
 color: #292929;
 }

.locations {
	color: #6A737B;
}

p.benefits{
	font-size: 11px;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 10px 0px;
	background: url('bullet_blue.gif') no-repeat left top;
}

style6 {
	font-size: 15px
}

img.pagebanner {
	margin: 0 0 5px 0;
}

#sidebar {
	padding-top: 10px;
}
		
#sidehome {
	padding-top: 8px;
}	
	
img.side {
	margin: 0 0 6px 0;
}	

img.case {
	float: left;
	margin: 0 10px 0 0;
}

h3.case {
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0 0 6px 0;
	padding: 0;
}

p.case {
	margin: 0;
	padding: 0;
	border-bottom: 1px dotted #9db9d2;
}				

p.casequote {
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
	padding: 0;
	margin: 0 0 5px 0;
	}	

p.caseowner {
	font: 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
	padding: 0;
	margin: 0 0 8px 0;
	}		

p.casebox {
	font-size: 12px;
	padding: 0;
	margin: 0 0 3px 0;
	}	

a.casedownload {
	font-size: 12px;
	padding: 0 0 5px 20px;
	margin: 3px 0 0 0;
	background: url('acrobat.gif') no-repeat left top;
}

#casedivider {
	border-top: 1px solid #9db9d2;	
	margin: 10px 0 5px 0;
	}

h2.casestudy {
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 6px auto;
	}	
	
p.bottom {
	font-size: 12px;
	text-align: justify;
	padding: 0 0 8px 0;
	margin: 0px;
	border-bottom: 1px solid #9db9d2;
	}

h3.builders {
	font: 16px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 4px 0;
	padding: 0;
	}	
	
p.buildarea {
	font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	margin: -5px 0 5px 0;
	padding: 0;
	}	
	
p.logos{
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 5px 0px;
	background: url('bullet_blue.gif') no-repeat left top;
}	
	
h3.details {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 8px 0;
	padding: 0px;
	}	
	
p.details{
	font-size: 11px;
	padding: 0px 0px 8px 12px;
	margin: 0px 0px 8px 0px;
	border-bottom: 1px solid #9db9d2;
	background: url('bullet_blue.gif') no-repeat left top;
}	
	
p.detailsbottom{
	font-size: 11px;
	padding: 0 0 0 12px;
	margin: 0;
	background: url('bullet_blue.gif') no-repeat left top;
}		

p.features{
	font-size: 11px;
	padding: 0px 0px 8px 0;
	margin: 0px 0px 8px 0px;
	border-bottom: 1px solid #9db9d2;
	}	
	
p.featuresbottom{
	font-size: 11px;
	padding: 0;
	margin: 0;
	}
		
p.news{
	font: 11px "Arial", Helvetica, sans-serif;
	padding: 0 0 4px 0;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #9db9d2;
	}	
	
p.newsbottom{
	font: 11px "Arial", Helvetica, sans-serif;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}	
	
a.news{
	text-decoration: none;
	color: #44545F;
	}	
	
a.news:hover{
	text-decoration: underline;
	color: #F47A20;
	}		

p.email{
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0;
	margin: 0 0 0 0;
	}	
	
.infobutton{
margin-bottom: 8px;
	}	

form {
  margin: 0px;
  padding: 0px;
}			

form.submit {
  margin: 0px;
  padding: 0px;
}			

p.dl{
	font: 12px "Arial", Helvetica, sans-serif;
	padding: 0 0 4px 20px;
	margin: 0 0 4px 0;
	border-bottom: 1px solid #9db9d2;
	background: url('acrobat.gif') no-repeat left top;
}	
	
p.dlbottom{
	font: 12px "Arial", Helvetica, sans-serif;
	padding: 0 0 0 20px;
	margin: 0 0 0 0;
	background: url('movie_icon.gif') no-repeat left top;
}	
	
a.dl{
	text-decoration: none;
	color: #44545F;
	}	
	
a.dl:hover{
	text-decoration: underline;
	color: #F47A20;
	}
	
#download {
margin-bottom: 8px;
}	

img.long {
margin-bottom: 5px;
}

img.requesthome {
margin-top: 0px;
}


p.sidedivide {
margin: -10px 0 4px 0;
}

a.learnmore {
text-decoration: none;
font-weight: bold;
color: #F47A20;
}

a.learnmore:hover {
text-decoration: none;
font-weight: bold;
color: #44545F;
}

form.side {
	margin-bottom: 6px;
	}
	
p.benefitsflush{
	font-size: 11px;
	padding: 0px 0px 0px 12px;
	text-align: justify;
	margin: 0px 0px 10px 0px;
	background: url('bullet_blue.gif') no-repeat left top;
}	
	
a.press {
	font-size: 12px;
	color:	#44545F;
	text-decoration: none;
	font-weight: bold;
	}
	
a.press:hover {
	color:	#F47A20;
	text-decoration: none;
	}	
	
.flashset {
	z-index: 2;
	}
	
img.manage {
	margin: 0 15px 5px 0;
	}	
	
a.closer {
	color:#fff;
	text-decoration: none;
	}	
	
p.whysolar{
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 0px 12px;
	margin: 0px 0px 12px 0px;
	background: url('bullet_solar.gif') no-repeat left top;
}
	
h3.whysolar{
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0;
	}	
	
h3.financing{
	font: 17px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 0;
	}		

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

ul.performancemeter {
	list-style-image: url(common/bullet_orange.gif);
	margin: 0 0 0 15px; padding: 0;
}
ul.performancemeter li {
	font: 12px verdana, arial, helvetica, sans-serif;
	padding: 6px 193px 6px 0;
}
li.emissions { background: transparent url(charts/performance_meter_emission.gif) no-repeat center right; }
li.trees { background: transparent url(charts/performance_meter_trees.gif) no-repeat center right; }
li.miles { background: transparent url(charts/performance_meter_miles.gif) no-repeat center right; }

 p.sitemapsingle {
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0 0 10px 0;
	}

 p.sitemap {
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0;
	}
		
ul.sitemap{
	font-size: 12px;
	list-style-type:none;
	margin: 0 0 10px 10px;
	padding: 0px;
}

ul.sitemap li{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}

ul.sitemap ul{
	list-style-type:none;
	margin: 0 0 5px 10px;
	padding: 0px;
}