@charset "UTF-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	border:0;
	background-color:#282828;
	font-family:arial;
	font-size:12px;
	color:#999;
}
#mainWrapper{
	margin:auto;
	width:1000px;
}
#header{
	width:100%;
	height:185px;
}
	.banner{
		width:100%;
		height:117px;
	}
	.logo_left{
		float:left;
		clear:none;
		width:416px;
		height:117px;
		background:url('../images/logo_left.jpg') right top no-repeat;
	}
	.logo{
		float:left;
		clear:none;
		width:171px;
		height:117px;
	}
	.logo_right{
		float:left;
		clear:none;
		width:413px;
		height:117px;
		background: url('../images/logo_right.jpg') left top no-repeat;
	}
	.menus{
		width:100%;
		height:40px;
	}
	.menus ul{
		margin:0;
		padding:0;
		margin-left:260px;
		list-style:none;
		list-style-image:none;
	}
	.menus li{
		float:left;
		font-family:arial;
		font-size:12px;
	}
	.menus li.active{
		margin-left:5px;
		background:url('../images/arrow.gif') left center no-repeat;
	}
	.menus li a{
		text-decoration:none;
		color:#96989b;
	}
	.menus li a.active{
		color:#ed8022;
	}
	.mservices{
		width:431px;
		height:auto;
		float:left;
		border-right:#707070 solid 1px;
	}
	.mservices div{
		float:left;
		height:auto;
	}
	.menus li div{
		padding-left:12px;
		padding-right:20px;
	}

#container{
	height:auto;
	padding-bottom:15px;
}
	#mainImage{
		width:1000px;
		height:217px;
		cursor:pointer;
		border:#707070 solid 1px;
	}
	#contents{
		height:auto;
		padding-top:15px; 
		font-size:11px;
	}
	h1, h3{
		margin:0;
		padding:0;
		font-weight: normal;
	}
	h3{
		margin:5px 0px 5px 0px;
	}
	#contents h1{
		
		font-size:36px;
		color:#999;
	}
	#contents h3{
		font-size:22px;
		color:#ed8022;
	}
	.view_gallery{
		padding-top:197px;
                width:988px;
		text-align:right;
		padding-right:12px;
		font-size:10px;
		color:#fff;
	}
	/** PAGES **/
	.about_left{
		width:485px;
		height:auto;
		float:left;
		clear:none;
		border-right:#707070 solid 1px;
	}
	.about_right{
		width:500px;
		height:auto;
		float:right;
	}
	.services_head{
		font-size:12px;
		width:455px;
		height:auto;
	}
	.services_left{
		float:left;
		width:475px;
		height:auto;
		padding-right:25px;
		border-right:#707070 solid 1px;
	}
	.services_right{
		float:right;
		width:473px;
		height:auto;
		padding-left:25px;
	}
	.service{
            height:420px;
            clear:both;
	}
        .service .desc{
            width:94%;
            height:140px;
            padding-bottom:10px;
        }
	.client{
		height:auto;
	}
	.client div{
		height:auto;
	}
	client img, .service img{
		border:#707070 solid 1px;
		margin-bottom:15px;
	}
	.partners_left{
		float:left;
		width:465px;
		height:auto;
		padding-right:25px;
	}
	.partners_right{
		float:right;
		width:463px;
		height:auto;
		padding-left:25px;
		border-left:#707070 solid 1px;
	}
	.news{
		height:auto;
	}
	.news_left{
		float:left;
		width:474px;
		height:auto;
	}
	.news_left .news_list{
		width:462px;
		min-height:950px;
                height:auto;
		padding-bottom:25px;
	}
	.news_left #news_nav{
		text-align:right;
		height:auto;
	}
	#news_nav a{
		text-decoration:none;
		font-size:10px;
		color:#d17321;
	}
	.news_right{
		float:right;
		width:452px;
		min-height:1000px;
		height: auto;
		padding-left:35px;
		border-left:#707070 solid 1px;
	}
	#news_details{
		width:450px;
		height:auto;
	}
	#news_image, .thumb{
		height:auto;
		border:#707070 solid 1px;
	}
	#news_date{
		font-style:italic;
		color:#808284;
	}
	.nactive{
		width:450px;
		height:auto;
		background-color:#000;
	}
	.contact_list{
		padding-top:10px;
		height:auto;
	}
	.contact{
		float:left;
		width:150px;
		height:auto;
		padding-bottom:20px;
		margin-bottom:0px;
		clear:none;
	}
	.card{
		width:108px;
		height:65px;
		background-color:#707070;
	}
	.contact_name{
		padding:5px 0px 3px 0px;
	}
	.email{
		font-style:italic;
	}
	.email a{
		color:#999;
		text-decoration:none;
	}
	div.showcase{
		width:885px;
		height:498px;
		float:left;
	}
	div.nav{
		width:85px;
		height:500px;
		float:left;
		margin:0px 0px 0px 10px;
	}
	.galleries img{
		cursor:pointer;
	}
	img.showcase{
		border:#707070 solid 1px;
	}
	.showcase_footer{
		width:885px;
		height:auto;
		padding-top:5px;
		padding-bottom:5px;
	}
	#caption {
		width:700px;
		height:auto;
		float:left;
		font-size:10px;
	}
	#showcase_nav{
		width:110px;
		height:auto;
		float:right;
	}
	#showcase_nav a{
		font-size:10px;
		color:#999;
		text-decoration:none;
	}
	.ud{
		width:70px;
		height:12px;
		text-align:center;
	}
	.thumbs{
		width:85px;
		height:470px;
	}
	.thumbs img{
		margin-bottom:7px;
	}
	.show_left{
		width:494px;
		height:auto;
		float:left;
		border-right:#707070 solid 1px;
	}
	.show_right{
		width:490px;
		height:auto;
		float:left;
	}
	.show_cat{
		height:150px;
		padding:12px;
		cursor:pointer;
		background-color:#282828;
	}
	.show_cat_active{
		height:150px;
		padding:12px;
		cursor:pointer;
		background-color:#000;
	}
	.show_cat_active img , .show_cat img{
		border:#707070 solid 1px;
	}
	.mnews{
		float:left;
		width:394px;
		height:auto;
		border-right:#707070 solid 1px;
	}
	.mnews_title div{
		float:left;
		height:auto;
	}
	.mnews_details{
		width:395px;
		height:auto;
		padding-top:7px;
	}
	.mpartners{
		float:left;
		width:155px;
	}
#footer{
	width:100%;
	border-top:#ed8022 solid 3px;
	padding-top:10px;
}
	.copyr{
		font-size:9px;
		color:#4c4c4c;
	}
	.contacting div{
		padding-left:150px;
	}
	a{
		text-decoration:none;
		font-size:12px;
		color:#ed8022;
	}
div.label{
	float:left;
	width:70px;
	height:auto;
	clear:none;
	padding-right:5px;
	text-align:left;
}
div.input{
	float:left;
	width:auto;
	height:auto;
	padding-bottom:10px;
	clear:none;
}
input.text{
	width:350px;
	border:#707070 solid 1px;
	background-color:#000;
	color:#999;
	padding:3px;
}
input.submit{
	border:#707070 solid 1px;
	background-color:#333;
	width:80px;
	padding:1px;
	color:#c46c21;
	cursor:pointer;
}
textarea{
	width:350px;
	height:200px;
	border:#707070 solid 1px;
	background-color:#000;
	color:#999;
	padding:3px;
}