body {padding: 0 0 3em; background: #ededed url(../i/bg.png) 0 0 repeat-x; color: #4b4b4b;}

a {text-decoration: none;}
a:hover {text-decoration: underline;}

#wrapper {width: 956px; margin: 0 auto; background: url(../i/bg-shadow.png) 0 110px no-repeat;}
#inner {border-left: 1px solid #b1b1b1; border-right: 1px solid #b1b1b1; margin: 0 24px; padding: 0 0 60px; background: #fff;}

.clear {clear: both; overflow: hidden; height: 0; font-size: 1px; line-height: 1px;}

/* @group Header */
#header {position: relative; height: 80px; padding: 30px 57px 0;}
#header h1 {height: 56px; width: 240px; margin: 0;}

#ticker {position: absolute; right: 57px; top: 45px; width: 210px; padding: 20px 0 0; background: url(../i/stock.png) 0 0 no-repeat; color: #000; text-align: right;}
#ticker p {margin: 0; font-weight: 700;}
#ticker .stock {position: absolute; left: 0; top: 0; height: 0; text-align: left;}
#ticker .stock a {display: block; overflow: hidden; position: absolute; left: 0; top: 0; height: 14px; width: 210px; text-indent: -10000px;}
#ticker .price-figure {padding: 0 15px 0 0; background: url(../i/arrow-up.png) 100% 25% no-repeat; font-size: 1.667em; line-height: 1;}
#ticker .price-down {background: url(../i/arrow-down.png) 100% 50% no-repeat;}
#ticker .price-change {position: relative; top: -5px; margin: 0 0 0 10px;}
/* @end */

/* @group Nav */
#nav {list-style-type: none; overflow: hidden; position: relative; height: 46px; width: 842px; margin: 0 auto 12px;}
#nav li {height: 46px; position: absolute; top: 0; z-index: 10; margin: 0; text-indent: -10000px;}
#nav li:hover, #nav li.hover {z-index: 11;}
#nav a {display: block; overflow: hidden; position: relative; height: 100%; width: 100%; background: url(../i/nav.png) 0 0 no-repeat;}
#nav a span {display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: url(../i/nav.png) 0 0 no-repeat;}

#nav-corp-resp {width: 196px;}
.classic #nav-corp-resp a:hover, #nav-corp-resp a span {background-position: 0 -46px;}
#nav-corp-resp.selected a, #nav-corp-resp.selected a:hover {background-position: 0 -92px;}
#nav-clean-energy {left: 195px; width: 163px;}
#nav-clean-energy a {background-position: -195px 0;}
.classic #nav-clean-energy a:hover, #nav-clean-energy a span {background-position: -195px -46px;}
#nav-clean-energy.selected a, #nav-clean-energy.selected a:hover {background-position: -195px -92px;}
#nav-investors {left: 357px; width: 163px;}
#nav-investors a {background-position: -357px 0;}
.classic #nav-investors a:hover, #nav-investors a span {background-position: -357px -46px;}
#nav-investors.selected a, #nav-investors.selected a:hover {background-position: -357px -92px;}
#nav-man-team {left: 519px; width: 163px;}
#nav-man-team a {background-position: -519px 0;}
.classic #nav-man-team a:hover, #nav-man-team a span {background-position: -519px -46px;}
#nav-man-team.selected a, #nav-man-team.selected a:hover {background-position: -519px -92px;}
#nav-contact {left: 681px; width: 161px;}
#nav-contact a {background-position: -681px 0;}
.classic #nav-contact a:hover, #nav-contact a span {background-position: -681px -46px;}
#nav-contact.selected a, #nav-contact.selected a:hover {background-position: -681px -92px;}
/* @end */

/* @group Footer */
#footer {border-top: 1px solid #000; margin: 0 24px;}
#footer-content {overflow: hidden; border: 1px solid #000; padding: 24px 0 48px; background: #101a22 url(../i/bg-footer.png) 0 0 repeat-x; color: #889bac;}
* html #footer-content {overflow: visible; height: 1%;}
#footer-content h2 {margin: 0; color: #fff; font-size: 1.167em;}

#footer-contact {float: left; width: 490px; padding-left: 40px;}
#footer-contact p {margin: 0;}
#footer-contact span {color: #fff;}
#footer-contact a {color: #889bac;}
#footer-mailing-list {float: right; width: 346px;}
#footer-mailing-list h2 {margin: 0 0 10px;}
#footer-mailing-list div {display: inline;}
#footer-mailing-list div * {vertical-align: middle;}
#footer-mailing-list input.text {width: 245px; font-size: .917em;}
#footer-mailing-list input.default {color: #777;}
#footer-mailing-list button {height: 20px; width: 56px; border: 0; margin: 0 0 0 3px; padding: 0; background: url(../i/btn-submit.png) 0 0 no-repeat; text-indent: -10000px;}

#footer-final {border-top: 1px solid #394e5f; padding: 4px 0; background: #000; color: #9a9a9a; font: normal .834em/2 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; text-align: center;}
#footer-final p {margin: 0;}
#footer-final a {color: #9a9a9a; margin: 0 2px;}
/* @end */

/* @group Home */
#home {width: 842px; margin: 0 auto;}
#home-intro {overflow: hidden; position: relative; height: 326px; width: 842px; margin: 0 0 12px; background: url(../i/titles/home.jpg) 0 0 no-repeat; text-indent: -10000px;}
#home-intro a {display: block; position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
#home #main {display: inline; float: left; width: 496px; padding: 10px 0 0 8px;}
#home #sidebar {display: inline; float: right; width: 314px;}

#home #main h2 {margin: 0 0 .5em; color: #000; font: bold 1.5em Times, 'Times New Roman', serif;}
#home #main blockquote {width: 414px; margin: 3em 0 0; padding: 4px 50px 0 32px; background: url(../i/icon-quote.png) 0 0 no-repeat;}
#home #main blockquote p {margin: 0 0 1em; font: bold italic 1.42em/1.2 Times, 'Times New Roman', serif;}

#home #sidebar .video {margin: 0 0 25px;}
#home #sidebar .video object, #home #sidebar .video embed {display: block;}
#home #sidebar .video img {display: block; padding: 0 0 18px; cursor: pointer;}
#home #latest-news h3 {margin: 0 0 5px 5px; color: #122532; font: bold 1.5em Times, 'Times New Roman', serif;}
#home #latest-news ul {list-style-type: none;}
#home #latest-news li {border-bottom: 1px solid #dae6ef; border-top: 1px solid #dae6ef; margin: 0 0 6px; line-height: 1.25;}
#home #latest-news span {display: block; border-bottom: 1px solid #fff; border-top: 1px solid #fff; padding: 3px 20px; background: #e8f4fe url(../i/icon-arrow.png) 6px 6px no-repeat;}
#home #latest-news a {color: #2c68bc; font-size: .917em;}
/* @end */

/* @group Content */
#content {width: 842px; margin: 0 auto; background: url(../i/bg-sidebar-stretch.png) 100% 0 repeat-y;}
#content #main {display: inline; float: left; width: 496px;}
#content #sidebar {display: inline; float: right; width: 278px; padding: 0 18px;}
#content #sidebar-top {overflow: hidden; height: 10px; width: 314px; margin: 0 -18px 15px; background: url(../i/bg-sidebar.png) 0 0 no-repeat; font-size: 1px;}
#content #sidebar-btm {clear: both; overflow: hidden; position: relative; height: 10px; width: 314px; margin: 0 0 0 528px; background: url(../i/bg-sidebar.png) -314px 0 no-repeat; font-size: 1px;}

#content #main h2 {margin: 0 0 .5em; color: #000; font: 700 1.5em/1.1 Times, 'Times New Roman', serif;}
#content #main p.title {margin: -.5em 0 1em; color: #000; font-size: 1.084em; font-weight: 700;}

#content #sidebar h3 {margin: 0 0 .5em; color: #000; font: 700 1.5em/1.1 Times, 'Times New Roman', serif;}
#content #sidebar ul li {list-style-type: none; margin: 0; padding: 0 0 12px 18px; background: url(../i/icon-bullet.png) 1px 5px no-repeat; zoom: 1;}
#content #sidebar ul.prominent {font-size: 1.084em;}
#content #sidebar ul.prominent h4, #content #sidebar ul.prominent p {margin: 0; font-size: 1em;}
#content #sidebar ul.prominent h4 {margin: 0 0 .33em;}

#content #sidebar .video {width: 314px; margin: 0 -18px; background: #fff; padding: 0 0 25px;}
#content #sidebar .video object, #content #sidebar .video embed {display: block;}
/* @end */

/* @group Contact */
#contact {width: 842px; margin: 0 auto;}

#contact-intro {padding: 4px 24px 20px 48px;}
#contact-intro h2 {margin: 0 0 .5em; color: #000; font: 700 1.5em/1.1 Times, 'Times New Roman', serif;}
#contact-intro p {margin: 0; font-size: 1.167em; font-style: italic;}

#contact form {padding: 15px 17px; background: url(../i/bg-contact.png) -1684px 0 repeat-y;}
#contact-top {overflow: hidden; height: 10px; background: url(../i/bg-contact.png) 0 0 no-repeat; font-size: 1px;}
#contact-btm {overflow: hidden; height: 10px; background: url(../i/bg-contact.png) -842px 0 no-repeat; font-size: 1px;}

#contact-one {border-bottom: 1px solid #d0deea; padding: 0 23px 15px;}
#contact-fields {clear: none; float: left; width: 269px;}
#contact-message {clear: none; float: right; width: 459px;}

#contact-one label {padding: 0 0 12px 8px; color: #60788b; font-weight: 700; line-height: 1.1;}
#contact-one .error label {color: #c9002c;}
#contact-fields div.field {margin: 0 0 17px;}
#contact-fields span {display: block; height: 34px; width: 260px; padding: 9px 0 0 9px; background: url(../i/bg-contact-input.png) 0 0 no-repeat;}
#contact-fields input.text {border: 0; padding: 5px; width: 240px;}
#contact-message span {display: block; height: 213px; width: 459px; padding: 8px 0 0 8px; background: url(../i/bg-contact-textarea.png) 0 0 no-repeat;}
#contact-message textarea {display: block; height: 191px; width: 437px; border: 1px solid #d4dee7;}

#contact-two {clear: both; padding: 20px 22px 0 30px;}
#contact-two .checkbox {float: left; width: 500px; margin: 0; padding: 6px 0 0; color: #60788b; font-size: 1.084em;}
#contact-two .submit {float: right; width: 198px;}
#contact-two .submit button {display: block; height: 30px; width: 198px; border: 0; margin: 0; padding: 0; background: url(../i/btn-inquire.png) 0 0 no-repeat; text-indent: -10000px;}
/* @end */