/* CSS Document */
body{
background:url(images/body_bg.jpg) repeat-x top #003C00;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
body.inner{
background:url(images/body_inner.gif) repeat-x top #003C00;
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
form{
padding:0;
margin:0;
}
a:focus{outline:none;
}
p{
padding:0;
margin:0;
line-height:18px;
}
a{
color:#9EDA25;
text-decoration:none;
}
a:hover{
color:#9EDA25;
text-decoration:underline;
}
h1{font-size:22px; color:#fff;}
img{
border:none;
}
.clear{
clear:both;
}
#contenair{
width:1000px;
margin:0 auto 0 auto;
}
#header{
width:1000px;
height:69px;
padding-top:20px!important;padding-top:19px;
}
#logo{
float:left;
}
#slogan{
float:right;
margin-top:4px;
}
/*top navigations*/
.top_links {
float:left;
height:41px;
width:1000px;
background:url(images/nav_bg.jpg) top no-repeat;
font-size:14px;
color:#E9F2ED;
}
.top_links a{
float:left;
display:block;
width:145px;
text-decoration:none;
padding:12px 10px 10px 10px;
font-size:13px;
text-align:center;
color:#E9F2ED;
font-weight:bold;
outline:none;
}
.top_links a:hover{
float:left;
display:block;
background:url(images/home_hover.jpg) center no-repeat;
width:145px;
text-decoration:none;
text-align:center;
color:#E9F2ED;
height:19px;
font-weight:bold;
}
.top_links a.onpage{
float:left;
display:block;
background:url(images/home_hover.jpg) center no-repeat;
width:145px;
text-decoration:none;
text-align:center;
color:#E9F2ED;
height:19px;
font-weight:bold;
}
#main_content_holder{
float: left; 
width:1000px;
}
.main_content_holder{
float: left; 
width:1000px;
}
.img_wrap_one a{
float:left;
width:165px;
height:410px;
background:url(images/img_1_grey.gif) no-repeat;
text-decoration:none;
}
.img_wrap_one a:hover{
float:left;
background:url(images/img_1.jpg) no-repeat;
width:165px;
height:410px;
text-decoration:none;
}
.img_wrap_two a{
float:left;
width:165px;
height:410px;
background:url(images/img_2_grey.gif) no-repeat;
text-decoration:none;
}
.img_wrap_two a:hover{
float:left;
background:url(images/img_2.jpg) no-repeat;
width:165px;
height:410px;
text-decoration:none;
}
.img_wrap_three a{
float:left;
width:165px;
height:410px;
background:url(images/img_3_grey.gif) no-repeat;
text-decoration:none;
}
.img_wrap_three a:hover{
float:left;
background:url(images/img_3.jpg) no-repeat;
width:165px;
height:410px;
text-decoration:none;
}
.img_wrap_four a{
float:left;
width:165px;
height:410px;
background:url(images/img_4_grey.gif) no-repeat;
text-decoration:none;
}
.img_wrap_four a:hover{
float:left;
background:url(images/img_4.jpg) no-repeat;
width:165px;
height:410px;
text-decoration:none;
}
.img_wrap_five a{
float:left;
width:165px;
height:410px;
background:url(images/img_5_grey.gif) no-repeat;
text-decoration:none;
}
.img_wrap_five a:hover{
float:left;
background:url(images/img_5.jpg) no-repeat;
width:165px;
height:410px;
text-decoration:none;
}
.img_wrapper{
float:left;
width:165px;
}
.login_wrap{
float:right;
width:150px;
padding:25px 5px 0 20px;
font-size:11px;
color:#CCE6E0;
font-weight:bold;
}
.login_field{
float:left; 
width:150px; padding:3px 0 3px 0;
}
.login_head{
float:left;
width:150px; padding:3px 0 15px 0;
font-size:14px;
}
.input_id{
border:none; 
width:140px;
height:20px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
.input_pass{
border:none; 
width:100px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
vertical-align:middle;
}
.login_txt{
float:left; 
width:150px;
font-weight:normal;
font-size:11px;
color:#C8F0C8;
line-height:16px;
padding:3px 0 3px 0;
}
.login_txt a{
font-weight:normal;
font-size:11px;
color:#7BDC7B;
text-decoration:none;
}
.login_txt a:hover{
font-weight:normal;
font-size:11px;
color:#fff;
text-decoration:underline;
}
.mid{
vertical-align:middle;
}
.black_strip{
	background:#000;
	padding:0 10px 0 10px;
	height:60px;
	font-size:13px;
	color:#EDF2EF;
	line-height:17px;
	font-weight:bold;
	width:805px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: .4; /* mozilla */
	position:absolute;
	top: 480px;
}
.news_update{
	position:absolute;
	top: 511px!important; top: 510px;
/*background:url(images/bottom_bg.gif) no-repeat; */
background:#E6F0EE;
padding:0 0 5px 50px; 
height:24px; 
font-size:11px; 
font-weight:bold; 
color:#536360; 
width:775px;
margin:0 auto 0 0;
float:left;
}
/*footer area links css*/
#footer{
margin:0; 
}
#footer_inner{
margin:0;
float:left;
width:830px;
}
#copyright{
float:left;
font-size:11px;
font-family:verdana;
color:#CCE6E0;
padding-top:15px;
width:820px;
}
#footer_link a{
float:right;
display:block;
color:#CCE6E0; 
font-size:12px;
width:75px;
height:15px;
text-align:center;
padding:5px 10px 5px 10px;
font-family:verdana;
text-decoration:none; 
}
#footer_link a:hover{
float:right;
display:block;
color:#CCE6E0; 
font-size:12px;
width:75px;
padding:5px 10px 5px 10px;
/* background:url(images/footer_hover.gif)  center no-repeat; */
font-family:verdana;
text-decoration:none; 
}
#footer_menu {
float:left;
width:80px;
padding:10px;
text-align:left;
margin-left:15px;
}
#footer_menu a{
display:block;
float:left;
color:#CCE6E0; 
font-size:12px;
font-family:verdana;
text-decoration:none;
padding:0px 0;
margin:5px 0;
}
#footer_menu a:hover{
color:#CCE6E0;
/*background:url(images/footer_hover.gif) left no-repeat;*/
text-decoration:none;
text-decoration:underline;
/* border-right:2px solid #CCE6E0; */
padding-right:6px;
}
#footer_menu .on{
color:#CCE6E0;
text-decoration:none;
/* border-right:2px solid #CCE6E0; */
padding-right:6px;
}
/*inner css*/
.main_content{
float:left; 
width:580px;
height: 380px;
margin-top:7px;
padding:0px 40px 10px 40px;
text-align:justify;
font-size:13px; 
font-weight:bold; 
color:#fff;
overflow: hidden;
position: relative;
}
.inner_link{
font-size:12px;
color:#D5DFDA;
}
.inner_link a{
font-size:12px;
color:#D5DFDA;
text-decoration:none;
}
.inner_link a:hover{
font-size:12px;
color:#87A8A2;
text-decoration:none;
}
.inner_link a.on{
font-size:12px;
color:#87A8A2;
text-decoration:none;
}

