body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica;
}

img {
	border: 0;
}

a {
	color: #999;
	text-decoration: none;
}

a:hover {
	color: #006600;
}

#container {
	width: 885px;
	padding: 16px 37px 0 38px;
	margin: 0 auto;
}

.upper {
	text-transform: uppercase !important;
}

/* header */

#header {
	
}


#logo {
	height: 57px;
	width: 391px;
}


#nav { padding-top: 43px; }

#nav a { 
	font-size: 14px;
	display: block;
	position: relative;
	padding-left: 11px; }

#nav ul { padding: 0; margin: 0;}

#nav ul li { 
	position: relative;
	z-index: 500;
	list-style:none; 
	float:left;
	padding: 0 0 0 0;
	margin: 0 47px 0 43px;
	text-align: left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-transform: uppercase;
	}

#nav ul li:hover { 
	color: red;
}

#nav li ul { 
	position: absolute;
	left: -999em;
	margin:0;
	padding:0;
	background:#ffffff;
}

#nav li ul li {
	position: relative;
	z-index: 500; 
	margin: 0;
	text-transform: capitalize;
	padding: 4px 7px 4px 2px;
	border-bottom:1px #477bc0 solid;
	border-left: 1px #477bc0 solid;
	border-right: 1px #477bc0 solid;
	float: left;
	background: #fff;
}


#nav ul li ul li a {
	padding: 4px 4px 3px;
	margin-left: 4px;
	font-size: 13px;
	color: #000;
	font-weight: normal;
	position: relative;
}

#nav ul li ul li a:hover {
	color: #fff;
	background: #477bbf;
}


#nav li:hover ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }




/* Content */

#content {
	margin-top: 61px;
	margin-bottom: 61px;

}

/* slides */

#s3slider {
   width: 885px; /* important to be same as image width */
   height: 415px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
 
#s3sliderContent {
   width: 885px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding: 0; margin: 0;
}
 
.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

#s3slider span {
   z-index: 10;
   position: absolute; /* important */
   left: 605px;
   padding: 18px 17px;
   width: 245px;
   height: 415px;
   color: #fff;
   display: block; /* important */
   top: 0;
   background: url(images/fondo-span.png);
   font-size: 15px;
 
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

#s3sliderCover {
	z-index: 12;
	position: absolute;
	background: url(images/fondo-slide.png);
	height: 415px; width: 885px;
}
.clear {
   clear: both; overflow:hidden; height:0;
}

#slider {
   position: relative;
   overflow: hidden;
}
 
#slider, #slider img, #slider ul{
  width: 885px;
  height: 415px;
}
 
#slider li,#slider ul{
  padding:0;
  margin:0;
}
 
#slider ul {
   position: absolute;
}
 
#slider .slide {
   float: left;
   position: relative;
   display: none;
}
 
/*For sane browsers..*/
#slider .slide:first-child{
  display: block;
}
 
#slider .info {
  z-index: 10;
  position: absolute; /* important */
  left: 605px;
  padding: 18px 17px;
  width: 245px;
  height: 415px;
  color: #fff;
  display: block; /* important */
  top: 0;
  background: url(images/fondo-span.png);
  font-size: 15px;

  /*
      if you put
      top: 0; -> the box with text will be shown at the top of the image
      if you put
      bottom: 0; -> the box with text will be shown at the bottom of the image
  */}


/* Team */

#team {
	background: url(../images/team_header.jpg) no-repeat;
	padding: 219px 0 0 13px;
}

#team .title {
    float:left;
    margin:0;
    padding:0 10px 0 0;
    text-align:right;
    width:257px;
	
}

#team .list {
	float: right;
	width: 594px; 
	padding: 0 0 0 11px; margin: 0;
}

#team .member {
	float: left;
	width: 175px;height: 135px;
	padding: 0 0 0 21px;
	text-align: center;
}

#team .member img {
	border: 1px solid #dde0e3;
}

#team .member span {
	width: 175px;
	display: none;
	color: #0f83be;
	text-transform: uppercase;
	font-size: 13px;
}

#team .photo {
	float: left;
	width: 209px;
	
}

#team .bio {
	float: left;
	width: 374px;
	padding: 0 0 0 20px; margin: 0;
	font-size: 13px;
	line-height: 18px;
	color: #666;
}

#team h2 {
	padding:0; margin: 0;
	color: #0f83be;
	text-transform: uppercase;
	font-size: 14px;
}

/* Inverstments */

