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

*				{margin:0; padding:0; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#454847; outline:none;}
body			{font-size:0.625em; background:#ddd url(../images/bgd_body.gif) 0 0 repeat-x;}
a				{text-decoration:none; color:#ea0020;}
a:hover			{text-decoration:underline}
select, input, textarea	{font-family:Tahoma, Arial, Helvetica, sans-serif; color:#454847; border:#afafaf solid 1px; font-size:1em}
input, textarea{padding:1px 1px 1px 2px;}
h1{}
h2, h3,h4, h5{font-size:1em; }
img, fieldset{border:0}
.kenji {color:#666666; text-decoration:none;}
.kenji:hover {color:#454847; text-decoration:none;}
/***********/
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) ********/
/********************************************************/
/* Styles that are used in all pages (there are the structure styles)
The css tree must be ordered exactly as the same as HTML document
No use of additional comments (if the css tree is well ordered, the code is clear) *//*  main structure
***************************************/
#wrapper{width:972px; margin:0 auto; font-size:1.1em; background:url(../images/bgd_main.gif) 0 0 repeat-y;}
	#container{width:960px; background:url(../images/bgd_main_01.gif) 0 0 no-repeat; padding:0 6px; overflow:hidden; position:relative}
	#innerContainer{width:100%; position:relative;}
		
	.fadeImg{width:100%; position:absolute; z-index:0; left:6px; top:47px}
		.fadeImg img{display:block;}
	
	/********** header
	*******************************************/
	#header{width:100%; height:114px; position:relative; background:url(../images/bgd_header.png) 0 0 no-repeat; }
		.headerInfo{width:960px; overflow:hidden;}
			.headerInfo h1{padding:0 0 0 20px; float:left; display:block}
			.headerInfo h1 img{display:block}
			.headerInfo div{width:710px; overflow:hidden; float:right}
			.language{float:right; padding:10px 20px 20px 0}
				.language li{display:block; float:left; margin:0 0 0 3px;}
				.language li img{padding:1px; border:#fff solid 1px;}
				.language .current img{padding:1px; border:#454847 solid 1px;}
		
		/*****nav********/
		#nav{width:692px; clear:both; overflow:hidden; padding:0 0 0 16px}
			#nav li{display:block; float:left; background:url(../images/bgd_lineNav.gif) 100% 7px no-repeat; padding:0 8px 0 0; margin:0 8px 0 0}
			#nav li img{display:block;}
/*			#nav .last{background:none; margin:0; padding:0} */
			#nav .last2{background:none; margin:0; padding:0}
			
		
		.subNav{width:920px; margin:0 auto; overflow:hidden; height:26px; background:url(../images/bgd_subNav.png) 0 0 no-repeat; clear:both; display:block; padding:7px 0 0 6px; position:absolute; z-index:9999; left:20px; top:-8800px}
			#nav .subNav li{display:block; float:left; background:url(../images/bgd_lineSubNav.gif) 100% 2px no-repeat; padding:0 13px 0 12px;}
			#nav .subNav li img{display:block;}
			#nav .subNav .last{background:none; padding-right:0; margin:0}
		
	/*****MAIN********/
	#main{width:928px; padding:166px 16px 0 16px;}
		#main h2{margin:0 0 5px 0}
			#main h2 img{display:block;}

		
		/*****breadcrum******/
		.breadcrum{padding:0 0 15px 0; width:90%; overflow:hidden}
			.breadcrum li{display:block; float:left; background:url(../images/bgd_line.gif) 100% 50% no-repeat; padding:0 10px 0 0; margin:0 7px 0 0}
			.breadcrum *{font-size:0.912em;}
			.breadcrum li a{font-weight:bold; color:#626564;}
			.breadcrum li a:hover{color:#ed202a;}
			.breadcrum li strong{text-transform:uppercase}
			.breadcrum .last{background:none}
		
		/*****homepage********/
		.homepageContent{width:100%; background:url(../images/bgd_bottomContent.gif) 0 100% no-repeat; padding:35px 0 14px 0; overflow:hidden}
			.highlightHome{width:920px; overflow:hidden; background:url(../images/bgd_topContrent.png) 0 0 no-repeat; padding:20px 4px 0 4px;}
			.contType{width:670px; float:left;}
				.contType .breadcrum{padding-left:20px;}
			
		/*****intro********/
		.intro{padding:0 20px; margin:0 0 10px 0}
			.intro p{padding:0 0 14px 0}
			.intro p span{color:#ea0020;}
	
		/*****Featured Projects********/	
		.featureProjects{width:630px; background:#fff url(../images/bgd_feature_projects.gif) 0 0 no-repeat; padding:20px 20px 0 20px;}
			.featureProjects h3{margin:0 0 10px 0}
			.featureProjects h3 img{display:block;}

			.featuredProjectsInfo{width:630px; overflow:hidden; height:241px}
			.featuredProjectsContainer{width:630px; height:213px; overflow:hidden; position:relative; display:block;}
			.listFeaturedProjects{width:1000px; height:205px; overflow:hidden; margin:0 0 15px 0; display:block;top:0px;left:0px;}
				.listFeaturedProjects div{width:212px; float:left; padding:0 1px 0 0; background:url(../images/bgd_line_01.gif) 100% repeat-y;}
				.listFeaturedProjects div img{display:block; border:#fff solid 1px; border-bottom:none}
				.listFeaturedProjects div a:hover img{border:#EA0020 solid 1px; border-bottom:none}
				.listFeaturedProjects dl{width:210px}
				.listFeaturedProjects dt{text-transform:none; background:#efefef url(../images/bgd_line_02.gif) 0 0 repeat-x; padding:10px 8px 7px 8px; font-weight:normal}
				.listFeaturedProjects dt a{display:block; margin:0 0 3px 0; font-weight:bold}
				.listFeaturedProjects dd{padding:8px 8px 0 8px}
				
				/**********date********/
				.date{font-weight:normal; background:url(../images/bgd_rightInfo.gif) 100% 0 no-repeat; padding:0 5px 0 0; display:block; float:left; margin:0 5px 0 0}
				.date span{color:#fff; background:url(../images/bgd_leftInfo.gif) 0 0 no-repeat; padding:0 0 0 5px; line-height:14px; margin:0; display:block; float:left}
				
				/********next prev*******/
				.listBtn{width:100%; overflow:hidden; text-align:center}
					.listBtn li{display:inline; padding:0 2px;}
					
	/***********Context***********/
	.contextual{width:239px; float:right; padding:30px 3px 0 8px;}
		
		/***********News***********/		
		.news{width:214px; padding:0 15px 0 10px; margin:0 0 20px 0}		
			#main .news h2{margin:0 0 10px 0}
			.news dl{}
			.news dt{text-transform:none; padding:0 0 8px 0}
			.news dd{padding:0 0 10px 0}
		
		/***********contact***********/
		.contactInfo{width:239px; background:url(../images/bgd_topInfo_01.gif) 0 0 no-repeat; padding:12px 0 0 0}
			.contactInfo div{width:201px; background:url(../images/bgd_bottomInfo_01.gif) 0 100% no-repeat; padding:4px 18px 15px 18px;}
			.contactInfo h3{margin:0 0 5px 0}
	
		/************lev************/		
		.lev{width:210px; float:left;}
			#main .lev h2{background:url(../images/bgd_title.gif) 0 0 no-repeat; padding:19px 0 0 19px; height:44px; margin:0 0 15px 0}
			.lev ul{padding:0 12px;}
			.lev li{display:block; background:url(../images/bgd_line_06.gif) 0 100% repeat-x; padding:0 0 1px 0}
				.lev li a{display:block;}
				.lev li a span{display:block; background:url(../images/ico_arrow_01.gif) 7px 8px no-repeat; color:#626564; font-weight:bold; line-height:15px; padding:4px 5px 4px 22px;}
				.lev li a:hover{background:#fff url(../images/bgd_levActive.gif) 0 100% repeat-x; text-decoration:none}
				.lev li a:hover span{background:url(../images/ico_arrow_02.gif) 7px 8px no-repeat; color:#ed202a;}
				.lev .current a{background:#fff url(../images/bgd_levActive.gif) 0 100% repeat-x}
				.lev .current a span{background:url(../images/ico_arrow_02.gif) 7px 8px no-repeat; color:#ed202a;}
	
		/************content************/
		.innerContent{width:100%; background:url(../images/bgd_bottomContent_01.gif) 0 100% no-repeat; padding:0 0 13px 0}
		.highlightPage{width:920px; overflow:hidden; background:url(../images/bgd_topContrent_01.png) 0 0 no-repeat; padding:4px 4px 0 4px;}
			.content{width:650px; padding:15px 30px 0 30px; float:left}
				#main .content h2{margin:0 0 15px 0}
		
		/************************/	
		.innerContent2{width:100%; background:url(../images/bgd_bottomContent_02.gif) 0 100% no-repeat; padding:0 0 13px 0}
		.highlightPage2{width:920px; overflow:hidden; background:url(../images/bgd_topContrent_02.png) 0 0 no-repeat; padding:13px 4px 0 4px;}
			.highlightPage2 .contType2{background:#fff; width:100%; overflow:hidden} 
			.highlightPage2 .breadcrum{padding:10px 0 15px 69px; width:90%}
			#main .highlightPage2 h2{padding-left:69px; margin:0 0 15px 0}
			
		/*****careers********/
		.careersContent{width:851px; overflow:hidden; padding:0 0 0 69px; background:url(../images/bgd_line_07.gif) 0 23px repeat-x;}
			.workingInfo{width:417px; float:left; overflow:hidden}
				.workingInfo h3{margin:0 0 20px 0}
				.workingInfo h3 img{float:none}
				.workingInfo img{display:block; float:left; margin:0 20px 0 0}
				.workingInfo div{width:270px; float:left; padding:0 27px 0 0}
				.workingInfo div p{padding:0 0 15px 0}

			.workingInfo .map{width:250px;}
				.workingInfo .map h4{color:#ed202a; text-transform:uppercase; margin:0 0 10px 0}
				.workingInfo .map p{padding:0 0 5px 0}
				
				.availableInfo fieldset{padding:10px 15px 0 15px;}
				.availableInfo p{width:100%; overflow:hidden; display:block; margin:0 0 7px 0}
				.availableInfo label{display:block; float:left; width:66px; margin: 0 10px 0 0}
				.availableInfo input{float:left; width:250px; height:15px;}
				.availableInfo textarea{width:250px; height:100px; float:left}
				.availableInfo .btnSubmit{padding:15px 0 10px 110px; width:50%;}
				.availableInfo .btnSubmit input{padding:0; margin:0 10px 0 0; border:none; height:16px; width:61px;}
				.availableInfo .btnReset{width:55px; background:url(../images/btn_reset.gif) 0 0 no-repeat; cursor:pointer}
				
			/*************/
			.availableInfo{width:364px; background:url(../images/bgd_available.gif) 0 0 no-repeat; float:left; padding:15px 0 0 0; min-height:310px; height:auto;}
			*html .availableInfo{height:310px;}
			
				.availableInfo h3{padding:0 0 0 15px; margin:0 0 5px 0}
				.availableInfo dl{}
				.availableInfo dt{padding:5px 15px; background:url(../images/ico_open.gif) 96% 50% no-repeat; text-transform:none; color:#eb112f; border-bottom:#d0d0d1 solid 1px; cursor:pointer}
				.availableInfo dd{padding:0 15px; border-bottom:#d0d0d1 solid 1px; display:none}
				.availableInfo dd p{padding:10px 0}
				.availableInfo .current{background:url(../images/ico_close.gif) 96% 50% no-repeat; border-bottom:none}
			
			
		/*****history********/
		.historyContent{width:100%;}
			.historyContent dt{background:url(../images/bgd_line_04.gif) 100% 11px no-repeat; padding:0 0 20px 0}
			.historyContent dt img{display:block;}
			.historyContent dt .btn{float:right}
			.historyContent .current{background:url(../images/bgd_line_05.gif) 100% 11px no-repeat; padding:0 0 3px 0}
			.historyContent .current2{display:block}
			.historyContent dd{padding:0 0 0 86px; display:none}
			.historyContent dd div{background:#fefefe url(../images/bgd_info.gif) 100% 0 no-repeat; padding:5px 15px 15px 15px}
			.historyContent h4{font-size:0.9em; margin:0 0 5px 0}
			.historyContent ul{padding:0 0 3px 0}
			.historyContent li{display:block; background:url(../images/ico_li_01.gif) 0 6px no-repeat; padding:0 0 0 10px; margin:0 0 5px 0}
		
		/*****our human********/
		.ourHumanContent{width:100%; overflow:hidden; background:url(../images/bgd_humanInfo.gif) 100% 0 no-repeat; padding:4px 0 0 0}
			.listOurHuman{width:200px; float:left;}
				.humanInfo{width:200px; height:254px; overflow:hidden; position:relative;}
				#humanInfoContainer{width:200px; height:254px; overflow:hidden; position:relative;}
				.humanInfoContent{display:block;overflow:hidden; top:0px;left:0px; position:absolute;}
				.humanType{width:200px; background:url(../images/bgd_bottomInfo_02.gif) 0 100% no-repeat; padding:0 0 8px 0; margin:0 0 2px 0}
					.humanType div{width:170px; background:url(../images/bgd_topInfo_02.gif) 0 0 no-repeat; padding:8px 15px 0 15px;}
					.humanType h4{font-size:1em; margin:0 0 4px 0}
					.listOurHuman .current{background:url(../images/bgd_bottomInfo_03.gif) 0 100% no-repeat;}
					.listOurHuman .current div{background:url(../images/bgd_topInfo_03.gif) 0 0 no-repeat;}
					.listOurHuman .current h4 a{color:#fff;}
					.listOurHuman .current p{color:#fff;}
				
				.humanType2{width:430px; float:left; padding:10px; overflow:hidden}
					.humanType2 img{display:block; float:left; margin:0 15px 0 0}
					.detailHuman{width:295px; float:left;}
					.detailHuman h4{color:#ed202a; margin:0 0 5px 0}
				
				.humanType2 p{padding:0 0 10px 0}
				.humanType2 .smScrollContent{width:275px; height:300px; padding:0 5px 0 0; overflow:hidden;}
				.humanType2 .smScrollContent p{padding:0 0 15px 0}
				.humanType2 .smScroller p{padding:0}
				
				.btnUp{text-align:center; padding:0 0 1px 0}
				.btnDown{text-align:center; padding:1px 0 0 0}
				
		/*****projects********/
		.projectsContent{width:100%;}
		.projectsContent .listFeaturedProjects{width:640px; overflow:hidden; margin:0 0 15px 0; padding:0 0 0 10px;}
		.projectsContent .listFeaturedProjects .last{background:none;}
		
		#finishedProjects{width:630px; padding:0 10px; background:url(../images/bgd_info_02.gif) 0 0 no-repeat}
			.projectsType{width:620px; overflow:hidden; margin:0 0 20px 0; padding:0 5px}
				.projectsType img{display:block; float:left; margin:0 20px 0 0}
				.projectsType div{width:392px; float:left; padding:10px 0 0 0}
				.projectsType h4{text-transform:uppercase; color:#ea0020; margin:0 0 5px 0}
				.projectsType p{padding:0 0 15px 0}
				#finishedProjects .listFeaturedProjects{padding:0; width:1000px;}

		#projectsDetails{width:710px; padding:15px 0 0 0; float:left}
			#projectsDetails .breadcrum{padding:0 0 15px 30px;}
		
			.projectsDetailsContent h3{font-size:1.33em; color:#ed202a; margin:0 0 25px 0; padding:0 0 0 30px;}
			.projectsInfo{width:100%; overflow:hidden; background:url(../images/bgd_line_07.gif) 0 0 repeat-x; margin:0 0 20px 0}
			.projectsType2{width:398px; float:left;}
				.projectsType2 p{width:368px; display:block; overflow:hidden; padding:5px 15px 8px 15px; background:url(../images/bgd_line_08.gif) 0 100% repeat-x;}
				.projectsType2  span{width:95px; display:block; float:left; font-weight:bold}
				.projectsType2 .last{background:none;}
				
				.listProjects{float:left; background:url(../images/bgd_info_04.gif) 0 0 no-repeat; width:270px; padding:10px 21px 0 20px}
					.listProjects p{margin:0 0 8px 0}
					.listProjects div{width:270px; overflow:hidden; height:44px; overflow:hidden; margin:0 0 8px 0}
					.listProjects div ul{width:1000px; overflow:hidden;}
					.listProjects div li{width:66px; float:left; display:block; margin:0 2px 0 0}
					.listProjects div li img{display:block; border:#fff solid 2px;}
					.listProjects div li a:hover img{border:#ed202a solid 2px}
					.listProjects .current img{border:#ed202a solid 2px}
					.listProjects .btn{text-align:center}
					.listProjects .btn img{margin:0 5px; cursor:pointer}
				
				.otherProjects{width:640px; margin:0 auto 20px auto; background:url(../images/bgd_line_09.gif) 0 0 repeat-x; padding:20px 15px 0 15px;}
					.otherProjects h4{margin:0 0 10px 0}
					.otherProjects ul{}
					.otherProjects li{display:block; margin:0 0 7px 0}
					.otherProjects li a{font-weight:bold; margin:0 0 0 10px;}
			
		/********************/
		.paging{width:100%; overflow:hidden;}
			.paging .btnPrev{float:left;}
			.paging .btnNext{float:right;}
			.paging ul{width:200px; margin:0 auto; display:block; overflow:hidden; text-align:center}
			.paging li{display:inline}
			.paging li a{width:15px; height:24px; background:url(../images/bgd_paging_01.gif) 0 0 no-repeat; text-align:center; display:inline-block; color:#fff; font-weight:bold; margin:0 1px}
			.paging li a:hover{background:url(../images/bgd_paging_02.gif) 0 0 no-repeat; text-decoration:none}
			.paging .current a{background:url(../images/bgd_paging_02.gif) 0 0 no-repeat;}
			.visibility{ visibility:hidden}
	
		/*****CEO Letter********/
		.ceoLetter{width:620px; padding:0 20px 0 10px; overflow:hidden; background:url(../images/bgd_info_03.gif) 0 38px no-repeat;}
			.ceoLetter img{display:block; float:left; margin:0 20px 0 0}
			.ceoLetter div{width:480px; float:left;}
			.ceoLetter h4{text-transform:uppercase; color:#ea0020; margin:0 0 5px 0}
			.ceoLetter h5{text-transform:uppercase; color:#ea0020; margin:5px 0 15px 0}
			.ceoLetter p{padding:0 0 15px 0}
			.ceoLetter div img{float:right; margin:0}
			
	/************News***********/
	.newsContent{width:782px; padding:0 69px;}
		.newsInfo{width:100%; overflow:hidden; background:url(../images/bgd_line_10.gif) 50% 50% no-repeat; margin:0 0 12px 0}
			.newsInfo div{width:363px; float:left; background:url(../images/bgd_line_11.gif) 100% 100% no-repeat; margin:0 56px 0 0; padding:0 0 5px 0}
			.newsInfo div img{display:block; float:left; border:#626564 solid 2px; margin:0 20px 0 0}
			.newsInfo div a:hover img{border:#EA0020 solid 2px;}
			.newsInfo div h3{color:#ea0020; margin:0 0 5px 0}
			.newsInfo div p{padding:0 0 5px 0}
			.newsInfo .last{margin:0}
	
		.newsContent .paging{padding-top:20px}
		
	.newsDetails{width:100%; overflow:hidden; margin:0 0 15px 0}
		.newsDetails h3{color:#ED202A; font-size:1.33em; margin:0 0 20px 0}
			.newsDetails p{padding:0 0 10px 0}
			.imgType{width:274px; float:right; margin:0 0 10px 10px; height:260px; overflow:hidden; background:url(../images/bgd_line_12.gif) 0 183px repeat-x;}
			.imgType p{text-align:right; color:#0084d8; padding:0 5px}
			#listImg{ width:270px; border:2px solid #626564;  position:relative; height:179px; margin:0 0 7px 0}
			#listImg img{display:block; position:absolute; left:0; top:0;}
			#listImg img.hide {display:none}
			
			.newsContent .otherProjects{width:752px; margin:0;}
	
	/************Customer Testimanial***********/
	.customerTestimanial{width:632px; margin:0 auto; background:url(../images/bgd_info_05.gif) 0 0 no-repeat;}
		.testimanialInfo{width:100%; margin:0}
		.listTestimanial{width:630px; overflow:hidden; padding:0 1px; margin:0 0 15px 0}
			.listTestimanial div{width:198px; float:left; padding:10px 2px 0 10px; background:url(../images/bgd_info_06.gif) 96% 100% no-repeat}
			.listTestimanial div img{float:right}
			.listTestimanial p{margin:0 0 10px 0}
			.listTestimanial h3{text-transform:uppercase; color:#ed202a; margin:0 0 5px 0}
			.listTestimanial h4{font-weight:normal}
			.listTestimanial .textType{margin:0; text-align:right; font-style:italic; background:url(../images/bgd_line_03.gif) 100% 0 repeat-y; padding:0 10px 0 0}
			
			.testimanialInfo .listTestimanial div{background:url(../images/bgd_line_03.gif) 100% 0 repeat-y}
			.testimanialInfo .listTestimanial p{width:136px; height:72px;}
			.testimanialInfo .listTestimanial .last{background:none}
		
	/***********Footer***********/	
	#footer{width:920px; padding:10px 4px 10px 4px}
	 #footer * a:hover{color:#ea0020}
		.footerInfo{width:100%; overflow:hidden; padding:0 0 7px 0}
			.footerInfo p{font-size:0.91em;}
			.footerInfo p strong{color:#ea0020;}
			.footerInfo ul{float:right}
			.footerInfo li{display:inline;}
			.footerInfo li a{display:block; float:left; background:url(../images/bgd_rightInfo.gif) 100% 0 no-repeat; padding:0 5px 0 0; margin:0 0 0 1px;}
			.footerInfo li a span{display:block; background:url(../images/bgd_leftInfo.gif) 0 0 no-repeat; color:#fff; text-transform:uppercase; font-size:0.91em; line-height:12px; padding:1px 0 1px 5px;}
			.footerInfo li a:hover{text-decoration:none}

		.footerInfo2{width:100%; overflow:hidden; background:#f2f1f0 url(../images/bgd_footer.gif) 0 0 no-repeat}
			.footerInfo2 div{float:left; width:164px; padding:5px 5px 0 15px;}
			#main .footerInfo2 h2{color:#454847; font-size:1em; padding:0; margin:0 0 3px 0}
			.footerInfo2 h2 a{color:#454847;}
			.footerInfo2 ul{margin:0 0 5px 0}
			.footerInfo2 li{display:block; background:url(../images/ico_li.gif) 0 6px no-repeat; padding:0 0 0 10px;}
			.footerInfo2 li a{font-size:0.91em; color:#454847;}
			.footerInfo2 .first{width:348px;}
			.footerInfo2 .first ul{float:left; width:174px;}
			.footerInfo2 .first .last{background:url(../images/bgd_line_03.gif) 0 0 repeat-y; padding:0 0 0 15px; width:159px;}

	
	/* scroller */
		.smScrollContent{float:left; overflow:hidden;}
			
		.smScroller {width:9px; text-align:center; float:left; overflow:hidden;}
			.smScroller p {margin:0; padding:0;overflow:hidden;}
			.smScroller a {text-decoration:none; display:block;}
			.smScroller span {display:none;}
		.smScrollUp, .smScrollUp a {width:9px; height:9px; background:url(../images/btn_up_01.gif) 0 0 no-repeat; padding:0; margin:0}
			.smScrollUp a:hover {}
		.smScrollDn, .smScrollDn a {width:9px; height:9px; background:url(../images/btn_down.gif) 0 0 no-repeat;}
			.smScrollDn a:hover {}
		.smScrollDx {overflow:hidden;width:9px; background:url(../images/bgd_scroll.gif) 0 0 repeat-y;}
			.smScrollDx a {width:9px; height:90px; margin:0 auto; background:url(../images/btn_slider.gif) 0 0 no-repeat}
			.smScrollDx a:hover {}


/* layer */
.layerContent{width:400px; background:url(../images/bgd_topLayer.gif) 0 0 no-repeat; padding:28px 0 0 0; position:absolute; z-index:99999; left:-1000px; top:-1000px; font-size:1.1em;}
	.layerType{width:400px; background:url(../images/bgd_bottomLayer.gif) 0 100% no-repeat;}
	.layerType .btnClose{display:block; position:absolute; z-index:99999; right:8px; top:5px}
	.layerType h2{padding:0 0 0 15px; margin:0 0 10px 0}
	.layerType .btnUp{float:right; margin:0 15px 0 0}
	
	.jobDetails{width:370px; padding:0 15px 15px 15px;}
	.jobDetails dl{width:100%; overflow:hidden}
	.jobDetails dt{width:95px; float:left; text-transform:none; margin:0 0 10px 0}
	.jobDetails dd{float:left; width:275px;  margin:0 0 10px 0}
	.jobDetails dd ul{padding:10px 0 0 0}
	.jobDetails dd li{display:block; background:url(../images/ico_li_01.gif) 0 6px no-repeat; padding:0 0 0 10px; margin:0 0 7px 0}
	.btnApplyNow{text-align:right}
	
	.applyJobType{width:370px; background:url(../images/bgd_bottomInfo_04.gif) 0 0 no-repeat; border-top:#d0d0d1 solid 1px; padding:10px 15px 0 15px; overflow:hidden}
	.formExpanse{background:url(../images/bgd_line_07.gif) 0 0 repeat-x;}
	.applyJobType .btnDown{float:right;}
	.layerType .applyJobType h2{padding:5px 0 0 0}
	.applyJobType fieldset{}
	.applyJobType p{width:100%; overflow:hidden; display:block; margin:0 0 7px 0}
	.applyJobType label{display:block; float:left; width:84px; margin: 0 10px 0 0}
	.applyJobType input{float:left; width:270px; height:15px;}
	.applyJobType textarea{width:270px; height:100px; float:left}
	.applyJobType .boxType{position:relative}
	.applyJobType .boxType img{position:absolute; right:4px; top:3px; }
	.applyJobType .boxType input{padding-right:25px; width:246px;}	
	.applyJobType .boxType2 span{display:block; float:left; width:273px; border:#afafaf solid 1px }
	.applyJobType .boxType2 input{width:248px; float:left; border:none}
	.applyJobType .boxType2 img{display:block; float:right; padding:2px 2px 0 0}
	.applyJobType  .btnSubmit{padding:15px 0 10px 120px; width:80%;}
	.applyJobType  .btnSubmit input{padding:0; margin:0 10px 0 0; border:none; height:16px; width:61px;}
	.applyJobType  .btnReset{width:55px; background:url(../images/btn_reset.gif) 0 0 no-repeat; cursor:pointer}	
.layerType p.browseFileWrap {position: relative;}	
.layerType input.fileBrowseInput {width:270px; height:15px; position:absolute; top:0; left:0; cursor: pointer; padding:0; margin:2px 0 0 0; z-index: 1000000;}

	/*
.layerType p.browseFileWrap {position: relative; float:left}	
.layerType span.browseFile {margin:0 10px 0 0;}
.layerType input#resume {width: 220px;}
.layerType input#browse {margin:-1px 0 0 0}
.layerType input.fileBrowseInput {width:270px; height:13px; position:absolute; top:0; left:0; z-index:1; cursor: pointer; padding:0; margin:2px 0 0 0;}
.layerType .btnBrowse { width:13px !important; height:13px; border:0 none; float:left;}

*/

/********Map***********/
.layerMap{width:400px; height:412px; background:url(../images/bgd_map.gif) 0 0 no-repeat; padding:0; position:absolute; z-index:99999; left:-1000px; top:-1000px; font-size:1.1em;}
	.layerMap .btnClose{text-align:right; padding:0; height:18px;}
	.layerMap .btnClose img{margin:5px 8px 0 0}
	.mapInfo{width:100%; overflow:hidden; position:relative;}
	.mapInfo div.info{position:absolute; z-index:99999; left:0; top:304px; background:url(../images/bgd_mapInfo.png) 0 0 no-repeat; width:370px; height:70px; padding:10px 15px;}
	.mapInfo h3{color:#ed202a; text-transform:uppercase; margin:0 0 5px 0}
	.mapInfo div.info p{padding:0 0 3px 0}
	.mapInfo div.info p span{padding:0 0 0 20px;}
	
/* Alert class */
	.alertLayer {font-size:1em; width:115px; position:absolute; top:0; left:0; visibility:hidden; z-index:100000;}
		.alertLayer a {overflow:hidden; float:right;}
			.alertLayer a:hover {}
		.alertLayer p {}
		/* layer type */
		.layer {background:#e3e2e3;}
			.layer a {display:none;}
		.layer p {color:#000; margin:0; padding:5px 3px; font-size:1.1em;}	
		
#overlay {
	position: fixed;
	z-index: 99998;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

select.hide {
	display:none;
}
.moo-select {
	overflow:hidden;
	font-size:1.1em;	
}
.moo-select a{
	text-decoration:none;	
	overflow: hidden;	
	cursor: default;	
	border:1px solid #AFAFAF;	
	color:#454847;
}
.moo-select a:hover{text-decoration:none;}
.moo-select a.icon {
	float:right;	
	outline:none;
	background: url(../images/btn_selectbox.gif) no-repeat;
	width: 18px;
}
.moo-select a.text {
	float:left;		
	text-decoration:none;
}
.moo-option {
	position: absolute;
	z-index: 100000;
	top: 0;
	left: 0;
	font-size:1.1em;
	border: 1px solid #afafaf;
	background:#fff;
	overflow:auto;
}
.moo-option span {
	cursor: pointer;
	overflow:hidden;/* delete for validate overflow-x:hidden;*/
	display:block;
}
.moo-option li {
	cursor: pointer;
	display:block
}
.moo-select ul{
	list-style:none;
	margin:0;
	padding:0;
}
.moo-select li{
	cursor: pointer;
	list-style:none;
	display:block;
}
.moo-option .nornal {
	background-color: white; 
	color: black;	
}

.contentLoad{display:none;}