/*tab links */
#default_text {
	position:absolute;
	float:left;
	padding:10px;
	font-size:13px;
	color:#EDF2EF;
	line-height:17px;
	font-weight:bold;
	z-index:2;
	width:806px;
	top: 483px;
		text-align:center;
	}

#home_text {
	position:absolute;
	float:left;
	padding:10px;
	font-size:13px;
	color:#EDF2EF;
	line-height:17px;
	font-weight:bold;
	z-index:2;
	visibility:hidden;
	top: 484px;
	width:806px;
		text-align:center;
}

#about_text {
	position:absolute;
	float:left;
	padding:10px;
	font-size:13px;
	color:#EDF2EF;
	line-height:17px;
	font-weight:bold;
	z-index:4;
	width:806px;
	visibility:hidden;
	top: 498px;
		text-align:center;
}

#sector_text {
	position:absolute;
	float:left;
	padding:10px;
	font-size:13px;
	color:#EDF2EF;
	width:806px;
	line-height:17px;
	font-weight:bold;
	z-index:4;
	visibility:hidden;
	top: 499px;
		text-align:center;
}


#service_text {
	position:absolute;
	float:left;
	width:806px;
	padding:10px;
	font-size:13px;
	color:#EDF2EF;
	line-height:17px;
	font-weight:bold;
	z-index:4;
	visibility:hidden;
	top: 495px;
	text-align:center;
}
#team_text {
	position:absolute;
	float:left;
	width:806px;
	padding:10px;
	font-size:13px;
	color:#EDF2EF;
	line-height:17px;
	font-weight:bold;
	z-index:4;
	visibility:hidden;
	top: 495px;
	text-align:center;
}
/*inner css menus*/
.top_link_head{
float:left;
font-family:verdana;
padding:10px; 
width:145px; 
font-size:15px; 
font-weight:bold; 
color:#808080; 
}
.menu_wrap{
float:left;
padding-left:10px;
padding-bottom:10px;
}
.sub_menu {
width:175px;
float:left;
height:410px;
background:url(images/shadow.jpg) left top no-repeat ; 
}
.menu_wrap a{
float:left;
font-family:arial;
font-size:14px;
color:#fff;
display:block;
padding:5px;
font-weight:bold;
margin:2px;
width:135px;
text-decoration:none;
}
.menu_wrap a:hover{
float:left;
font-family:arial;
font-size:14px;
color:#fff;
background:url(images/green_hover_new.gif) no-repeat center;
padding:5px;
font-weight:bold;
text-decoration:none;
display:block;
}
.menu_wrap a.on{
float:left;
font-family:arial;
font-size:14px;
color:#fff;
background:url(images/green_hover_new.gif) no-repeat center;
padding:5px;
font-weight:bold;
text-decoration:none;
display:block;
}
.testi_wrap{
float:left;
line-height:18px;
font-size:13px;
width:145px;
padding:10px 5px 0 15px;
line-height:20px;
margin-top:210px;
color:#FFFFFF;
}
#home_color {
background:url(images/for_sector.jpg) top no-repeat;
float:left;
width:165px;
height:410px;
}
#wind_color {
background:url(images/sc1.jpg) top no-repeat;
float:left;
width:165px;
height:410px;
}
img.coat {
margin-right:10px;
margin-bottom:5px;
vertical-align:bottom;
}
img.coat_bot {
margin-left:5px;
margin-top:5px;
vertical-align:top;
float:right;
}
/*contact us page css*/
.contact_address{
float:left; 
width:600px;
margin-top:7px;
padding:0px 10px 10px 50px;
text-align:justify;
font-size:13px; 
font-weight:bold; 
color:#fff;
}
#contact_img1 {
background: url(images/contact_img1.jpg) top no-repeat;
float:left;
width:165px;
height:410px;
}
.contact_img2 {
width:175px;
float:left;
height:410px;
background:url(images/contact_img2.jpg) left top no-repeat ; 
}
/*manage page css*/
#manage_wrap {
background:url(images/color_5.jpg) top no-repeat;
float:left;
width:165px;
height:410px;
}
.management_rgt {
width:175px;
float:left;
height:410px;
background:url(images/mgt_bg.jpg)left top no-repeat ; 
}
.mtesti_wrap{
float:left;
line-height:18px;
font-size:13px;
width:145px;
padding:10px 5px 0 15px;
line-height:20px;
color:#FFFFFF;
}
.director1{
padding:10px; 
margin-top:10px; 
text-align:center;
}
.img_frame{
padding:5px; 
border:1px solid #fff; 
background:#6B6868;
}
/*about introduction css*/
#about_left {
background:url(images/for_about_left.jpg) top no-repeat;
float:left;
width:165px;
height:410px;
}
.intro_bg {
width:175px;
float:left;
height:410px;
background: url(images/intro_bg.jpg) left top no-repeat ; 
}
.ourclients_bg{
width:175px;
float:left;
height:410px;
background:url(images/our_client_bg.jpg) left top no-repeat ; 
}
.media_bg{
width:175px;
float:left;
height:410px;
background:url(images/media_cov_bg.jpg) left top no-repeat ; 
}
/*service inner link css*/
#services_left {
background:url(images/sector_left.jpg) top no-repeat;
float:left;
width:165px;
height:410px;
}
.ser_intro_bg {
width:175px;
float:left;
height:410px;
background:url(images/ser_intro.jpg) left top no-repeat ; 
}
.advising_bg{
width:175px;
float:left;
height:410px;
background:url(images/ser_advising.jpg) left top no-repeat ; 
}
.financing_bg{
width:175px;
float:left;
height:410px;
background:url(images/ser_financing.jpg) left top no-repeat;  
}
.investing_bg{
width:175px;
float:left;
height:410px;
background:url(images/ser_investing.jpg) left top no-repeat;  
}
/*contact inner link css*/
#direction_left {
background:url(images/direction_left.jpg) top no-repeat;
float:left;
width:165px;
height:410px;
}
#london_left {
background:url(images/london_office_left.jpg) top no-repeat;
float:left;
width:165px;
height:410px;
}
#recruitment_left {
background:url(images/recruitment_left.jpg) top no-repeat;
float:left;
width:165px;
height:410px;
}
.london_right {
width:175px;
float:left;
height:410px;
background:url(images/london_office.jpg) left top no-repeat ; 
}
.recruitment_right{
width:175px;
float:left;
height:410px;
background:url(images/recruitment.jpg) left top no-repeat ; 
}
.direction_right{
width:175px;
float:left;
height:410px;
background:url(images/contact_direction.jpg) left top no-repeat;  
}
/*sector inner link css*/
#sector_left {
background:url(images/for_sector.jpg) top no-repeat;
float:left;
width:165px;
height:410px;
}
.sector_introduction_right {
width:175px;
float:left;
height:410px;
background:url(images/sector_right.jpg) left top no-repeat ; 
}
.sector_hydro{
width:175px;
float:left;
height:410px;
background:url(images/hydro_bg.jpg) left top no-repeat ; 
}
.Photovoltaic_right{
width:175px;
float:left;
height:410px;
background:url(images/photovac.jpg) left top no-repeat;  
}
.biogas_right{
width:175px;
float:left;
height:410px;
background:url(images/biomass_bg.jpg) left top no-repeat;  
}
.sector_windassets {
width:175px;
float:left;
height:410px;
background:url(images/wind_asset.jpg) left top no-repeat; 
}
/*pop up css*/
.overlay {
	height: 1000px;
	width: 100%;
	position: absolute;
	background-color: #000;
	opacity: 0.8;
	z-index: 10;
	filter: alpha (opacity=60);
}
.contact_form {
	position: absolute;
	z-index: 12;
	font-size:13px;
	width: 50%;
	left: 25%;
	background: #fff;
	height:auto;
	line-height:22px;
	top: 70px;
	padding:10px;
	text-align:justify;
	border: solid 3px #003C00;
}
.clz {
	float: right;
	margin: 10px 10px 0 0;
	cursor: pointer;
}
.contact_form h4 {
	font-size: 18px;
	color: #444;
	padding:0;
	margin:0;
}
.contact_form form {
	padding: 5px 40px;
	font-size: 14px;
	color: #2ba3e7;
}



