/******** Default Behaviour Tags ********/
/****************************************/
/* RESET STYLE */

*				{margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; color:#666; outline:none;}
body			{font-size:0.625em; background:#484848 url(../images/bgd_body.gif) 0 0 repeat-x;}
a				{text-decoration:none; color:#009999;}
a:hover			{text-decoration:none; color:#009999;}
select, input, textarea	{font-family: Arial, Helvetica, sans-serif; color:#666; border:#00baee solid 1px; font-size:1em}
input, textarea{padding:2px 1px 2px 2px;}
h1{}
h2, h3{font-size:1.1em; margin:0 0 10px 0; color:#009999}
h4, h5{font-size:1.1em; margin:0 0 10px 0; color:#009999}
img, fieldset{border:0}
/***********/
ol, ul{list-style-type:none;}
ul{}
	ul li{}
ol{}
	ol li{}
dl{}
	dt{font-weight:bold; text-transform:uppercase;} 
	dd{}
/***********/
table{border-collapse:separate; margin:0;}
	th, td{text-align:left; padding:0;}
	th{}
	td{}
	thead{font-weight:bold;}
		thead th{}
		thead td{}
	tbody{}
		tbody th{}
		tbody td{}
		
p{line-height:16px;}
/********** Common Classes ********/
.clear{height:0; clear:both; padding:0; margin:0; line-height:0;}
.hidden {display:none;}

/********** Common Structure (for all templates) ********/
/********************************************************/
#wrapper{width:100%; font-size:1.1em; margin:0; height:680px;}
	#container{width:100%;}
		#main{width:950px; padding:0 10px; background:url(../images/bgd_contanier.png) 0 0 repeat-y; margin:0 auto; height:650px; overflow:hidden;}
	
	/********lev********
	****************************/
	#lev{width:204px; padding:0 21px 0 0; float:left}
		#lev h1{display:block; padding:15px 0 25px 0; text-align:right}
		#lev li{display:block; text-align:right; margin:0 0 9px 0}
		#lev li ul{background:url(../images/bgd_line_03.gif) 100% 100% no-repeat; padding:0; margin:0}
		#lev li li{background:url(../images/bgd_line_02.gif) 100% 70% no-repeat; padding:0 30px 0 20px; margin:0; line-height:18px}
		#lev li a{color:#666}
		#lev li a:hover{color:#009999}
		#lev .current a{color:#009999}
		#lev li .last{background:url(../images/bgd_line_04.gif) 100% 70% no-repeat}
	
	/********content********
	****************************/
	#content{width:701px; float:left; padding:0 24px 0 0}
		#content p{padding:0 0 10px 0}
		#content h2{color:#009999; font-size:2.272em; font-weight:normal; margin:0 0 5px 0}

		/********************/
		.breakcrumb{width:681px; padding:0 20px 0 0; background:url(../images/bgd_line_01.gif) 0 100% repeat-x; overflow:hidden}
		#content .breakcrumb p{text-align:right; padding:0}
	
	
		/*********home***********/
		.highlightContent{padding:5px 0 0 15px;}
			.intro{width:100%; overflow:hidden; margin:0 0 10px 0}
				.intro div{width:270px; float:left; overflow:hidden; padding:28px 0 0 5px; margin:0 15px 0 0;}
				.intro img{display:block; float:left;}
				.intro p{text-align:justify}

			.partners{width:100%;}
				.listPartners{width:275px; float:left; margin:0 15px 0 0; position:relative}
				.partners ul{width:275px; display:block;  background:#fff; position:absolute; left:0; top:0}
				.partners li{display:block; float:left; padding: 0 0 5px 6px}
				.partners li img{display:block}
				.textType{width:365px; float:right; padding:20px 20px 0 10px}
				.partners p{text-align:justify}
		
		/*********who we are***********/
		.overview{width:100%; overflow:hidden; padding:20px 0 0 0}
			.overviewInfo{width:305px; float:left; margin:0 25px 0 0}
				#content .overviewInfo p{padding:0 0 20px 0}
			.listImg{width:345px; float:left;}	
				#content .listImg p{padding:0} 
				.listImg img{margin:0 3px 3px 0}

		#management{width:661px; height:221px; background:url(../images/bgd_info_01.gif) 0 0 no-repeat; overflow:hidden; padding:1px 17px; margin:0 0 10px 0}
		#content .btnPrev{display:block; float:left; padding:100px 0 0 0; margin:0 10px 0 0}
		#content .btnNext{display:block; float:right; padding:100px 0 0 0; margin:0}
		.listManagement{width:628px; float:left; height:221px; overflow:hidden}		
			.listManagement li{display:block; float:left; padding:0 5px;}
		.managementInfo{width:100%; font-size:1.0912em;}
			.managementInfo h4 span{color:#000}
			.managementInfo .smScrollContent{width:666px; padding:0 8px 0 0; height:160px;}
		
		.extensive{width:100%; overflow:hidden; padding:20px 0 0 0}
			.extensiveInfo{width:320px; float:left; overflow:hidden; margin:0 7px 0 0}
			.extensiveInfo dt{font-size:1.82em; margin:0 0 10px 0; font-weight:normal; text-transform:none;}
			.extensiveInfo dt a{background:url(../images/ico_up.gif) 100% 6px no-repeat; padding:0 18px 0 0}
			.extensiveInfo .current a{background:url(../images/ico_down.gif) 100% 10px no-repeat;}
			
			.listImg2{width:341px; float:left;}
				#content .listImg2 p{padding:0 0 3px 0}
			
		.extensive .smScrollContent{width:300px; padding:0 8px 0 0; height:375px;}
	
	/*************news************/
	.news{width:100%; overflow:hidden; padding:20px 0 0 0}
		.newsDetail{width:420px; float:left; margin:0 10px 0 0}
		.newsDetail h3{font-size:2em; font-weight:normal}
		.newsDetail .smScrollContent{width:393px; padding:0 15px 0 0; height:400px;}
		
		.listNews{width:240px; float:left;}
			.listNews h3{font-size:1.36em;}
			.newsInfo{margin:0 0 10px 0}
				.newsInfo li{display:block; margin:0 0 10px 0; background:url(../images/ico_li_02.gif) 0 6px no-repeat; padding:0 0 0 10px;}
				.newsInfo li a{color:#666;}
				.newsInfo li a:hover{color:#009999; text-decoration:underline}
				.newsInfo .current{background:url(../images/ico_li.gif) 0 6px no-repeat}
				.newsInfo .current a{color:#009999;}
	
	.paging{width:100%; overflow:hidden; display:block; margin:0 0 15px 0}
		.paging li{display:inline; padding:0 5px 0 0; font-size:1.182em; color:#009999}
		.paging li img{vertical-align:middle}
		.paging li a{color:#666; font-size:0.8em;}
		.paging li a:hover{color:#009999; text-decoration:underline}	
	
	/*************faq************/
	.faq{width:100%; overflow:hidden; padding:15px 0 0 0}
		.listFaq{width:420px; float:left; margin:0 10px 0 0}
		.listFaq .smScrollContent{width:393px; padding:0 15px 0 0; height:400px;}
		.listFaq dt{background:url(../images/ico_li.gif) 0 5px no-repeat; padding:0 0 0 10px; margin:0 0 10px 0; font-weight:bold; text-transform:none}
		.listFaq dt a{background:url(../images/ico_arrow_01.gif) 100% 5px no-repeat; padding:0 15px 0 0}
		.listFaq .current a{background:url(../images/ico_arrow_02.gif) 100% 6px no-repeat;}

		.listFaq .smScrollContent p{padding:0 0 10px 0}
		
		.faqImg{width:240px; float:left;}
	
	/*************how we work************/
	.howweworkInfo{width:315px; float:left; margin:0 10px 0 0; overflow:hidden}
		#content .howweworkInfo h2{margin:0 0 20px 0}
		.listImg3{width:361px; float:left; padding:50px 0 0 0}
		.listImg3 img{padding:0 5px 5px 0}
		#content .listImg3 p{padding:0}
		
		.howweworkInfo .smScrollContent{width:293px; padding:0 10px 0 0; height:350px;}
			.howweworkInfo .smScrollContent ol{padding:0 0 10px 0; margin:0 0 0 20px;}
			*html .howweworkInfo .smScrollContent ol{margin:0 0 0 22px;}
			*+html .howweworkInfo .smScrollContent ol{margin:0 0 0 22px;}
			.howweworkInfo .smScrollContent ol li{list-style:decimal; padding:0; margin:0 0 7px 0}
			.howweworkInfo .smScrollContent ul{margin:0;}
			.howweworkInfo .smScrollContent li li{margin:0 0 0 20px; list-style:none; margin:0}

	/****************intro***************/
	#intro{width:100%; padding:0; background:#fff; height:650px; overflow:hidden; text-align:center}
		#intro h1{text-align:center; padding:29px 0 0 0;}
		#intro div{text-align:center; width:950px; height:524px; margin:0 auto}
	
	/****************contact***************/
	.contact {width:100%; overflow:hidden}
	.contact div{width:300px; float:left; margin:0 45px 0 0; padding:50px 0 0 0}
	.contact img{border:#ccc solid 1px; display:block; float:left;}
	
	/****************videos***************/
	.videosContent{width:100%; overflow:hidden; margin:0 0 10px 0; padding:10px 0 0 0;}
		.videosContent h3{font-size:1.82em; font-weight:normal;}
		.videos{width:428px; overflow:hidden; float:left; margin:0 20px 0 0; height:223px; text-align:center}
		.videosDetail{width:230px; float:left;}
	
	.videosInfo{width:685px; padding:0; overflow:hidden; background:url(../images/bgd_info_02.gif) 0 0 no-repeat}
	#videos{height:210px}
	#videos .mf div.mfNav{display:none}
	#videos .listVideos{height:204px;}
	#content .videosInfo .btnPrev, #content .videosInfo .btnNext{padding-top:80px}
	#content .videosInfo .btnPrev{margin:0 20px 0 0}
	.listVideos{width:100%; height: 240px; float:left; overflow:hidden; margin-top: 10px;}
		.listVideos li{display:block; float:left; width:132px; height:160px; padding:32px 2px 0 2px; position:relative; text-align:center}
		.listVideos li p{position:absolute; top:73%; text-align:center; width:100%; left:0; z-index:100}
		.listVideos .current{height:175px; padding:15px 2px 0 2px; width:182px}
		.listVideos .current p{top:83%;}
		.listVideos p a{color:#666}
		
		.portfolioInfo{width:100%; overflow:hidden; background:url(../images/bgd_info_03.gif) 270px 50% no-repeat; padding:15px 0 5px 0; height:180px}
		.portfolioIntro{width:535px; float:left; padding:0 10px;}
		
		.listImg4{width:100%}
			.listImg4 li{text-align:right}
			.listImg4 li a{display:block; width:110px; height:21px; line-height:21px; text-align:center; float:right; background:url(../images/bgd_btn.gif) 0 0 no-repeat;}
			#content .listImg4 li .hidden{display:none}
	
		.listPortfolioImg{width:252px; float:left; overflow:hidden; padding:0 12px 0 22px;}
			.listPortfolioImg div{margin:0 0 5px 0}
			.listPortfolioImg div ul{width:100%; overflow:hidden}
			.listPortfolioImg div li{display:block; float:left; margin:0 10px 5px 0}
			
			.listPortfolioImg .paging2{text-align:right; padding:0 7px 0 0}
			.listPortfolioImg .paging2 li{display:inline; padding:0 3px 0 0; color:#ff0000}
			.listPortfolioImg .paging2 li img{vertical-align:middle}
			.listPortfolioImg .paging2 li a{color:#666}
			.listPortfolioImg .paging2 li a:hover{color:#ff0000}
		
		.listClients{width:108px; float:left; padding:0 0 0 20px;}
	
	/* scroller */
		/*************************/
		.smScrollContent{float:left; overflow:hidden;}
		.moo-scroll{display: block;	float: left; text-align: center; position: relative;}
			.moo-scroll .up{width:12px; height: 9px; background: url(../images/btn_up.gif) 0 0 no-repeat; overflow:hidden;}
			.moo-scroll .bar{width: 12px; height:350px;	background: url(../images/bgd_scroll.gif) 0 0 repeat-y; cursor: default;}
			.moo-scroll .bar .knob{overflow:hidden;	position: relative;	width:12px; height:50px; background:url(../images/btn_slider.gif) 0 0 no-repeat;}
			.moo-scroll .down{width:12px; height: 9px; background: url(../images/btn_down.gif) 0 0 no-repeat; overflow:hidden;}	
		
	
	/********footer********
	****************************/
	#footer{width:100%; height:41px;}
		.innerFooter{width:950px; margin:0 auto; padding:6px 10px 0 10px; background:url(../images/bgd_footer.png) 0 0 repeat-x; height:35px}
		#footer p{float:right; color:#fff; padding:1px 30px 0 0}
		#footer .facebook{padding:0 0 0 26px}
		.introPage #footer{background:url(../images/bgd_footer_02.png) 0 0 repeat-x}
		.introPage .innerFooter{background:none}
	
.hide {display:none;}
.caption{width:208px; position:absolute; left:230px; top:170px; z-index:100; text-align:center}

#flashContent{position:absolute; z-index:99999; left:0; top:0;}

.mf{visibility: hidden; z-index:1; color:#fff; font-size:14px}
.mf * {
	outline:none;
	border:none;
	padding:0;
	margin:0;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select:none;
	-o-user-select:none
}
.mf div.loader{
	position:absolute;
	text-align:center;
	z-index:10000;
	margin:0 auto;
	top:45%;
	width:100%;
	background:url(../images/ajax_loader.gif) no-repeat 50% 0;
	padding:50px 0;
}
.mf div.caption {
	position:absolute;
	text-align:center;
	z-index:98;
	margin:8px auto 0 auto;
	bottom:50px;
	width:210px;
	font-size:0.912em
}
#videos .mf div.caption{margin:0 auto}
.mf div.mfNav{
	position:absolute;
	z-index:99;
	margin:0 auto;
	text-align:center;
	width:100%;
	bottom:0!important;
	font-size:1px;
	line-height:1px;
	width:100%;
}
.mf div.autoPlayCon{
	float:left;
	width:10%;
	padding-left:3%;
	height:24px;
}
.mf a.play, .mf a.stop{
	width:27px;
	height:24px;
	float:left;
	cursor:pointer;
}
.mf a.play{
	background:url(../images/play.gif) no-repeat;
}
.mf a.stop{
	background:url(../images/stop.gif) no-repeat;
}
.mf div.sliderCon{
	margin-top:5px;
	float:left;
	width:74%;
}
.mf a.sliderNext{
	background:url(../images/left.gif) no-repeat;
}
.mf a.sliderPrev{
	background:url(../images/right.gif) 100% 0 no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
	text-decoration:none;
	width:10px;
	height:16px;
	cursor:default;
	float:left;
}
.mf div.resizeCon{
	float:right;
	width:10%;
	padding-right:3%;
	height:24px;
}
.mf a.resize{
	width:34px;
	height:24px;
	float:right;
	cursor:pointer;
	background:url(../images/resize.gif) no-repeat;
}
.mf div.slider{
	background:url(../images/middle.gif) repeat-x;
	height:16px;
	position:relative;
	text-align:left;
	float:left;
}
.mf div.knob{
	height:16px;
	background:url(../images/middle-slider.gif) repeat-x right 0;
}
.mf div.knobleft{
	background:url(../images/left-slider.gif) repeat-x 0 0;
	width:8px;
	height:16px;
}