@charset "utf-8";
/* CSS Document */
html { padding:0; margin:0;}

body { margin:0; padding:0; width:100%;  background:#dadada url(w3lab_images/header_bg.gif) top  repeat-x; }
.header { margin:0; padding:0;}
.header_resize { margin:0 auto; padding:0; width:1024px;}
.header_text_bg a {
	color:#C0FD00;
	text-decoration: underline;
}
.h20{padding-top:20px;}
.w3lab_logo{
	float:left;
	width:230px;
	height:116px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}
.w3lab_logo a{ color:#777677; text-decoration:none;}
.w3lab_logo a img{border:none;}
.w3lab_company{
	float:left;
	width:400px;
	color:#BCC2CD;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
	height: 116px;
}
span{font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#009900; text-decoration:none;}
h1{font:bold 40px/1.2em Arial, Helvetica, sans-serif; width:auto;}
h1 span {
	color:#11B003;
	font-size:40px;
}
h1 small {
	font:normal 13px/1.2em Arial, Helvetica, sans-serif;
	color:#11AD07;
}
.banner{margin:0 auto;width: 1024px;}

.header_text_bg {
	padding:0;
	background:url(w3lab_images/header_bg_center.gif) top center;
	height:330px;
	width: 1024px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
}
/*menu*/
.menu { padding:0 0 0 20px; margin:0 ; width:910px;  float:left; }
.menu ul {  padding:0; margin:0; list-style:none; border:0; float:left;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:17px 15px; color:#fff; font:bold 12px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { background:#65a32e; }
.menu ul li a.active { background:#65a32e; }
.header_text_bg h2 { font: bold 24px Arial, Helvetica, sans-serif; color:#fcfdfe; padding:10px 0; margin:0;}
.header_text_bg p { font: bold 16px Arial, Helvetica, sans-serif; color:#fcfdfe; padding:5px; margin:0; line-height:1.7em;}
.header_text_bg p span { color:#a2cf58; font-weight:bold;}
.header_text_bg img { float:right; margin:0; padding:24px 60px 0 0;}
.header_text_bg_resize { width:500px; float:left; padding:40px 0 0 30px; margin:0;}
.body_resize {
	background:#fff;
	width:900px;
	font: normal 11px Arial, Helvetica, sans-serif;
	color:#000000;
	height:700px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 10px;
	padding-left: 35px;
}
#ht{height:820px;}
.body {
	float:left;
	background:#dadada;
	width:100%;
	margin: 0;
	padding:0;
}
.left {
	width:260px;
	height:auto;
	float:left;
	height:auto;
}
/*------left section-----*/

.left_box_border{
width:250px;
height:auto;
border:1px #CCCCCC solid;
padding:2px;
margin-top:22px;
}
.left_box{
width:250px;
height:auto;
background:url(w3lab_images/box.jpg) no-repeat top;
padding-top:10px;
}
#login{
padding:10px;
}
.input{
width:140px;
height:12px;
font-size:10px;
}
.submit{
float:right;
margin-right:30px;
margin-top:5px;
}
img.pic{
float:left;
padding:10px;
}
.title{
	font-size:14px;
	font-weight:bold;
	color:#108002;
}
.title a{
	text-decoration:none;
	font-weight:bold;
	color:#10A007;
}

.content{
padding:5px;
text-align:justify;
}
/*------right section-----*/
#right_section{
font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px;
line-height:18px;
width:600px;
height:auto;
float:right;
}
.right_box{
margin:20px 10px 10px 0;
}
.portfolio{

margin:20px 10px 10px 0;
text-align:justify;
width:100%;
height:auto;

}
.portfolio p{padding-left:10px; line-height:25px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;}
.portfolio span{
	font-size:14px;
	line-height:25px;
	color:#00CC00;
 font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	
}

img.pic_border{
float:left;
padding:2px;
margin-right:15px;
border:1px solid #CCCCCC;
}
.title_small{
	font-size:12px;
	font-weight:bold;
	color: #108002;
}
#right_box_1{
	width:250px;
	height:280px;
	float:left;
	border-right:3px #B3B5B8 solid;
	padding:10px 1px 10px 10px;
	
}
#right_box_2{
	width:300px;
	height:280px;
	float:left;
	
	padding:10px 1px 10px 10px;
	
}
.our_team{
width:180px;
height:280px;
	float:left;

	padding:10px 1px 10px 10px;
}
#right_box_2{
width:300px;
height:280px;
float:left;
margin:10px 5px 10px 1px;
padding-left:12px;
border-left:1px  #CCCCCC solid;
text-align:justify;
}
.news_box{
padding:10px 0 0 0;
clear:both;
}
img.pic_news{
float:left;
padding:0px 10px 10px 10px;
}
.news_submenu{
clear:both;
float:left;
padding-top:5px;
margin-left:10px;
border-bottom:1px #CCCCCC solid;
}
.news_link{
float:left;
padding-right:30px;
}
.news_link a{
text-decoration:none;
color:#999999;
}
.news_link a:hover{
text-decoration:none;
color:#000;
}
ul.services {
list-style-type:none; float:left; display:block; width:auto; height:20px; 
margin:0px; padding:10px 0 0 2px;}

ul.services li {
display:inline;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(w3lab_images/bullet.png) no-repeat left; color:#000;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(w3lab_images/bullet_a.png) no-repeat left; color:#000000;}

#w3lab_footer{
margin:0 auto;
padding:0;
width:994px;
height:58px;
background:url(w3lab_images/w3lab_footer.gif) no-repeat;
color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 10px;
	font-style: normal;
}
#footer_copyrites{
	float:left;
	padding-top: 28px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 60px;

}
#footer_valid{
float:right;
width:260px;
height:35px;
color:white;
padding-top:18px;

}
/********** contact form **********/
#contactform { margin:0; padding:5px; }
#contactform * { color:#222222; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; }
#contactform label { margin:0; width:110px; display:block; padding:10px 0; color:#666; font: normal 12px Arial, Helvetica, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#6e6e6e; }
#contactform input.text { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:5px 2px; height:16px; background:#f5f5f5; float:left; }
#message { width:480px; border:1px solid #c0c0c0; margin:2px 0; padding:2px; background:#f5f5f5; float:left; }
#contactform li.buttons input {
	color:#fff;
	float:left;
	font: normal 12px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	background-color: #7EB133;
}
p.response { text-align:center; color:#F00; font: bold 11px Georgia, "Times New Roman", Times, serif; line-height:1.8em; width:auto; }
#quotation{
float:left;}

#quotation img{border:none; float:left}