/* 
	Author: JS / MAX LI BIN
	Website : www.mexzhouse.com
*/

	body { margin:0; padding:0; font:normal 12px arial; }
	h1 { color:#004fb1; text-transform:uppercase; }
	h2 { }
	h3 { }
	h4 { }
	h5 { }
	h6 { }
	p { margin:0 0 15px 0; padding:0;}
	a {}
	a:hover {}
	img { border:none; }
	cite {}
	.clear { clear:both;}
	.wrapper { margin:0 auto; padding:0; width:930px; }
	.left { float:left; margin:0 20px 20px 0; }


/* Layout */
	
	/* header */
	
		.header 				{ width:930px; height:125px; margin:0; padding:0; overflow:hidden; }
		.header h1 				{ float:left; width:700px; height:125px; margin:0; padding:0; }
		.header h1.logo a		{ background:url(assets/images/interface/logo.gif) no-repeat; width:558px; height:57px; margin:38px 0 0 0; display:block; text-indent:-5000px; cursor:pointer; overflow:hidden; }
		.header h2				{ margin:45px 0 0 0; padding:0; }
		.header h2.get-bt a		{ background:url(assets/images/interface/getusnow.gif) no-repeat; display:block; width:180px; height:40px; margin:0; padding:0; float:right; text-indent:-5000px; cursor:pointer; overflow:hidden; }
	
	/* menu */ 
		
		ul.menu 							{ margin:0; padding:0 0 0 16px; width:930px; height:auto; position:absolute; top:125px; background:url(assets/images/interface/menu-left.gif) no-repeat; }
		ul.menu li							{ float:left; margin:0; padding:0; list-style:none; }
		ul.menu li a						{ float:left; list-style:none; padding:0; margin:0; height:43px; display:block; text-indent:-5000px;  cursor:pointer; overflow:hidden; }
		
		ul.menu li.home a 					{ background:url(assets/images/interface/menu.gif) no-repeat; width:120px;}
		ul.menu li.home a.current 			{ background:url(assets/images/interface/menu.gif) no-repeat 0 -45px; width:120px;}
		ul.menu li.home a:hover				{ background:url(assets/images/interface/menu.gif) no-repeat 0 -45px; width:120px;}
		
		ul.menu li.about-us a 					{ background:url(assets/images/interface/menu.gif) no-repeat -120px 0; width:116px;}
		ul.menu li.about-us a.current 			{ background:url(assets/images/interface/menu.gif) no-repeat -120px -45px; width:116px;}
		ul.menu li.about-us a:hover				{ background:url(assets/images/interface/menu.gif) no-repeat -120px -45px; width:116px;}
		
		ul.menu li.services a 					{ background:url(assets/images/interface/menu.gif) no-repeat -236px 0; width:110px;}
		ul.menu li.services a.current 			{ background:url(assets/images/interface/menu.gif) no-repeat -236px -45px; width:110px;}
		ul.menu li.services a:hover				{ background:url(assets/images/interface/menu.gif) no-repeat -236px -45px; width:110px;}
		
		ul.menu li.staffs a 					{ background:url(assets/images/interface/menu.gif) no-repeat -348px 0; width:100px;}
		ul.menu li.staffs a.current 			{ background:url(assets/images/interface/menu.gif) no-repeat -348px -45px; width:100px;}
		ul.menu li.staffs a:hover				{ background:url(assets/images/interface/menu.gif) no-repeat -348px -45px; width:100px;}
		
		ul.menu li.gallery a 					{ background:url(assets/images/interface/menu.gif) no-repeat -446px 0; width:114px;}
		ul.menu li.gallery a.current 			{ background:url(assets/images/interface/menu.gif) no-repeat -446px -45px; width:114px;}
		ul.menu li.gallery a:hover				{ background:url(assets/images/interface/menu.gif) no-repeat -446px -45px; width:114px;}
		
		ul.menu li.events a 					{ background:url(assets/images/interface/menu.gif) no-repeat -556px 0; width:100px;}
		ul.menu li.events a.current 			{ background:url(assets/images/interface/menu.gif) no-repeat -556px -45px; width:100px;}
		ul.menu li.events a:hover				{ background:url(assets/images/interface/menu.gif) no-repeat -556px -45px; width:100px;}
		
		ul.menu li.partners a 					{ background:url(assets/images/interface/menu.gif) no-repeat -656px 0; width:98px;}
		ul.menu li.partners a.current 			{ background:url(assets/images/interface/menu.gif) no-repeat -656px -45px; width:98px;}
		ul.menu li.partners a:hover				{ background:url(assets/images/interface/menu.gif) no-repeat -656px -45px; width:98px;}
		
		ul.menu li.contact-us a 				{ background:url(assets/images/interface/menu.gif) no-repeat -765px 0; width:158px;}
		ul.menu li.contact-us a.current 		{ background:url(assets/images/interface/menu.gif) no-repeat -765px -45px; width:158px;}
		ul.menu li.contact-us a:hover			{ background:url(assets/images/interface/menu.gif) no-repeat -765px -45px; width:158px;}
	
	/* content */
		.content								{ width:930px; margin:60px 0 0 0;  }
		.about 									{ width:930px; margin:60px 0 0 0;  }
		.about div.box-left h1 					{ margin:0 0 20px 0;}
		.about div.box-right ul 				{ width:480px; margin:0; padding:0; list-style:none; }
		.about div.box-right ul li				{ clear:both; margin:0; padding:0; list-style:none; }
		.about div.box-right ul li img			{ float:left; margin:0 20px 20px 0; width:80px; }
		.about div.box-right ul li p			{  }
		.about div.box-left						{ float:left;  width:360px; margin:0; padding:0 20px 0 0; }
		.about div.box-right					{ float:left; margin:50px 0 0 0; width:460px; padding:0 20px 0 20px; border-left:1px #333 dotted; }	
		
		
	/* content -left */
		
		.content-left 									{ float:left; width:645px; height:auto; margin:20px 0 0 0; overflow:auto; border-right:1px #333 dotted; padding:0; }
		.content-left div.box-left						{ float:left;  width:600px;margin:0; padding:0 20px 0 0; }
		.content-left div.box-left h3 					{ margin:10px 0 20px 0; padding:0; }
		.content-left div.box-left small.readmore a		{ background:url(assets/images/interface/read-more.gif) no-repeat; margin:0; padding:0; float:right; width:79px; height:24px; display:block; text-indent:-5000px; cursor:pointer; overflow:hidden; }
		.content-left div.box-right						{ float:left; margin:0 0 0 20px; width:224px; padding:0 20px 0 0; }	
		.content-left div.box-right h3 					{ margin:10px 0 20px 0; padding:0; }
		.content-left div.box-right small.readmore a	{ background:url(assets/images/interface/read-more.gif) no-repeat; float:right; width:79px; height:24px; display:block; text-indent:-5000px; cursor:pointer; overflow:hidden; }
		.content-left div.box-left h3.welcome 			{ background:url(assets/images/interface/welcome.gif) no-repeat; display:block; width:380px; height:18px; text-indent:-5000px; cursor:pointer; overflow:hidden; }
		.content-left h3.news							{ background: url(assets/images/interface/news.gif) no-repeat; display:block; width:116px; height:18px;  text-indent:-5000px; cursor:pointer; overflow:hidden;}
		.content-left div.box-left img 					{ float:left; margin:0 20px 20px 0; }
		.content-left div.box-bottom 					{ margin:20px 0 0 0; padding:20px 0 0 0; width:625px; border-top:1px #333 dotted;  }
		.content-left div.box-bottom div.country		{ float:left; width:165px; height:145px; overflow:hidden; padding:0 0 0 10px; }
		.content-left div.box-bottom div.whatwedo		{ width:450px; float:right; }
		.content-left div.box-bottom div.whatwedo h3 	{ background:url(assets/images/interface/whatwedo.gif) no-repeat; display:block; margin:0 0 20px 0; padding:0; width:108px; height:18px; text-indent:-5000px; overflow:hidden; }
		.content-left div.box-bottom small.readmore a	{ background:url(assets/images/interface/read-more.gif) no-repeat; float:right; width:79px; height:24px; display:block; text-indent:-5000px; cursor:pointer; overflow:hidden; }

		
		.content-right 									{ float:right; width:264px; margin:10px 0 0 20px; padding:0; }
		.content-right h3.home-contact					{ background:url(assets/images/interface/home-contact.gif) no-repeat; width:262px; height:99px; display:block; text-indent:-5000px; overflow:hidden; }
		.content-right h3.home-contact:hover			{ background:url(assets/images/interface/home-contact.gif) no-repeat 0 -102px; width:262px; height:99px; display:block; text-indent:-5000px;overflow:hidden; }
		
	/* contact */
		.contact-left									{ float:left; width:500px; border-right:1px #333 dotted; }
		.contact-right									{ float:left; width:389px; padding:0 20px; }
		ul.gallery-list 								{ margin:0; padding:0; }
		ul.gallery-list li.first						{ margin:0; padding:0; }
		ul.gallery-list li 								{ margin:0 0 20px 45px; padding:0; list-style:none; float:left; }
	
	/* footer */
		
		.footer 					{ background:url(assets/images/interface/footer.gif) no-repeat; width:930px; height:45px; margin:20px 0 20px 0; padding:12px 0 0 0; }
		.footer small 				{ margin:20px 0 0 20px; }
		.footer small.right 		{ float:right; margin:0 20px 0 0; color:#fff; }
		.footer small a				{ color:#fff; text-decoration:none; }