#biofuels {
	background: url(images/header-investments-biofuels.jpg) no-repeat;
	padding: 219px 0 0 13px;
}

#renewable-generation {
	background: url(images/header-investments-renewable.jpg) no-repeat;
	padding: 219px 0 0 13px;
}


#infrastructure {
	background: url(images/header-investments-infra.jpg) no-repeat;
	padding: 219px 0 0 13px;
}

#renewable-generation .invest span, #biofuels .invest span, #infrastructure .invest span { 
	position: absolute;
	left: 200px;
	top: -70px;
	display: none;
	width: 378px;
	height: 35px;
	padding: 5px 0 0 22px;
	line-height:110%;
	color:#000000;
	text-align: left;
	font-size: 13px;
}

#biofuels .title, #renewable-generation .title, #infrastructure .title {
	text-align: right;
	float: left;
	width: 267px;
	padding: 0; margin: 0;
}

#biofuels .right, #renewable-generation .right, #infrastructure .right {
	float: right;
	position: relative;
	width: 594px; 
	padding: 0 0 0 11px; margin: 0;
	

}


#biofuels .invest, #renewable-generation .invest, #infrastructure .invest {
	float: left;
	position: relative;
	padding: 0 0 14px 18px;
	width: 180px;height: 60px;
	text-align: center;
}

#biofuels .list, #renewable-generation .list, #infrastructure .list {
	float:left;
	width: 198px;
	padding-bottom: 50px;
}

#biofuels .list-info, #renewable-generation .list-info, #infrastructure .list-info {
	font-size: 13px;
	padding: 0 0 14px 18px;
	float: left;
	width: 378px;
	}

#biofuels .investment, #renewable-generation .investment, #infrastructure .investment {
 	display: none;
}

#biofuels h2, #renewable-generation h2, #infrastructure h2 {
	padding:0; margin: 0;
	color: #0f83be;
	text-transform: uppercase;
	font-size: 14px;
}

/* Get in Touch */

#contact {
	background: url(../images/contact/contact-getintouch.jpg) no-repeat;
	padding: 219px 0 0 13px;
	font-size: 13px;
}


#contact .title {
	float: left;
	width: 215px;
	padding: 0; margin: 0;
	text-align: right;
}

#contact .form, #contact .info {
	float: right;
	width: 625px; 
	padding: 0 0 0 11px; margin: 0;
}

#contact h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	color: #0f83be;
}

#contact h3 {
	padding: 0; margin: 0; font-weight: normal; font-size: 13px;
}

#contact .address { font-weight: bold; }

#contact p {}

#contact .form p {
	padding: 0; margin: 0 0 10px 0;
}

#get-in-touch {padding:6px 0 12px 0; margin-top:20px;}

label.text {float:left; width:100px; text-align:left; padding-right:6px; color: #666;}
label.text-req {float:left; width:100px; text-align:left; padding-right:6px; color: #6eb9f9;}
#get-in-touch input, #get-in-touch textarea, #get-in-touch select {width:250px; margin-bottom:5px; background:#f4f4f4; border:1px solid #ccc;}
#get-in-touch textarea {width:250px; height:150px;}
#get-in-touch p {margin-left:106px; padding:3px 0 5px;}
#get-in-touch img {display:block; margin-left:106px;}
#get-in-touch input#submitbutton {margin-left:110px; margin-top:5px; width:120px; background:#ccc !important;}
#get-in-touch br {clear:left;}


/* Los Angeles */

#contactLA {
	background: url(../images/contact/contact-la.jpg) no-repeat;
	padding: 219px 0 0 13px;
	font-size: 13px;
}


#contactLA .title {
	float: left;
	width: 215px;
	padding: 0; margin: 0;
	text-align: right;
}

#contactLA .form, #contactLA .info {
	float: right;
	width: 625px; 
	padding: 0 0 0 11px; margin: 0;
}

#contactLA h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	color: #0f83be;
}

#contactLA h3 {
	padding: 0; margin: 0; font-weight: normal; font-size: 13px;
}

#contactLA .address { font-weight: bold; }

#contactLA p {}

#contactLA .form p {
	padding: 0; margin: 0 0 10px 0;
}


/* New York */

#contactNY {
	background: url(../images/contact/contact-ny.jpg) no-repeat;
	padding: 219px 0 0 13px;
	font-size: 13px;
}


#contactNY .title {
	float: left;
	width: 215px;
	padding: 0; margin: 0;
	text-align: right;
}

#contactNY .form, #contactNY .info {
	float: right;
	width: 625px; 
	padding: 0 0 0 11px; margin: 0;
}