/* Internal Scroller Styles */

#mycustomscroll {
/* percentage width without the fix*/
width: 640px;
height: 100px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #E7EADE;
margin: 0.1em auto;
padding: 5px;
}

#mycustomscroll2 {
/*percantage width: make it 100% to match container*/
width: 638px;
height: 335px;
overflow:auto;
/* IE overflow fix, position must be relative or absolute*/
/*position: relative;*/
float:left;
margin: 0 0 0 -5px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding:5px;
}
.scroller_wrap{
float:left; 
width:650px;
padding-left:10px;
margin-top:7px;
/*padding:0px 10px 10px 10px;*/
font-size:13px; 
font-weight:bold; 
color:#fff;
}

#mycustomscroll20 {
/*percantage width: make it 100% to match container*/
width: 580px;
height: 400px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
margin: 5px auto 10px 0px;
/* negative left margin to compensate for the padding,
not related to fleXcroll, and may not be needed elsewhere */
padding: 5px;
padding-right: 15px;
}


/*
percentage width: the real percentage is done by the wrapper
this is to fix various IE6 bugs
*/
.percentagewrap {
width:650px;
float:left;
}

.fixedwidth {
/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
width: 430px;
height: auto;
position: relative;
color: black;
padding: 1px;
}
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
height:5px;
}

