/* CSS Document 
*/

/* =General----------------------------------------------------------------- */
* {margin: 0; padding:0}
body {font-family: "Verdana", Arial, Helvetica, sans-serif; background: #f5f5f5 url(../images/general/bgd_body.jpg) repeat-x 0 0; }
.clear {clear:both}
img {border: 0;}
li {list-style: none}
p {margin: 0 0 10px 0;font-size: 0.7em;   line-height: 20px; color: #333}

#content .right h2 {margin:10px 0 7px 0; color:#65bb3f; font-size: 1.8em; font-weight:normal; font-family: Helvetica, sans-serif;}
#content .right h3 {margin:20px 10px 15px 0; width: auto;color:#030050; font-size: 1.4em;  font-weight:normal; font-family: Helvetica, sans-serif;}
#content .right h3.float {float:left}
#content .right .clients h2 {margin:5px 0 0 0; color:#030050; font-size: 1.4em; font-weight:normal; font-family: Helvetica, sans-serif;}
#content .right .clientsInner h2 {margin:5px 0 0 0; color:#030050; font-size: 1.4em; font-weight:normal; font-family: Helvetica, sans-serif;}
/* =Structure----------------------------------------------------------------- */
#container {width: 60.3em; margin:0 auto;background-color: #fff;}
#header { background:url(../images/general/bgd_header.jpg) repeat-x 0 0;   }
#header .left {width: 25.5em; float:left;}
#header .right {width: 33.5em; float:left; }
#header img {padding: 18px 0 8px 90px;}
#content { margin:0 auto; background-color: #fff;}
#content .left {width: 10em; float:left; background-color: #fff}
#content .right {padding: 0 0 0 40px; width: 47.4em; float:left; background: #fff url(../images/general/shadow_border_tall.jpg) no-repeat top left;}
#content .right .info {padding: 0 40px 30px 0;float:left; width: 30em}
#content .right .infoInner {padding: 0 0 0 0;float:left; width: 46.2em; }
#content .right .clients {padding: 0 0 0 30px; float:left; width: 12em;  background: #fff url(../images/general/shadow_border_short.jpg) no-repeat 0 0}
#content .right .clientsInner {margin: 30px 0 30px 0; float:left; width: 47em; }
#content .right .clientsInner .group {padding: 0 0 30px 40px; float:left; width: 14em; background:url(../images/general/shadow_border_shorter.jpg) no-repeat 0 0}
#content .right .clientsInner .first {background:none; padding:0}
#footer {padding: 15px 0 50px 10px; background-color: #f5f5f5; } 

/* =Header----------------------------------------------------------------- */
#header .nav ul {position: relative; top: 60px; left: 62px}
#header .nav ul li { float:left; font-size:0.7em; color: #333; border-right: 1px solid #333; width:auto}
#header .nav ul li.first{border: 0}
#header .nav ul li.last {border: 0; padding-left: 10px}
#header .nav ul li span {padding: 0 15px 0 0; color:#65bb3f; border-right: 1px solid #333 }
#header .nav ul li a { margin: 0 10px; color: #333; display:block; text-decoration: none;  background:url(../images/general/dotted_border.gif) repeat-x bottom left}

/* =Main Navigation----------------------------------------------------------------- */
#menu {padding: 0 0 20px 40px}
#menu ul li {padding: 10px 0 ;}
#menu ul li.sub {padding:0 0 0 10px; margin:0 0 0 10px;  background:url(../images/general/arrow.gif) no-repeat 0 10px}
#menu ul li a {color: #333; text-decoration: none;  font-weight: normal; font-size:0.7em}
#menu ul li a:hover {color:#65bb3f;}
#menu ul li.sub a {color: #65bb3f;}
#menu ul li.sub a:hover {color:#030050;}
/* =Content----------------------------------------------------------------- */
#content .left img.energy  {padding: 25px 0 15px 30px}
#content .left img.acei {padding: 60px 0 15px 15px}
#content .right .info span {width: auto;display:block; float:left; color: #65bb3f; padding: 5px 10px; margin: 20px 3px 0 0; background-color: #f5f5f5; font-size:0.7em}

#content .right .info a.more {padding: 0 8px; width:auto; float:right; font-size: 0.7em; color:#030050; background:url(../images/general/arrow.gif) no-repeat 0 5px; text-decoration: none}
#content .right .clients a.more {margin: 10px 0 0 0; padding: 0 8px; width:auto; float:right; font-size: 0.7em; color:#030050; background:url(../images/general/arrow.gif) no-repeat 0 5px; text-decoration: none}
#content .right .clients a {color: #65bb3f; text-decoration:none}
#content .right .clients p {margin-bottom:0}
#content .right .clients ul {margin: 5px 0 10px 0}
#content .right .clients ul li {float:left; width: auto;}
#content .right .clients ul li img {margin:0 10px 0 0; border: 1px solid #999}
#content .right .clientsInner a.more {margin: 10px 0 0 0; padding: 0 8px; width:auto;  font-size: 0.7em; color:#030050; background:url(../images/general/arrow.gif) no-repeat 0 5px; text-decoration: none}
#content .right .clientsInner a {color: #65bb3f; text-decoration:none}
#content .right .clientsInner p {margin-bottom:0}
#content .right .clientsInner ul {margin: 5px 0 10px 0}
#content .right .clientsInner ul li {float:left; width: auto;}
#content .right .clientsInner ul li img {margin:0 10px 0 0; border: 1px solid #999}
#content .right .infoInner span.cs {margin: 18px 0 0 0; padding: 7px 32px 7px 10px; display:block; width: auto; float:right; background:url(../images/general/bgd_cs.jpg) no-repeat 0 0; font-size:0.7em;color:#333 ;}
#content .right .infoInner table {font-size: 0.7em; color: #333}
#content .right .infoInner table tr th {padding: 6px 0 6px 8px;font-weight:bold; color:#65bb3f; text-align:left}
#content .right .infoInner table tr td {padding: 6px 0 6px 8px; }
#content .right .infoInner table tr td a {color: #65bb3f}
#content .right .infoInner table tr.cs {background-color: #f5f5f5; }
#content .right .infoInner table td.csLeft {background: #f5f5f5 url(../images/general/cs_left.gif) no-repeat top left}
#content .right .infoInner table td.csRight {background:#f5f5f5 url(../images/general/cs_right.jpg) no-repeat top right}
#content .right .infoInner span a {width: auto;display:block; float:left; color: #65bb3f; padding: 5px 10px; margin: 3px 3px 0 0; back ground-color: #f5f5f5; font-size:0.7em}


#content .right .info table {margin:0 0 30px 0;font-size: 0.7em; color: #333}
#content .right .info table tr th {width: 30%;padding: 6px 0;font-weight:bold; color:#65bb3f; text-align:left; vertical-align:top}
#content .right .info table tr td {padding: 6px 0}


#content .right .infoInner ul li {padding: 0 0 10px 10px; font-size: 0.7em; color: #333; line-height: 10px; background:url(../images/general/arrow.gif) no-repeat 0 3px}
#content .right .infoInner span.projects {background:url(../images/banners/projects2.jpg) no-repeat 0 0; width: 740px; height: 150px; display: block;}
#content .right .infoInner span.projects a {margin: 127px 0 0 0!important; padding: 5px 0!important; width:103px; display:block; float:left; color: #65bb3f;  font-size:0.7em; text-align:center; background-color: #f2f2f2!important;border-right: 1px solid #fff}
#content .right .infoInner span a.health {width: 107px!important}
#content .right .infoInner span a.inst {width: 104px!important}
#content .right .infoInner span a.edu {width: 104px!important}
#content .right .infoInner span a.res {width: 104px!important}
#content .right .infoInner span a.ind {width: 104px!important}
#content .right .infoInner span a.leisure {width: 108px!important; border: 0}

#content .right .infoInner p.phone {width: 170px; float:left}
#content .right .infoInner p.email { width: 150px; float:left}
#content .right .infoInner p.email a {color: #65bb3f; text-decoration: none}
#content .right .infoInner p.email a:hover {color: #65bb3f; text-decoration: underline}

/* =Footer----------------------------------------------------------------- */

#footer span {padding-right: 15px; color:#65bb3f;}
#footer ul li {padding: 0 6px; float:left; border-right: 1px solid #333; color: #333;font-size: 0.65em; width: auto; }
#footer ul li.last {border: 0!important}
#footer ul li a.active {text-decoration: underline}
#footer ul li a {color:#65bb3f; text-decoration:none; font-weight: normal;}
#footer ul li.on a {text-decoration: underline!important}
#footer ul li a:visited {text-decoration:none;}
#footer ul li a:hover {text-decoration:underline;}

div#jet {padding: 0 0 50px 0;background-color: #f5f5f5 }
div#jet img {position:relative; top:6px; padding-left: 5px}
div#jet a {margin:0 10px 0 0; display:block; width: auto; float:right; font-size: 0.65em; color:#333; text-decoration:none; }

