@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#e9e9e9;}
html { padding:0; margin:0;}

/* main */
.main {width:100%; padding:0 0 20px 0; margin:0 auto; }
.resize { width:953px; margin:0 auto;}

/********** header **********/
.header { }
.block_header {margin:0 auto; width:953px;}
/* logo */
.logo { float:left; padding:0; margin:10px 0 10px 20px; width:258px;}
/* menu */	
.menu { 
padding:0; 
margin:55px 0 0 0; 
width:665px; 
float:right; 
height:52px; 
background:url(images/menu_bg.gif) top repeat-x;
}

.menu div { height:52px; background:url(images/menu_l_img.gif) left no-repeat;}
.menu div div { height:52px;  background:url(images/menu_r_img.gif) right no-repeat; padding:0 10px;}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { float:left; margin:2px 0 0 0; padding:0; border:0;}
.menu ul li a { 
background:url(images/nav-main-dots.gif) 0 8px no-repeat;
color: #0053A7;
float:left; 
margin:2px 1px 0 0; 
padding:10px 23px; 
font:normal 18px  Trebuchet MS, Arial, Helvetica, sans-serif; 
text-decoration:none;
}

.menu ul li a.first {
 background: transparent;
}

.menu ul li a:hover { color:#fff; text-decoration:none; background: #cccccc;}
.menu ul li a.active {background:#cccccc; color:#fff; text-decoration:none; }
/********** slider **********/
.slider {margin:0 auto; width:953px; padding:0; }
/* header_text */
.header_text { margin:0 auto; width:953px; padding:0; }
.header_text h2 { margin:20px 40px; padding:0;}
.header_text .div {width:953px; margin:0; padding:0;}
.header_text .div .left1 { 
float:left; 
margin: 0 0 0 35px;
width:430px;
}
.header_text strong { display:block; margin:0; color:#a1e2e6; font:normal 12px Arial, Helvetica, sans-serif; line-height:16px;}
.header_text span { float:right; margin:0; padding:0; width:300px;}
.header_text p { font:normal 11px  Tahoma, Geneva, sans-serif; color:#5e5e5e; padding:0 0 0 40px; margin:0; line-height:1.6em;}
.header_text ul.buttons { float:left; padding:20px 0 10px 25px; margin:0; list-style:none;}
.header_text ul.buttons li { float:left; padding:0 5px; margin:0;}
/*toppik*/
.toppik {margin:0 auto; width:953px; padding:10px 0; background: url(images/bg_toppik.gif) top repeat-y; height:25px;}
.toppik p { padding:0; margin:0; }
.toppik p.lastes { width:100px; float:left;color:#5e5e5e; font:bold 16px Arial, Helvetica, sans-serif; margin:0 0 0 20px; background:url(images/tip_img_lastes.gif) left no-repeat; padding:7px 30px;}
.toppik a {width:100px; float:right; float:right; font: normal 11px Arial, Helvetica, sans-serif; color:#1f63a3; background:url(images/tip_a_bg.gif) left no-repeat; padding:5px 20px;}
/*blog_body*/
.blog_body { width:953px; background:url(images/blog_body_bg_top.gif) top repeat-y; margin:0 auto 20px auto; padding:0;}
.blog_body p { margin:0; font:normal  11px Tahoma, Geneva, sans-serif; color:#6f6f6f; padding:0 10px;}
.blog_body img { margin:5px 10px; padding:0;}
.blog_body .lorem { width:210px; float:left; margin:15px 10px; padding:0;}
.blog_bottom { margin:0 auto; padding:0; float:left;}
.blog_bottom img { margin:0; padding:0;}
/********** block index **********/
.body { padding:0; width:953px; margin:0 auto; background: url(images/simple_bg.gif) top repeat-y;}
.body_bottom { width:953px; margin:0 auto; padding:0;}
.body_bottom img { margin:0; padding:0;}
.body_resize { width:933px; margin:0 auto; padding:10px 10px 0; background:url(images/simple_img_top.gif) top no-repeat;}
.body h2,
.body h3 { 
font:normal 22px  Trebuchet MS, Tahoma, Geneva, sans-serif; color:#3a3c3c; border-bottom:1px solid #cccccc; padding:10px 40px; margin:0 0 5px 0;
}

.body h4 { 
font:bold 16px  Trebuchet MS, Tahoma, Geneva, sans-serif; 
color:#3a3c3c; 
padding:20px 0 5px 5px; 
margin:0 0 0 0;
}

.body a { font:bold 14px  Tahoma, Geneva, sans-serif; color:#0053A7; text-decoration:none;}
.body p { font:normal 14px   Tahoma, Geneva, sans-serif; color:#666666; line-height:1.8em; padding:5px; margin:0;}
.body .team p { margin-bottom: 1em;}
.body ul { padding:5px 0; margin:0 30px;}
.body ul li { font:normal 14px Tahoma, Geneva, sans-serif; color:#666666; line-height:1.8em; padding:1px 10px; margin:0;}
.body .timeline ul li {  padding:1px 46px; }
/*News*/
.News { width:350px; margin:35px 50px 5px 0; padding:5px 10px; float:left;}
.News  h2 { background:url(images/h2_News.gif) left no-repeat;}
.News span { font:bold 14px Tahoma, Geneva, sans-serif; color:#2c2c2c;}
/*Welcome*/
.Welcome { width:480px; margin:35px 0 5px 0; padding:5px 10px; float:left;}
.Welcome h2 { 
background: url(images/icon-rss.png) 6px 10px no-repeat;
margin: 0 0 30px;
}
/*Port*/
.Port { width:890px; margin:5px 0; padding:5px 10px; float:left;}
.Port h2 { background:url(images/h2_port.gif) left no-repeat;}
.Port img { margin:5px; padding:0;}
.Port p { padding:5px; margin:0;}
.Port .blog_port { width:270px; float:left; margin:5px; padding:5px;}


/*sub pages*/
.technology,
.team,
.news,
.about { 
margin:5px 0; 
padding:5px 10px; 
float:left;
width: 700px;
}

.contact,
.timeline,
.documents,
.community { 
margin:5px 0; 
padding:5px 10px; 
float:left;
width: 900px;
}

.contact h2,
.team h2,
.news h2,
.documents h2,
.renewable h2,
.community h2,
.publications h2,
.timeline h2,
.technology h2,
.about h2,
.region h2 { 
padding-left: 0; 
}

.contact h3,
.team h3,
.news h3,
.community h3,
.documents h3,
.renewable h3,
.publications h3,
.timeline h3,
.technology h3,
.about h3,
.region h3 { 
padding-left: 0;
padding-top: 3em; 
}

.about img { margin:5px; padding:0;}
.about p { padding:5px; margin:0;}
.about p.pad { padding:0 0 0 70px;}
.about span { font: normal 19px Tahoma, Geneva, sans-serif; color:#6f6f6f;}
.about .blog_port { width: 270px; float: left; margin:5px; padding:5px;}
/*Sub*/
.Sub { 
border-left: 1px dashed #ccc;
width:166px; 
margin:5px 0 5px 15px; 
padding:5px 10px 5px 20px; 
float:left;
}

.Sub h2 { padding:10px}

.Sub div.articles {
border: 1px solid #eee;
margin: 10px auto;
padding: 10px;
width: 240px;
}

.Sub div.articles p {
line-height: 1.3em;
margin: 0;
padding: 0;
}

.Sub div.articles p.readmore {
color: #00A84E;
float: right;
}

.Sub div.articles strong {
color: #3A3C3C;
font-family: Trebuchet MS;
font-size:15px;
}

.news div.articles {
margin-top: 30px;
}

.news div.articles p.readmore {
color: #00A84E;
float: right;
}

.news div.articles strong {
color: #3A3C3C;
font-family: Trebuchet MS;
font-size:15px;
}

.Sub p.partner {
margin: 20px 0;
}

.Sub h3 {
padding: 10px 0;
}

.Sub .news-logos {
text-align: center;
}

.Sub .news-logos p {
margin-top: 15px;
margin-bottom: 15px;
}

.left1 p.blue {
border-top: 1px solid #E5E5E5;
border-bottom: 1px solid #E5E5E5;
color: #0053A7;
font-family: Trebuchet MS;
font-size: 18px;
font-weight: normal;
margin: 90px 0 10px;
padding: 10px 0;
}

.gallery {
margin-top: 20px;
}

#home-photos {
margin: 0 0 0 -8px;
padding: 0;
position: relative;
width: 949px;
}

#home-photos a {
border: 0;
}

#home-photos img {
border: 0;
float: left;
margin: 20px 0 0 0;
padding: 0;
}

p.rss-text {
margin-bottom: 2em;
}

.footer .left {
float: left;
}

.footer .right {
float: right;
}

.photo-right {
float: right;
margin: 10px 0 10px 20px;
}

.photo-left {
float: left;
margin: 10px 20px 10px 0;
}


/* Navigation */
.nav {
  z-index: 100;
  position: relative;
}
.nav li {
  position: relative;
}

.nav ul {
  background: #F1F1F1;
  position: absolute;
  top: -999em;
  left: -1px;
  margin-top:20px;
}

.nav ul li a {
  background: transparent;
  font-size: 13px;
}

.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul li a:hover {
  background: transparent;
  color: #000;
}

.nav ul a {
  white-space: nowrap;
}

/********** contact form **********/
#contactform { margin:0; padding:5px 10px;}
#contactform * { color:#222222;}
#contactform ol { margin:0; padding:0; list-style:none;}
#contactform li { margin:5px 0; padding:0; background:none; border:none; display:block;}
#contactform li.buttons { margin:5px 0;}
#contactform label { margin:0; width:110px; display:block; padding:5px 0; font:bold 11px Arial, Helvetica, sans-serif; color:#8d8d8d; text-transform:capitalize; float:left;}
#contactform label span { display:block; font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:360px; border:1px solid #dcdcdc; margin:5px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left;}
#contactform textarea { width:360px; border:1px solid #dcdcdc; margin:5px 0; padding:2px; background:#f5f5f5; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 110px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font: bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}

/********** footer **********/
.footer { width:945px; color:#9c9c9c; font:normal 11px Tahoma, Geneva, sans-serif; text-align:left; margin:0 auto; padding:20px 0; }
.footer p { 
clear: both;
margin:0; 
padding:0; 
}

.footer .right p { 
margin:0; 
padding:0 0 1em 0; 
text-align: right;
}

.footer ul { 
padding:0 0 2em 0; 
margin:0; 
list-style:none; 
}

.footer ul li { padding:0; margin:0 15px 0 0; float:left;}
.footer a { color:#9c9c9c; font:normal 11px Tahoma, Geneva, sans-serif; padding:0 1px;}
.text_left { text-align:left; }

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #eaeaea; padding:0; margin:5px 0; background:none;}

#tadisclaimer {
font-size: 12px;
margin: 10px auto;
text-align: center;
width: 650px;
}

.timeline ul.tabs-nav {
margin: 0;
padding: 0 0 0 4px;
}

.timeline #container-5 {
margin-top: 20px;
}

p.imagewtext {
font-size: 11px;
text-align: center;
}

.team h4 {
color:#8C6A55;
}

img.imgright {
border: 2px solid #ccc;
float: right;
margin-left: 15px;
}

img.imgleft {
border: 2px solid #ccc;
float: left;
margin-right: 15px;
}

.team img.imgleft {
border: 2px solid #ccc;
float: left;
margin-top: 18px;
margin-right: 25px;
}

.team ul.teamul {
margin-top: 55px;
margin-left: 230px;
}

.green {
color: #00A84E;
}

img.imglogo {
border: 2px solid #ccc;
margin: 15px;
}

.benefits h4 {
color: #B2866B;
}

.technology h4 {
color: #0A8E9A;
}

.timeline strong {
color: #00A84E;
}

.team strong a {
color: #666666;
font-weight: normal;
}

#slider h4 {
color: #DD8651;
}

.team h3 {
border: 0;
}

.team h3.first {
padding-top: 1em;
}

.source {
float: right;
}

.Sub ul {
list-style: none;
}

.Sub a {
font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
font-weight: normal;
}

h5.hover {
color: #00A84E;
font-family:Tahoma,Geneva,sans-serif;
font-size:14px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.8em;
margin: 0;
padding: 0;
}

.team h4 {
margin-top: 1em;
}

.team h4.first {
margin-top: 0;
}

.documents .doc {
float: left;
height: 220px;
margin-top: 25px;
width: 440px;
}

.documents img.docimg {
border: 2px solid #00A84E;
margin: 0 0 10px 0;
}

.aboutheader h2 {
padding: 10px 10px 10px 52px;
}

.aboutheader ul {
margin: 0 0 0 40px;
}

.teamheader h2 {
padding: 10px 10px 10px 52px;
}

.teamheader ul {
margin: 0 0 0 9px;
}

.newsheader h2 {
padding: 10px 10px 10px 52px;
}

.newsheader ul {
margin: 0 0 0 28px;
}

.news .eventwrapper {
margin-top: 30px;
}

.news span.date {
color:#000;
font-family:Tahoma,Geneva,sans-serif;
font-size:14px;
font-weight:bold;
}

.news em.date {
color:#0053A7;
font-family:Tahoma,Geneva,sans-serif;
font-size:14px;
font-weight:bold;
}

.team .board {
margin: 24px 0 0 0;
}

.team .board h4 {
font-family: Trebuchet MS,Tahoma,Geneva,sans-serif;
margin: 10px 0 10px 30px;
padding: 0;
}

.team .board a {
color:#666;
}

.page-team .nav-team,
.page-philliph .nav-philliph,
.page-yasuon .nav-yasuon,
.page-ziada .nav-ziada,
.page-russells .nav-russells,
.page-charless .nav-charless,
.page-davidh .nav-davidh,
.page-arulg .nav-arulg,
.page-terryw .nav-terryw,
.page-johnc .nav-johnc,
.page-leadership .nav-leadership,
.page-partners .nav-partners,
.page-about-overview .nav-about-overview,
.page-about-need .nav-about-need,
.page-about-benefits .nav-about-benefits,
.page-technology .nav-technology,
.page-location .nav-location,
.page-media .nav-media,
.page-press .nav-press,
.page-events .nav-events {
color: #000;
}

.News .boldblue {
color:#0053A7;
font:bold 14px Tahoma,Geneva,sans-serif;
}

.logo-partner {
float: left;
height: 140px;
width: 230px;
}

.americansuper {
margin-left: 67px;
}

.News .taend {
margin-bottom: 10px;
}