body{
	text-align: left;
	font-family: "Arial", Helvetica, Times New Roman, Times, serif;
	font-size:12px;
	color:#2F2F2E;
	margin: 0;
	padding: 0;
}

a{
	text-decoration: none;
	color: #FFF; 
	outline: none; 
}

input, button{
	border: 1px solid #d3d3d3;
	background-color: #E2E1E1; 
} 
 

*{
	margin: 0;
	padding: 0;

} 
ul, li{
	list-style: none;

} 

#index{
	overflow: hidden;
	background-color: #000;
} 

#aboutHS{
	overflow: hidden;
	background-color: #FFF;

} 
.footer{
	position: absolute;
	width: 100%;
	bottom: -50px;
	background-color: #1A1A1A;
	color: #FFF;
	padding: 8px 0 10px 15px;
	font-size: 10px;
} 

#aboutHS .footer{
	bottom: 0;
} 
.footer a{
	margin-left: 25px;
	color: #D76E20;
} 
.logo{
	display: block;
	float: left;
	height: 97px;
	width: 163px;
	background: url(../images/logo.png) no-repeat;
	margin: 35px 0 0 85px;
} 

.menu{
	display:block;
	float:  right;
	width: 450px;
	height: 61px;		
	background: url(../images/menu_bg.jpg) repeat-x;
	margin: 30px -452px 0 0;
	border-left: 1px solid #FFC600;
} 

#aboutHS .menu{
	margin-right: 0;
} 
.menu ul{
	display: block;
	float: left;
	width: 450px;
	margin-left: 15px;
	text-transform: uppercase;
} 
.menu li{
	display: block;
	float: left;
	font-size: 10px;
	margin: 25px 15px;
	color: #FFF;
} 

 a:hover{
	color: #FFC600;
} 

.menu2{
	display: block;
	position: absolute;
	top: 91px;
	right: -450px;
	height: 37px;
	width: 450px;
	background: url(../images/about_sub.png) no-repeat;
} 
.menu2 ul{
	margin-left: 15px;
} 
.menu2 li{
	display: block;
	float: left;
	margin: 10px 15px;
	font-size: 10px;
	text-transform: uppercase;
} 
.selected{
	color: #FFC600;
} 
.header{
	display: block;
	height: 150px;
} 
#index .body{
	display: block;
	background-color: #1A1A1A;
	height: 410px;
	width: 960px;
	margin: 0 auto;
} 

#aboutHS .body{
	display: block;
	background-color: #1A1A1A;
	height: 410px;
	width: 5px;
	margin: 0 auto;	
	color: #d3d3d3;
	text-align: justify;
	overflow: hidden; 
	margin-top: 15px;
} 

#aboutHS .body2{
	display: block;
	background-color: #1A1A1A;
	height: 410px;
	width: 5px;
	margin: 0 auto;	
	color: #d3d3d3;
	text-align: justify;
	overflow: hidden; 
	margin-top: 15px;
} 


.text_block h2{
	margin-bottom: 25px;
	color: #FFF;
} 

a{
	text-decoration: none;
	color: #FFF;
} 
.philosophy{
	width: 520px;
	margin: 0 auto;
	padding-top: 30px;
} 

.team, .advisors, .partners{
	width: 650px;
	margin: 0 auto;
	padding-top: 20px;
} 

.team_lst li, .advisors_lst li, .partners_lst li{
	display: block;
	float: left;
	//margin-right: 20px;
	padding: 2px 5px;
} 
.team_member, .advisor_member, .partners_member{
	display: block;
	background-color: #9C9C9C;
	border: 1px solid #e0e0e0;	
	height: 70px;
	width: 70px;
	
	
} 
.team_menu, .advisors_menu, .partners_menu{
	display: block;
	width: 100%;
	height: 140px;
} 
.team_desc, .advisors_desc, .partners_desc{
	display: block;
	float: left;
	width: 650px;
	margin: 0 auto;
	padding-top: 15px;
	
} 

.team_desc li, .advisors_desc li, .partners_desc li{
	display: none;
	float: left;
	width: 650px;
} 
.team_lst li, .advisors_lst li, .partners_lst li{
	opacity: 0.7;
} 
.team_member img, .advisors_member img, .partners_member img{
	
	height: 70px;
	width: 70px;
	border: none; 
	overflow: none;
} 
.slides{
	display: block;
	float: left;
	height: 356px;
	width: 938px;
	//background-color: #000;
	margin: 15px 0 0 11px;
	
} 