.vscrollerbase {
width: 10px;
/*background-color: #4B5A57;*/
cursor: pointer;
}
.vscrollerbar {
width: 10px;
background-color: #242B29;
cursor: pointer;
}
.hscrollerbase {
height: 5px;
background-color: #8d5c31;
}
.hscrollerbar {
height: 3px;
background-color: #003366;
}
.scrollerjogbox {
width: 10px;
height: 3px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}
p.textpad{
padding:0 20px 0 0;
}
/* 11 2 2009 css*/
em{
font-weight:normal;
}
ul{
padding:0 0 0 10px;
margin:0;
/*list-style-type:square;*/
list-style:inside;
}
li{
list-style-type:square;
padding-bottom:7px;
}
span.clr{
color:#9EDA25;
}
blockquote{
margin:0;
padding:0 0 0 20px;
}
/*site map css*/
.sm_wrap{
float:left;
width:640px;
}
.sm_box{
float:left; 
width:190px;
padding-left:23px;
}
.sm_head{
float:left;
margin:5px auto;
padding:5px 0 5px 10px; 
width:180px;
background:#393F3E;
}
.sm_head a{
text-decoration:none;
color:#9EDA25;
}
.sm_head a:hover{
text-decoration:underline;
color:#9EDA25;
}
.smlink ul{
float:left;
padding:0 0 0 10px;
font-weight:normal;
margin:0;
/*list-style-type:square;*/
list-style:inside;
}
.smlink li{
list-style-type:square;
font-weight:normal;
padding:3px 0;
}
.smlink li a{
text-decoration:none;
color:#fff;
}
.smlink li a:hover{
text-decoration:underline;
color:#fff;
}
/*fo thick box*/
#sexyBG { display: none; position: absolute; background: #000; opacity: 0.7; -moz-opacity: 0.7; -khtml-opacity: 0.7; filter: alpha(opacity=40); width: 100%; height: 100%; top: 0; left: 0; z-index: 99; }
#sexyBOX { display: none; position: absolute; background: #b9e77b; color: #333; font-size: 1.2em; text-align: center; border: 1px solid #111; top: 70px; z-index: 100; }
.sexyX { font-size: 12px; color: #ddd; padding: 4px 0; border-top: 1px solid #636D61; background: #778574; }

/*wordpress  link css*/
#wordpress_left {
background: #333333 top no-repeat;
float:left;
width:165px;
height:410px;
}


#big_effect {margin:0; padding:0;}


#default_text a {color: white}
.archive-list a {color: white}

/* ******* */
div .contact_form h4 {padding-top: 12px; padding-bottom: 7px;}

