/* Colors Used 
#888888
#D6ECFC,#BADCEE,#96C4E5,#2E90CD,#338DCD, #2273AC
*/
/* ***************************************

   Default styles

   *************************************** */

/* Reset Base Styles */
html, body, img, h1, h2, h3, h4, h5, h6, p{margin: 0;padding: 0;border: 0;outline: 0;}



/* remember to define focus styles! */
:focus {outline: 0;}
ul {list-style: none;}
em, i {	font-style:italic;}


/* tables still need cellspacing="0" (for ie6) */
table{border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;	font-weight: normal;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
th{background:#dfefff;font-weight:bold;}



/* Clear Float  ClearFix*/

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
.clearfix {display: inline-block;}

html[xmlns] .clearfix {	display: block;}

* html .clearfix {	height: 1%;}

body {text-align:left;margin:0 auto;padding:0;font: 12px arial, verdana normal;color: #444444;background-color: #FFFFFF;}

a {	text-decoration: none; -moz-outline-style: none;outline: none;color:#5F9303;}
a:visited{color:#5F9303;}
a:hover {color: #444444;text-decoration:none;}

img,img a, form{border:0;}

p{margin:2px 0; line-height:200%;}



h1, h2, h3, h4, h5, h6{font-family:  arial, 'Yanone Kaffeesatz', serif; }

h1{font-size:200%;}
h2{font-size:140%; }
h3{font-size:125%;color:#70ae01;}

input.button{color:#FFF;}


/* ***************************************

   Common Classes

   *************************************** */

.tube0t{padding-top:0px !important} .tube0r{padding-right:0px !important} .tube0b{padding-bottom:0px !important} .tube0l{padding-left:0px !important}

.tube5t{padding-top:5px !important} .tube5r{padding-right:5px !important} .tube5b{padding-bottom:5px !important} .tube5l{padding-left:5px !important}

.tube8 {padding:8px;}  .tube8x {padding-left:8px;  padding-right:8px;}   .tube8y {padding-top:8px;  padding-bottom:8px;}

.tube12{padding:12px;} .tube12x{padding-left:12px; padding-right:12px;}  .tube12y{padding-top:12px; padding-bottom:12px;}

.tube15{padding:15px;} .tube15x{padding-left:15px; padding-right:15px;}  .tube15y{padding-top:15px; padding-bottom:15px;}

.tube20{padding:20px;} .tube20x{padding-left:20px; padding-right:20px;}  .tube20y{padding-top:20px; padding-bottom:20px;}

.tube30{padding:30px;}

.tube5{padding:5px;}

.tube10{padding:10px;}

.tube5x{padding-top:5px; padding-left:20px;}

.tube20x{padding-top:5px; padding-left:30px; padding-right:30px; padding-bottom:30px;}



/* ***************************************

    PAGE LAYOUT - MAIN STRUCTURE

*************************************** */

.pagewidth{width: 980px;margin: 0 auto;}



#maincontainer{background-color: #FFFFFF;}

#header-wrapper{}

#center-wrapper{}

#footer-wrapper{}



#center-box{background:#fff url('tabs-bg.png') -120px left repeat-x;}



#content-column{}

#footer{background:#fff;}



.float-tube{overflow:hidden;}



div.three-col-rightsl, div.three-col-center, div.three-col-right, div.two-col-right, div.two-col-left{}



div.two-col-right{}

.two-col-right #spotlight{clear:both;padding-bottom:0px;border-bottom:6px solid #151515; margin-bottom: 10px;}

.two-col-right #content-column{margin:0 31% 0 0px;}

.two-col-right #side-left{float:left;width:31%;display:none;}

.two-col-right #side-right{float:right; width:31%;}



#spotlight img{}





div.three-col-center { }

.three-col-center #spotlight{clear:both; padding-bottom:0px;width:980px;border-bottom:6px solid #151515; margin-bottom: 10px;}

.three-col-center #content-column{margin:0 250px 0 168px; line-height:200%; text-align:justify; font-size:12px;}

.three-col-center #side-left{float:left;width:168px;}

.three-col-center #side-right{float:right; width:250px; }

.three-col-center #side-left ul, .three-col-center #side-right ul{margin:0; margin-top:0px; padding:0;}

.three-col-center #side-left li{margin:0;/*background: url(list_img.png) no-repeat scroll left center */;  padding:0px 0px;border-bottom:1px solid #CFCFCF; }

.three-col-center #side-left a{ color: #666666;display: block;padding: 8px 0 8px 20px;width: 147px;}
#leftmenu{margin-left:1px;}


.three-col-center #content-column ul{}

.three-col-center #content-column li{margin:0px; padding:0px; margin-left:10px; padding:3px 0;}



.three-col-center #content-column-home{margin:0 230px 0 230px; text-align:justify;}

.three-col-center #side-left-home{float:left;width:230px;  text-align:justify;}

.three-col-center #side-right-home{float:right; width:230px; }

#content-column-home h1{background:#70ae01; color: #FFFFFF;padding: 10px 8px;}

#side-left-home h1{background:#70ae01; color: #FFFFFF;padding:10px 8px;}
.maph1{background:#70ae01 url(show.jpg) center right no-repeat;margin-top:10px;cursor:pointer;padding:10px 8px;}
.maph1_hide{background:#70ae01 url(hide.jpg) center right no-repeat;margin-top:10px;padding:10px 8px;cursor:pointer}
.map span{font-size:13px;color:#fff}
#side-right-home h1{background:#70ae01; color: #FFFFFF;padding:10px 8px;}


.know-more{color: #6fae00; font-weight:bold; float:right;}

.know-more a{color: #6fae00;}

.read-more{color: #999999; font-weight: bold; float:right; font:Arial, Helvetica, sans-serif;}

.read-more a{color: #999999;}



.three-col-center #side-right-home ul{ margin:0px;padding:0px; margin-top:10px; }

.three-col-center #side-right-home li{background: url(list_arrow.png) no-repeat scroll left top; padding-left:20px; margin-top:2px; margin-bottom:7px; line-height:160%; }

.three-col-center #side-right-home a{ color:#555555;}



#navtitle{ background:url(leftnav-bg.png) no-repeat; height:32px; width:168px; }

#navtitle h2{ color:#FFFFFF; padding:5px 10px 6px 20px; font-family:Verdana, Arial, Helvetica, sans-serif}



.three-col-center #side-right ul{padding:0px;}

.three-col-center #side-right li{background: url(list_arrow.png) no-repeat center center; padding-left:20px; margin-top:2px; margin-bottom:7px; line-height:160%; }

.three-col-center #side-right a{ color:#666666;}



h1{ margin-bottom:10px; color:#5F9303;}

.three-col-center #content-column h2{font-size:160%;color:#5F9303;margin-bottom:10px;}

/****************************************

           Header and Footer

*****************************************/



/******* Header Elements ************/

#header{}

#headerNav{ clear:both; }


#logo{float:left;width:264px;height: 110px;}

#logo img{ padding:10px 20px 0 0}



#toplinks{float:right;color:#666;width:440px;}

.toplinks-text{float: right;padding:40px 2px 5px 20px;display:block; text-decoration:none; font-size:10px;}

.toplinks-text span{float: left;display:block;overflow:hidden;width:180px;text-align:right;}

.toplinks-text a{color: #666; text-decoration: none;}

.toplinks-text a:hover{color: #666; text-decoration: none;}

.toplinks-text img{    padding-bottom: 2px;
    padding-right: 4px;
    vertical-align: bottom;
    width: 12px;}

#searchBox{float:right; width: 300px; text-align:right;}

#searchBox input{margin:30px 20px 0px 0px;padding:2px;width:150px;border:1px solid #5BAADC;color:#588AB0;background:#fff url('search-bg.png') center right no-repeat;font-size:11px;}



/********* Footer ************/

#footer{ overflow:hidden; clear:both; border-top: 4px solid #222; margin-top:20px;}

#footer-links{margin:0 170px 0 170px;text-align:center;padding:2px 0;}

#footer-left{float:left;width:400px;margin:0px; text-align:left;}

#footer-right{float:right; margin:0px; text-align:right;}

#footer-bottom{clear:both;}
#footer a{color:#333333;}




/******************************************

          Navigations

*******************************************/



.nav-header{clear:both;overflow:hidden;}
.nav-header ul{width:980px;}




/******************************************

          Page Specific

*******************************************/

#page-header{}

#page-header small{font-size:90%;}

#page-header small a{font-size:90%;}

#page-header h1{border-bottom:1px dotted #338DCD;}

#page-body{line-height:150%;text-align:justify;}

#page-footer{}









.profile-pic {
    border: 2px solid #E8E8E8;
    border-radius: 8px 0 8px 0;
    -moz-border-radius: 8px 0 8px 0;
    webkit-border-radius: 8px 0 8px 0;
    float: left;
    margin:10px 0;
    padding: 0;
    width: 35px;

}



#profiles{ text-align:left; float:left; width:230px;}



#profile{ margin-right:10px; text-align:left; float:right;}

#profile-des{ clear:both;padding-top:2px; text-align:right; width:250px;}

#namepic-profile{ width:250px;text-align:left; float:left; margin-top:10px; }

#people-profiles{}

.quote-pic{ float:left; padding-right:10px;}

.quote{margin:0px;padding:0px;padding-top:10px;float:right;width:184px;}

.sec{padding-top:5px;}

.lower-nav{ font-size:120%; margin-top:20px; color:#5F9303; text-align:center;}

.lower-nav a{ color:#5F9303; text-decoration:none;}

.presentation{ font-size:110%; margin-top:10px; color:#5F9303; text-align:center;}

.presentation a{ color:#5F9303; }

.presentation a:hover{ text-decoration:underline;}

.email{ color:#507B01;}



#fadeshow{ height:229px;overflow:hidden;}

.client-css { text-align:right;}

.awards li{ list-style:disc;}

.news{color:#333; margin-top:10px;}

.content-hdcolor{color:#5F9303;}



#content-column .energy-bullets{ list-style: disc; }

#content-column .energy-bullets li{margin:0px;padding:0px; margin-left:20px;padding-bottom:5px;padding-top:5px; padding-left:10px;}



#content-column .dyna ol{margin:0px; padding:0px;}

#content-column .dyna li{margin:0px; padding:0px;}

.testimonials{ width:250px; margin-bottom:50px; float:left;}





#enq-form label{width:160px;display:block;padding-bottom:5px;}

#enq-form input{display:block;font-size:11px;}

#enq-form select{display:block;font-size:11px;}

#enq-form {padding:0 0;}



form {

  font-size: 12px;

  margin-top:10px;

  

  }

		

.forminput {

	  font-family:Verdana,Arial;

	  background-color: #FFFFFF;

	  color: #444;

	  border: 1px solid #ccc;

	  font-size: 11px;

	  padding: 3px;

 }

 

 td{ padding-bottom:5px;}

		

.button {

	  padding: 2px;

	  background-color: #689902;

	  color: #555;

	  border: 1px solid #ccc;

	  font-size: 11px;

	  font-variant:small-caps;

	  }

.formtext{font-size: 12px}
.sitemap-list ul{list-style:disc;}
.sitemap-list ul li{line-height: 180%;margin:10px;}
.sitemap-list ul li ul{list-style:circle;padding-left:10px;}
.sitemap-list ul li a{text-decoration:underline;color:#333333;}

/** new slide effect **/


		div#feature_list {
			width: 980px;
			height: 220px;
			overflow: hidden;
			position: relative;
			font-family:'Jura';
			
		    }
		div#feature_list h3 {
				padding:10px 0;
				
		/**	margin: 0;	
		
			font-size: 22px;
			text-transform:none;
			color:#fff;
			font-family:'Mako','Jura','Maven Pro';
			text-shadow:0px 1px 1px #111;**/
		    }
		
		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
			background:url('right_bg1.png') no-repeat;
		    }

		ul#tabs {
			right: 0;
			z-index: 2;
			width: 260px;
			height:220px;
			
		    }

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
			 margin: 6px 0;
		    } 
		
		ul#tabs li img {
			/**padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;**/
	     	}

		ul#tabs li a {
			color: #fff;
			text-decoration: none;	
			display: block;
			padding:12px 50px;
			height: 42px;
			outline: none;
			margin:4px 0;
     		}

		ul#tabs li a:hover {
			text-decoration: none;
		    }

		ul#tabs li a.current {
			background:url('spotlight_menu_bg11.png') no-repeat;/*#70ae01;*/
			color: #FFF;
			margin-left: -41px;
            width: 265px;
            padding:12px 50px;
           
		    }

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		    }

		ul#output {
			left: 0;
			width: 720px;
			height: 220px;
			position: relative;
			
		    }

		ul#output li {
			position: absolute;
			width: 720px;
			height: 220px;
		    }

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		    }
		
		ul#output li a:hover {
			background: #D33431;
		    }
		.current h3,.current p,.current h3 {margin-left:41px !important;}
		.current 
		
		
		.tabs_text{}
		.tabs_text h3{text-align:left;}
		.tabs_text p{text-align:left;}
		.tabs_text a.current:hover{text-align:left;}
/** end **/
.radius a:hover{border-radius:2px 0 0 0;}
#content_column_box{float: left; margin: 0 0 0 20px;width: 230px;}
#center-box 
#events-home a{color:#444444;}
#events-home a:hover{color:#444444;}
#events-home ul{padding:0;margin:0;}
#events-home li{padding:5px;}

#news_events{float: right;width: 700px;color:#95c243;padding:20px 10px 0 0;font-size:12px;}
/** scroll **/
 div.scroller{
	         display: block;
			 height: 24px;
             overflow: hidden;
             position: relative;
             width: 700px;
	    }
div.scrollingtext{
	        position:absolute;
	        white-space:nowrap;
	        font-family: arial,verdana normal;
	        font-size:13px;
	        font-weight:normal;
	        color:#95C243;
	    }
div.scrollingtext a:hover{color:#5F9303;}

.current{background:#70AE01;color: #FFFFFF !important;padding: 10px 2px;width: 163px;}



.pics {  
    height:  232px;  
    width:   246px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 2px;  
    border:  0px solid #ccc;  
    background-color: #eee;  
    width:  245px; 
    height: 200px; 
    top:  0; 
    left: 0 
} 

.countries{font-weight:bold}

.contract, #food, #water,#energy{list-style-type: square;margin-left: -2em;}
.caption{font-style:italic}
.contract-nav{background: url(contract-leftnav-bg.png) no-repeat !important;
				height: 55px !important; 
				width: 168px;
}
.media-img{text-align:center;}
#overlay_img {
    float: left;
    margin-top:-357px;
    opacity: 0.94;
    overflow: hidden;
	position:relative;
	}