@charset "UTF-8";
@import url(navigation.css);
@import url(slideshow.css);
body {
	padding : 0;
	margin : 0;
	font : 12px/18px Arial, Helvetica, sans-serif;
	color : #272626;
	background:#fff;
}
td{font : 12px/18px Arial, Helvetica, sans-serif;
	color : #272626;}
div, h1, h2, h3, h4, p, img, ul, ol, li, form, input, textarea {
	padding : 0;
	margin : 0;
}
p {
	padding : 0 0 12px 0;
	margin : 0;
}
ul {
	list-style : none;
}
img {
	outline : none;
	border : none;
}
a {
	outline : none;
	text-decoration : none;
}


/*-------------------x----------------*/

.whiteText{ color:#fff;}
.fontSize36{ font-size:36px;  line-height:40px;}
.fontSize20{ font-size:20px;  line-height:30px;}
.fontSize18{ font-size:18px;  line-height:22px;}
.fontSize16{ font-size:16px;  line-height:20px;}
.fontSize14{ font-size:14px;  line-height:18px;}
.fontSize11{ font-size:11px;  line-height:14px;}

.blackLink{ color:#000; text-decoration:none;}
.blackLink:hover{ color:#fff; text-decoration:none; background:#97BE0D; padding:0 4px 0 4px;}

.yellowLink{ color:#000; text-decoration:none; background:#F6A800; display:inline; padding:2px 4px 2px 4px;}
.yellowLink:hover{ color:#FFFFFF; background:#666666;}

.greenLink{ color:#A1C425; text-decoration:none;}
.greenLink:hover{ text-decoration:none;}

.grayBg{ background:#ECF3D9;}

.greenHeading{ 
	font:14px/20px arial; 
	font-weight:bold; 
	color:#000;
 	text-align:center;
	background:#A1C425;
	display:block;
	margin:0 0 1px 0;
  	}

.greenHeadingNw{
	font:14px/20px arial; 
	font-weight:bold;
	color:#000;
	text-align:center;
	background:#96BF0D;
	display:block;
	}

.greenHeadingLink{ 
	font:14px/20px arial; 
	font-weight:bold; 
	color:#000;
 	text-align:center;
	background:#A1C425;
	display:block;
	margin:0 0 1px 0;
	text-decoration:none;
}
.greenHeadingLink:hover{ 
	font:14px/20px arial; 
	font-weight:bold; 
	color:#000;
 	text-align:center;
	background:#A1C425;
	display:block;
	margin:0 0 1px 0;
	text-decoration:none;
}

/*-------------------x----------------*/

/*----------------start header---------------*/
.wrap{ width:100%; float:left;}
#header{
	width:990px;
	margin:0 auto;
	height:100px;
	position:relative;
  	background:url(images/header_img.gif) 7px top no-repeat; 
 	}
#logo{
  	float:left;
	width:auto; 
	height:100px;
	padding-left:7px;
 }
 
#search{ width:190px; float:right; text-align:right; position:relative; padding:38px 0 0 0;} 
.searchInput{
	border:#000 1px solid;	
	padding:1px 2px 0px 8px;
	color:#9C9D9F;
	text-align:center;
	height:18px;
	margin-right:3px;
 	}
.searchBtn{height:21px; width:22px;  background:url(images/search-btn.gif) top left no-repeat; border:0px; cursor:pointer;}
 
/*----------------end header---------------*/

/*----------------start menu---------------*/

#topNav{
	width:990px;
	margin:0 auto;
	position:relative;
	height:35px;
}

#topNav ul{ display:block; float:left; padding-top:8px; padding-left:15px; width:975px; }

#topNav li{
	display:block;
	list-style-type:none;
	float:left;
	width:auto;
	height:15px
}

#topNav li a{
	display:block;
	float:left;
	height:15px;
	width:auto;
	line-height:11px;
	background:url(images/top-menu.gif) top left no-repeat;
}

#topNav li .home{ width:120px;  background-position:left top; }
#topNav li .home:hover, #topNav li .home_active{ width:121px; background-position: 0 bottom; position:relative; margin-right:-1px;}

#topNav li .about{ width:122px; background-position:-120px top; }
#topNav li .about:hover, #topNav li .about_active{ width:123px; background-position:-120px bottom; position:relative; margin-right:-1px;}

#topNav li .services { width:122px; background-position:-242px top; }
#topNav li .services:hover, #topNav li .services_active{ width:123px; background-position:-242px bottom; position:relative; margin-right:-1px;}

#topNav li .project { width:122px; background-position:-364px top; }
#topNav li .project:hover, #topNav li .project_active{ width:123px; background-position:-364px bottom; position:relative; margin-right:-1px;}

#topNav li .news { width:122px; background-position:-486px top; }
#topNav li .news:hover, #topNav li .news_active{ width:123px; background-position:-486px bottom; position:relative; margin-right:-1px;}

#topNav li .client { width:122px; background-position:-608px top; }
#topNav li .client:hover, #topNav li .client_active{ width:123px; background-position:-608px bottom; position:relative; margin-right:-1px;}

#topNav li .join { width:122px; background-position:-730px top; }
#topNav li .join:hover, #topNav li .join_active{ width:123px; background-position:-730px bottom; position:relative; margin-right:-1px;}

#topNav li .contact { width:123px; background-position:-852px top; }
#topNav li .contact:hover, #topNav li .contact_active{ width:123px; background-position:-852px bottom; position:relative; margin-right:-1px;}

/*----------------end menu---------------*/
  
/*----------------start meinContant---------------*/
 #meinContant{
 	width:990px; 
 	margin:0 auto;
	position:relative;
	margin-top:3px;
	}
.centerCol{ padding:0 0 0 7px;}
.cBox{ padding:20px 15px 10px 15px;}
.cBox li{
	padding:0 0 8px 10px;
	display:block;
	background:url(images/bullet.gif) top left no-repeat;
	}
.list{ padding:5px 0 15px 0;}
.list li{
	padding:0 0 8px 10px;
	display:block;
	background:url(images/bullet.gif) top left no-repeat;
	}
.leftImgBox{ border-top:2px #fff solid;}
.leftImgBox li{ width:246; display:block; height:auto; border-top:3px #fff solid; overflow:hidden; }


.leftMenu{ padding:0 0 15px 0; 	border-top:2px #fff solid; }
.leftMenu li{ 
	display:block;
	font-size:12px;
	line-height:18px;
 	}
.leftMenu a{ color:#000000; display:block; height:1%; border-bottom:3px #fff solid; padding:10px 0 10px 15px;}
.leftMenu a:hover, .leftMenu a.active{ color:#000; background:#D5E3A4;}

.rightMenu{ padding:0 0 15px 0; border-top:2px #fff solid; }
.rightMenu li{ 
	display:block;
 	line-height:18px;
 	}
.rightMenu a{ color:#000000; display:block; height:1%; border-bottom:3px #fff solid; padding:10px 0 10px 20px;}
.rightMenu a:hover, .rightMenu a.active{ color:#000; background:#FFF6A6;}

.pThumbOuter{
	width:147px;
	height:130px;
	float:left;
	overflow:hidden;
	align:right;
	}
.thumb{
	width:132px;
	height:95px;
	overflow:hidden;
 	background:#D9DADB;
	}
.pDis{
	width:132px; 
 	text-align:center;
	font:10px/12px arial;
	padding-top:6px;
	}

.disable{opacity:.3; filter:alpha(opacity=30);}
#news{ margin-top:10px;}
#news td{
	padding:8px 8px 8px 10px;
	border-bottom:#fff 3px solid;
	}
.date{ border-right:#fff 3px solid; background:#DEE9BB;}
.newsContent{background:#ECF3D9;}
#news a{ color:#000000;}
#news a:hover{ color:#000000; text-decoration:underline;}
/*----------------start footer---------------*/
#footerOuter{ padding:10px 0 10px 0; float:left; width:100%;}
#footer{  
 	border-top:#000 1px solid;
	width:990px; 
	margin:0 auto;
	position:relative;
 	text-align:center;
 	}
#footer a{ 	
	color:#5D5B57;
	font:11px/15px verdana;
	font-weight:bold;
	 padding:0 5px 0 5px;
	}
#footer a:hover{ color:#000; text-decoration:underline;}
 	
/*----------------end footer---------------*/