#contactNY h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	color: #0f83be;
}

#contactNY h3 {
	padding: 0; margin: 0; font-weight: normal; font-size: 13px;
}

#contactNY .address { font-weight: bold; }

#contactNY p {}

#contactNY .form p {
	padding: 0; margin: 0 0 10px 0;
}


/* San Francisco */

#contactSF {
	background: url(../images/contact/contact-sf.jpg) no-repeat;
	padding: 219px 0 0 13px;
	font-size: 13px;
}


#contactSF .title {
	float: left;
	width: 215px;
	padding: 0; margin: 0;
	text-align: right;
}

#contactSF .form, #contactSF .info {
	float: right;
	width: 625px; 
	padding: 0 0 0 11px; margin: 0;
}

#contactSF h2 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 14px;
	color: #0f83be;
}

#contactSF h3 {
	padding: 0; margin: 0; font-weight: normal; font-size: 13px;
}

#contactSF .address { font-weight: bold; }

#contactSF p {}

#contactSF .form p {
	padding: 0; margin: 0 0 10px 0;
}



/* NEWS */

#news {
	background: url(images/header-news.jpg) no-repeat;
	padding: 219px 0 0 13px;
	font-size: 14px;
}

#news .title {
	float: left;
	width: 215px;
	padding: 0; margin: 0;
	text-align: right;
}

#news .list {
	float: right;
	width: 625px; 
	padding: 0 0 0 11px; margin: 0;
}

#news .post {
	line-height: 16px; 
	clear: both;
	padding: 0 0 25px;
}

#news .date {
	float: left; font-weight: bold; color: #0f83be; 
}

#news .post h2 {
	float: left; padding: 0 11px 0 17px; margin: 0; font-size: 14px; 
}

#news .post h2 a {
	color: #05578b;
}

#news .post h2 a:hover {
	color: #666;
}

#news .media {
	float: left; color: #666; font-style: italic;
}

.back a {
	color: #0f83be;
}

/* About */

#overview {
	padding: 219px 0 0 13px;
	font-size: 14px;
}

#investment-focus, #market-landscape {
	padding: 219px 0 0 13px;
	font-size: 13px;
}

#overview {
	background: url(images/header-about-overview.jpg) no-repeat;
}

#market-landscape {
	background: url(images/header-about-market.jpg) no-repeat;
}

#investment-focus {
	background: url(images/header-about-investments.jpg) no-repeat;
}

#overview .title, #market-landscape .title, #investment-focus .title{
	float: left;
	width: 215px;
	padding: 0; margin: 0;
	text-align: right;
}

#overview .about,#market-landscape .about,#investment-focus .about {
	float: right;
	width: 590px; 
	padding: 0 35px 0 11px; margin: 0;
}

#market-landscape .about {
	font-style: italic;
	color: #666;
}

#market-landscape p {
	margin-left: -10px;
	padding-left: 10px;
	border-left: 1px #666 solid;
}

.about .intro {
	font-weight: normal;
	font-style: normal;
	color: #000;
	font-size: 14px;
}

.about p {
	color: #666;
}

.about h3 {
	color: #0f83be;
	font-size: 14px;
	font-style: normal;
	}
	
	
/* Investment Overview */


#overviewInvestments {
	padding: 219px 0 0 13px;
	font-size: 14px;
}

#overviewInvestments {
	background: url(images/header-investments-renewable.jpg) no-repeat;
}


#overviewInvestments .title, #market-landscape .title, #investment-focus .title{
	float: left;
	width: 215px;
	padding: 0; margin: 0;
	text-align: right;
}

#overviewInvestments .about,#market-landscape .about,#investment-focus .about {
	float: right;
	width: 590px; 
	padding: 0 35px 0 11px; margin: 0;
}


/* Team Overview */


#overviewTeam {
	padding: 219px 0 0 13px;
	font-size: 14px;
}



#overviewTeam {
	background: url(../images/team_header.jpg) no-repeat;
}


#overviewTeam .title, #market-landscape .title, #investment-focus .title{
	float: left;
	width: 215px;
	padding: 0; margin: 0;
	text-align: right;
}

#overviewTeam .about,#market-landscape .about,#investment-focus .about {
	float: right;
	width: 590px; 
	padding: 0 35px 0 11px; margin: 0;
}


/* Footer */

#footer {
	color: #999;
	font-size: 11px;
}

#footer .menu {
	float: left;
	text-transform: uppercase;
}

#footer .copyright {
	float: right;
}