.slides li{
	display: block;
	float: left;
	height: 356px;
	width: 938px;
	overflow:hidden;
} 
/* 
.slides .slide1{
	display: block;
	float: left;
	height: 356px;
	width: 938px;
	background: url(../images/slide1.png);
	background-color: #000;
	
} 


.slides .slide2{
	display: block;
	float: left;
	height: 356px;
	width: 938px;
	background: url(../images/slide2.png);
	background-color: #000;
} 


.slides .slide3{
	display: block;
	float: left;
	height: 356px;
	width: 938px;
	background: url(../images/slide3.png);
	background-color: #000;
} 



.slides .slide4{
	display: block;
	float: left;
	height: 356px;
	width: 938px;
	background: url(../images/slide4.png);
	background-color: #000;
} 



.slides .slide5{
	display: block;
	float: left;
	height: 356px;
	width: 938px;
	background: url(../images/slide5.png);
	background-color: #000;
} 


.slides .slide6{
	display: block;
	float: left;
	height: 356px;
	width: 938px;
	background: url(../images/slide6.png);
	background-color: #000;
} 



.slides .slide7{
	display: block;
	float: left;
	height: 356px;
	width: 938px;
	background: url(../images/slide7.png);
	background-color: #000;
} 

*/

.bigProject{
	display: inline;
	position: absolute;
	top: 175px;
	left: 160px;
	background-color: #000;
	width: 960px;
	height: 385px;
	border: 1px solid #3E3E3E; 	
	color: #e0e0e0; 
	overflow:hidden;
} 

.backto{
	display: block;
	width: 150px;
	margin: 15px 0 0 15px;
} 
.bigProject a:hover{
	color: orange;
} 

.bigProject .pI_thumb{
	display: block;
	float: left;
	width: 497px;
	height: 296px;
	position: absolute;
	overflow: hidden;
	top: 40px;
	left: 15px;
	border: 1px solid #d3d3d3;
} 


.bigProject .info{
	display: inline;
	float: right; 
	width: 420px; 
	margin: 0 10px 0 0; 	
	padding: 0; 
	
} 

.bigProject .info li{
	display: inline;
	float: left;
	width: 420px;
	padding: 0; 
	margin: 5px 0;
	height: auto;
} 
.bigProject .info .title{
	width: 420px; 
	font-size: 16px;
	font-weight: bold; 
} 

.bigProject .info .subtitle{
	width: 420px; 
	font-style: italic; 
} 

.bigProject .info .viewproject{
	display: block;
	font-size: 12px;
	padding: 0;
	position: absolute;
	top: 325px;
	left: 525px;
} 

.bigProject .leftButton{
	display: block;
	position: absolute;
	right: 45px;
	top: 15px; 
	height: 20px;
	width: 11px;
	background: url(../images/p_button_left.jpg) no-repeat 100% -21px; 
	
} 



.bigProject .leftButton:hover{
	background: url(../images/p_button_left.jpg) no-repeat; 

} 
.bigProject .rightButton{
	display: block;
	position: absolute;
	right: 15px;
	top: 15px; 
	height: 20px;
	width: 11px;
	background: url(../images/p_button_right.jpg) no-repeat  100% -21px; 
}  


.bigProject .rightButton:hover{
	background: url(../images/p_button_right.jpg) no-repeat; 

}

.project_list{

	display: block;
	float: left;
	height: 410px;
	width: 980px;
	//padding: 0;
	//margin: 0;

	overflow: hidden;
background-color: #000;
	border-right: 1px solid #3E3E3E; 	
		opacity: 0.8;
} 

.p_item{
	display: block;
	float: left;
	width: 222px;
	height: 120px;
	background-color: #2D2D2D;
	border: 1px solid #3E3E3E; 	
	opacity: 0.7; 
} 
.project_list a:hover{
	color: #e0e0e0;
} 


.project_list li{

	display: block;
	height: 110px;
	//float: left;
	width: auto;
	overflow: hidden;
	margin: 5px;	
} 



