@charset "utf-8";
body{ font-family: Calibri, Arial, Helvetica, sans-serif; background-color:#ffffff; background-image:url(../images/renewable-energy-greener-future.jpg); background-repeat:no-repeat; background-position:center top;}
*{margin:0; padding:0;}
#container{width:1000px; margin: 0 auto; background-color:#FFFFFF; border-right:1px solid #817e7e; border-left:1px solid #817e7e; -moz-box-shadow: 0px 0px 30px #000;
-webkit-box-shadow: 0px 0px 30px #000;
box-shadow: 0px 0px 30px #000;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#000000")";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color="#000000");}

.wk-slideshow{clear:both;}

#header{width:994px; height:186px; margin:0 auto; background-image:url(../images/bg-header.jpg); background-repeat:repeat-x; background-position:bottom;}

#logo{float:left;}
#logo a{width:245px; height:146px; float:left; display:block; background:url(../images/react-energy.png) no-repeat; text-indent:-9999px; margin:20px 0 0 20px;}

#header-right {float: right; margin-top: 40px; margin-right: 24px;}
.clock{float:right;}
.date {float: right; color: #6D6E71; margin-top: 53px; margin-right: 0px;}

#main{width:994px; margin:0 auto; overflow:hidden; background-image:url(../images/bg-main.jpg); background-repeat:repeat-x; background-position:center top; margin-top: 3px;}
#left{float:left; width:333px;}
#slideshow{width:658px; float:right;z-index: 1000;}
#slideshow p{margin:0;}
#content {width: 643px; float: right; color: #6D6E71; padding-left: 10px; padding-right: 5px;}
#content h1{margin:10px 0; width:369px;}
#content p{margin:10px 0; width:369px;}
#content p.satnav{margin:10px 0; width:275px;}
#content h2{margin:10px 0; width:369px;}
#content h3{margin:10px 0; width:369px;}

#content ul{padding-left:20px; width:369px;}
#content ul li{margin:10px 0;}

#nav ul, #nav li,
#nav span, #nav a {margin: 0; padding: 0;}
#nav {float:right; clear:right;}
#nav:after {content:''; display: block; clear: both;}
#nav a {display: inline-block; font-family: Calibri, Arial, sans-serif; color: #6d6e71; text-decoration: none;  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; }
#nav a:hover {color: #6c983f;}
#nav ul { list-style: none;  height: 34px; float:right; padding-top:10px; width:666px;}
#nav > ul > li {float: left;  height: 34px; position: relative; font-size:16px;}
#nav > ul > li > a { line-height: 24px; padding: 5px 7px 5px 9px;}
#nav > ul > li.active > a {color: #6c983f;}
#nav .deeper ul {height: 0; overflow: hidden; padding: 0; position: absolute; opacity: 0; top: 22px; left: -7px; width: 200%; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; z-index: 9999;}
#nav .deeper:after {content: ''; display: block; padding: 0 10px; position: absolute; bottom: -10px; left: 0; height: 10px; width: 200%;}

#nav .deeper:hover ul {height: auto; opacity: 1; padding: 10px;}

#nav .deeper li, #nav .has-sub li a {padding: 5px 5px; width: 100%; }
#nav .deeper li {background-color:#FFFFFF;}
#nav .deeper li a {}

#sidenav{float:left; width:333px;}
#sidenav ul{list-style:none; float:left; margin:0; padding:0;}
#sidenav ul li{width:333px; height:50px; float:left; text-align:right; text-transform:uppercase; margin:0 0 2px 0;}
#sidenav ul li a{width:323px; height:50px; float:left; line-height:50px; color:#ffffff; text-decoration:none; background-image:url(../images/bg-sidenav.jpg); background-repeat:no-repeat; padding-right:10px; font-size:21px;-webkit-transition: all 0.5s; -moz-transition: all 0.9s; -o-transition: all 0.9s; -ms-transition: all 0.9s; transition: all 0.9s;}
#sidenav ul li a:hover{width:323px; height:50px; float:left; line-height:50px; color:#ffffff; text-decoration:none; background-image:url(../images/bg-sidenav-hover.jpg); background-repeat:no-repeat; padding-right:10px; font-size:21px;}
#sidenav ul li.active a{width:323px; height:50px; float:left; line-height:50px; color:#ffffff; text-decoration:none; background-image:url(../images/bg-sidenav-hover.jpg); background-repeat:no-repeat; padding-right:10px; font-size:21px;}

#footer{width:1000px; height:121px; background-image:url(../images/bg-footer.jpg); margin-top:3px; display:block;}
#footer-content{width:994px; margin:0 auto;}

#footer-left{float: left; width: 290px; text-align: left; color: #ffffff; font-size: 12px; padding-top: 23px; padding-left: 20px;}
#footer-left p{font-size:12px; line-height:14px; margin:0;}
#footer-right {float: left; width:658px; height:121px; padding-left: 26px; color:#ffffff;}
#footer-right p{font-size:26px; margin-top:23px; margin-bottom:7px;}

#footernav{float:left;}
#footernav ul{float:left;}
#footernav ul li:first-child{padding-left:0;}
#footernav ul li{display:inline; float:left; padding-left:14px;}
#footernav ul li a{color:#ffffff; text-decoration:none;}
#footernav ul li a:hover{color:#ffffff; text-decoration:underline;}

#social{float:right; margin-right:34px;}

#content ol{margin-left:20px; width:349px;}
#content ol li{margin-top:15px;}

#projects {float:right;}
#projects .moduletable{padding:0 15px 10px 15px; width:216px; float:right; background-image:url(../images/bg-latest-news.jpg); background-repeat:repeat-y; color:#FFFFFF; margin: 10px 0;}
#projects a{color:#ffffff; text-decoration:none;}
#projects ul{list-style:none; padding:0; margin:5px 0; width:auto; float:left;}
#projects ul li{margin:5px 0; clear:both; float:left;}
#projects p{width:auto; font-size:12px; line-height:14px;}
#projects .moduletable img{width:100%; height:auto;}
#projects .item-separator{margin:5px 0; height:1px; float:left; clear: both;}

#latestnews {float:left;}
#latestnews h2{margin:10px 0;}
#latestnews .moduletable{padding:0 15px 10px 15px; width:216px; float:right; background-image:url(../images/bg-latest-news.jpg); background-repeat:repeat-y; color:#FFFFFF; margin: 10px 0;}
#latestnews a{color:#ffffff;}
#latestnews ul{list-style:none; padding:0; margin:5px 0; width:auto; float:left;}
#latestnews ul li{margin:5px 0; clear:both; float:left;}
#latestnews p{width:auto; font-size:12px; line-height:14px;}
#latestnews .moduletable img{width:100%; height:auto;}
#latestnews .item-separator{margin:5px 0; height:1px; float:left; clear: both;}

#left .menu{list-style:none; float:right; margin-top:20px; padding-right:9px; width:323px;}
#left .menu li {float: right; clear: both; margin: 3px 0; text-transform: uppercase;}
#left .menu a{text-decoration:none;}

.items-more ol{list-style:disc;}

.wk-slideshow .slides li{margin:0;}

.items-leading{float:left; margin-top:20px;}
.items-leading img{width:100%;}
.items-leading .blog-feed-right a{text-decoration:none;}

.row{width: 100%;clear: both;margin:3px 0; float:left; font-size:13px;}

.blog-feed-left{width:38%; margin-right:2%; min-height:1px; float:left;}
.blog-feed-right{width:60%; float:left;}

.category-module-left{float: left; width: 45%; min-height:1px;}
.category-module-right{float: left; width: 50%; margin-left: 5%;}

.leading-0,.leading-1,.leading-2,.leading-3,.leading-4,.leading-5,.leading-6,.leading-7,.leading-8,.leading-9{float:left; clear:both; width: 100%;}

.item-separator{margin:15px 0; height:1px; float:left; clear: both;}

.breadcrumbs{float:left; width:100%;}
.breadcrumbs a{padding: 15px 0; display: block;}

.investors-info{float: left; width: 230px; margin-top:10px;}
#projects .investors-info p {font-size: 15px; padding: 10px; color: #ffffff; background: #6D6E71; margin: 0;}