.project_list .imgthumb{
	display: block;
	background-color: #FFF; 
	height: 84px;
	width: 210px;
	overflow:hidden; 
	margin: 0 auto; 
	margin-top: 4px;
	border: 1px solid #3e3e3e;
	border-top: none;
	border-bottom: none; 

} 


.project_list label{	
	display: block;
	text-align:left;
	font-size: 9px; 
	color: #d3d3d3;
	margin: 8px 0 0 4px; 
} 




.client_list{
	display: block;
	float: left;
	//height: 450px;
	
	width: 255px;
	//overflow: hidden;
	background-color: #000;
	border-right: 1px solid #3E3E3E; 	
	opacity: 0.8;

}  

.client_list ul{
	display: block;
	//float: left;
	width: 210px;
//	height: 350px;
	//overflow: hidden;
	padding: 20px;
} 

.flexcroll{
	display: block;
	width: 250px;
	height: 385px; 
	margin: 10px 0;
} 



.project_list .flexcroll{
	display: block;
	float: left; 
	width: 970px;
	height: 365px;
	margin: 15px 0 0 20px;
} 




.client_list li{
	display: block;
	//float: left;
	width: 210px;
	overflow: hidden;
	padding: 10px 0;
	border-bottom: 1px solid #3E3E3E; 	
} 

.client_desc{
	display: block;
	float: left;
	width: 500px;
	margin: 15px 0 0 20px;
} 
.client_desc ul, .client_desc li{
	display: block;
	float: left;
	width: 680px;
	overflow: hidden;
	
} 
.client_desc .desc{
	display: block;
	float: left;
	color: #FFF;
	font-size: 12px;
	padding-bottom: 20px;

} 
.client_desc .c_thumb{
	display: block;
	float: left;
	width: 60px;
	height: 60px;
	overflow: hidden;
	border: 1px solid #3E3E3E; 


} 

.client_desc .person{
	display: block;
	float: left;
	width: 250px;
	margin: 0 0 0 15px;
	
} 

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

.client_desc .person span{
	display: block;
	float: left;
	width: 250px;
	color: #d3d3d3;
	font-size: 10px;
	color: orange;
} 

.client_desc .person a{
	color: #d3d3d3;
} 

.address{
	display: block;
	float: left;
	width: 600px;
	padding: 30px 0 0 40px;
} 

.address .title{
	display: block;
	float: left;
	width: 600px;
	padding-bottom: 20px;
	font-size: 14px;

} 

.contact_form{
	display: block;
	float: left;
	width: 600px;
	padding: 20px 0 0 40px;
	
} 

.contact_form .title{
	display: block;
	float: left;
	padding-bottom: 15px;
	font-size: 14px;
} 

.contact_form li{
	display: block;
	float: left;
	width: 600px;
	padding: 2px 0;
} 

.contact_form input, .contact_form textarea{
	background-color: #FFF;
	border: 1px solid #d3d3d3;
	width: 250px;
} 

.contact_form input:focus, .contact_form textarea:focus{
	border: 1px solid orange;
} 


.contact_form label{
	display: block;
	float: left;
	width: 150px;

} 

.contact_form .p_contact{
	display: block;
	float:  right;
	border: 1px solid #3E3E3E; 
	background-color: #000;
	padding: 5px;
	color: orange;
	width: 150px;
	margin: 10px 197px 0 0;

} 

.client_desc .news_pic li{
	display: block;
	float: left;
	height: 60px;
	width: 60px;
	overflow: hidden;
	border: 1px solid #3d3d3d;
	margin-right: 10px;
} 


.news_desc{
	display: block;
	float: left;
	margin: 10px 0 0 0;
} 
.news_title{
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 15px 0;
} 

.project_desc{
	display: inline;
	float: left; 
	padding: 0;
	margin: 0;
	width: 980px;
	height: 410px;
} 

.project_desc li{
	display: inline;
	float: left;
	padding: 0;
	margin: 0;
	
} 

.p_l2{
	display: block;
	width: 940px;
	
} 

.msg{
	padding-bottom: 10px;
	color: orange; 
	font-size: 14px;
	font-weight: bold;
} 

.news_desc2 .paragraph{
	display: block;
	float: left;
	width: auto;
	height: 280px;
	overflow-y: auto;
	padding: 0 10px 0 0;
	margin: 0;
} 

.news_desc2 .paragraph b{
	color: orange;
}