/*  common css
***************************************/
*			{padding:0; margin:0; font-family:"Tahoma", Arial, Helvetica, sans-serif; font-size:11px; color:#464646; border:none; outline:none}
body		{background: url(../images/bgd_site.gif) 0 0 repeat}
li, ul		{list-style:none}
p			{line-height:16px}
a			{text-decoration:none}
a:hover		{text-decoration:underline}
h2			{font-size:18px; color:#6f221e;}
h3			{font-size:12px; color:#dd3d36; text-transform:uppercase;}
h4			{font-size:11px; color:#6f221e; text-transform:uppercase; padding:0 0 5px 0;}

.clear{clear: both}
.keyword { display:none}
/*  main structure
***************************************/
	#main {width:914px; overflow:hidden; margin:0 auto}
	
	/* masthead
	***************************************/
	#masthead{width:914px; overflow:hidden; padding: 23px 0 0 0}
	
		#nav {width:908px; overflow:hidden; padding: 0 0 0 6px; border-bottom:1px solid #d9c4c3}
		#nav li {float:left; padding: 0 1px 0 0}
			#nav img{display: block}
				
			ul.submenu {width:165px; background:#dd3d36; padding: 0; margin:0 0 0 -10px; font-size:12px; position:absolute; left:-1000px; top:50px; z-index:1000; overflow:hidden;}
				ul.submenu li{ font-weight: bold; display:block; overflow:hidden; height:22px; background:  url(../images/bgd_submenu.gif) 0 0 repeat-x; padding: 1px 0 0 0; margin:0;}
				ul.submenu li.first{background: none; padding: 0}
				ul.submenu a{display:block; color:#fff; padding:4px 10px 5px 10px; height:19px}
				ul.submenu a:hover{text-decoration: none; background: #83403d}
			
		.header {width:902px; overflow:hidden; background: url(../images/bgd_header.gif) 0 0 no-repeat; padding: 0 6px}
			.header h1 {float: left}
			.banner{float: right}
	
	/* container
	***************************************/
	#container{width:914px; overflow:hidden; background: url(../images/bgd_container.gif) 0 100% repeat-y;}
		#content{float: left; width: 564px; overflow: hidden; padding: 0 25px 30px 33px; position:relative;}
			#content p{padding: 7px 0 0 0}
			#content h3 a{font-size:12px; color:#dd3d36;}
			#content .booknow{text-align:right; padding:15px 30px 0 0;}
			.quote2{padding:15px 0 0 30px;}
				#content .quote2 p{padding:0 0 15px 0;}
			.ourServicesWrap{width: 564px; overflow: hidden; background: url(../images/bgd_services_bottom.gif) 0 100% no-repeat; margin: 15px 0 0 0}
				.ourServices{width: 545px; overflow: hidden; background: url(../images/bgd_services_top.gif) 0 0 no-repeat; padding: 0 0 0 19px}
					.ourServices h3{background: url(../images/ico_our_services.gif) 0 0 no-repeat; height: 16px; padding: 6px 0 0 30px }
					#serviceCont{width: 535px; float:left; overflow: hidden; position:relative;}
					#serviceCont div{width: 2000px; float:left; position:relative; left:0px;}
					#serviceCont div div{float: left; width: 253px; height: 188px; overflow: hidden; padding: 8px 15px 10px 0 }
					#serviceCont h4{padding: 8px 0 0 0}
					#serviceCont a{color: #de3d36; font-weight: bold}
					
					.sliderButtonLeft{position:absolute; top:385px; left:40px; z-index:1000;}
					.sliderButtonRight{position:absolute; top:385px; left:558px; z-index:1000;}
					
					
				#breadcrums{margin:0 0 10px 0;}
					#breadcrums li{font-size:10px; display:inline;}
					#breadcrums a{font-size:10px; color:#dd3d36; background:url(../images/bullet_01.gif) 100% 5px no-repeat; margin:0 5px 0 0; padding:0 10px 0 0; text-decoration:underline;}
					#breadcrums a:hover{color:#6f221e; text-decoration:none;}
					
				#inforDetail{background:url(../images/bgd_intro_01.gif) no-repeat; width:564px; margin:15px 0 5px 0; padding:12px 0 0 0;}
					#inforDetailWrap{background:url(../images/bgd_intro_02.gif) 0 100% no-repeat; width:528px; padding:0 20px 12px 16px;}
					#inforDetailWrap div{background:url(../images/bgd_dots.gif) 0 100% repeat-x; margin:0 0 8px 0; padding:0 0 10px 0;}
					#inforDetailWrap h3{padding:0 0 10px 0;}
					#inforDetailWrap h3 a{font-size:12px; color:#dd3d36;}
					#inforDetailWrap p{line-height:16px; padding:0;}
					#inforDetailWrap p a{font-weight:bold; color:#dd3d36; padding:0 0 0 5px;}
					#inforDetailWrap a:hover{color: #6f221e; text-decoration:none;}
					#inforDetailWrap p span{font-size:10px; color:#8f8f8f;}
					#inforDetailWrap .lastJob{background:none; margin:0; padding:0;}
					#inforDetailWrap img{float:left; margin:0 10px 0 0;}
						.careerList li{background:url(../images/bullet_02.gif) 0 8px no-repeat; padding:2px 0 0 12px; line-height:16px;}
						.viewmore{text-align: right}
						
						.transportList{padding: 0 0 0 10px}
							.transportList li{background:url(../images/bullet_02.gif) 0 8px no-repeat; padding:2px 0 0 12px; line-height:16px;}
								.transportList li ul{padding: 2px 0 2px 0}
								.transportList li li{background: none; padding: 0}
						
					#inforDetailWrap02{background:url(../images/bgd_intro_03.gif) 0 100% no-repeat; width:528px; padding:0 20px 12px 16px; overflow:hidden;}
						.incentiveList{width: 528px; overflow: hidden}
						.incentiveList ul{float:left; width:246px; padding:0 40px 0 0;}
						.incentiveList .lastList{width:235px; padding:0;}
						.incentiveList li{background:url(../images/bullet_02.gif) 0 6px no-repeat; padding:0 0 0 12px; line-height:16px;}
						#inforDetailWrap02 #paging{width:528px; padding:10px 0 0 0; overflow:hidden; background: #f9f3f3}
							#inforDetailWrap02 #paging p{float:left;}
							#inforDetailWrap02 #paging ul{float:left; width:365px; margin:10px 0 0 0; text-align:center}
							#inforDetailWrap02 #paging li{display:inline; padding:0 5px 0 0; background: none}
							#inforDetailWrap02 #paging a{color:#dd3d36; text-decoration:underline;}
							#inforDetailWrap02 #paging a:hover{color: #6f221e; text-decoration:none;}
					
					
				#paging{width:544px; padding:0 10px; overflow:hidden;}
					#paging p{float:left;}
					#paging ul{float:left; width:382px; margin:10px 0 0 0; text-align:center;}
					#paging li{display:inline; padding:0 5px 0 0;}
					#paging a{color:#dd3d36; text-decoration:underline;}
					#paging a:hover{color: #6f221e; text-decoration:none;}
					
				#contactFrm{width:434px; margin:20px auto; overflow:hidden;}
					#content #contactFrm p{padding:0 0 7px 0; width:380px; overflow:hidden;}
					#contactFrm form{background:url(../images/bgd_contact_02.gif) 0 100% no-repeat;}
					#contactFrm fieldset{background:url(../images/bgd_contact_01.gif) no-repeat; padding:17px 0 0 50px;}
					#contactFrm input{width:265px; height:17px; float:left; border:1px solid #c3b7b6;}
					#contactFrm label{font-weight:bold; color:#6f221e; width:70px; float:left;}
					#contactFrm textarea{width:265px; height:72px; float:left; border:1px solid #c3b7b6;}
					#content #contactFrm .btn{padding:6px 0 15px 77px;}
					#contactFrm .btn input{width:75px; height:41px; border:none;}
					#contactFrm .btn a{margin:0 0 0 27px; float:left;}
					#contactFrm #resume{width:265px; height:20px; padding:0; border:none;}
					*html #contactFrm #resume{border:#c3b7b6 solid 1px;}
					*+html #contactFrm #resume{border:#c3b7b6 solid 1px;}
					
				/*incentive
				***************************************/
				#searchFrm{width: 560px; overflow: hidden; padding: 5px 0 0 0}
					#searchFrm p{float: left}
					#searchFrm label{font-weight: bold}
					#searchFrm input{width: 365px; padding: 3px 5px; margin: 0 0 0 5px; border: #c0c0c0 solid 1px}
					#searchFrm .btn{padding: 3px 0 0 0; float: right}
					#searchFrm .btn input{width: 61px; border: none; padding: 3px 0; margin: 0}
					
				#TB_window {background:url(../images/bgd_layer_incentive_top.gif) no-repeat; width:564px; margin:15px 0 5px 0; padding:7px 0 0 0; position:absolute; top:370px; left:190px; z-index:999}
					.layerIncentiveWrap{background:url(../images/bgd_layer_incentive_bottom.gif) 0 100% no-repeat; width:538px; padding:0 10px 25px 16px;}
					.layerIncentiveWrap h4{float: left;  width: 500px; padding: 0 0 10px 0}
					.layerIncentiveWrap .incentiveCont{float: left; width: 538px}
						.layerIncentiveWrap img{float: left; padding: 0 15px 0 0}
						.layerIncentiveWrap .btnClose{float: right; padding: 0!important; width: 500px; overflow: hidden}
						.layerIncentiveWrap .btnClose img{float: right; padding: 0; display: block}
					
				
				/*show marking
				***************************************/
				.partition{text-align: center}
					
				/*sitemap
				***************************************/	
				#sitemap{margin:15px 0 0 30px;}
					#sitemap a{font-weight:bold; background:url(../images/bullet_02.gif) 0 5px no-repeat; padding:0 0 0 10px; text-transform:uppercase;}
					#sitemap li{padding:0 0 10px 0;}
					#sitemap li li a{font-weight:normal; background:url(../images/bullet_01.gif) 0 5px no-repeat; text-transform:none;}
					#sitemap li ul{margin:10px 20px 0 30px;}
					
		#contextual{float: left; width: 246px; overflow: hidden; padding: 5px 21px 40px 25px}
			#contextual h2{padding:30px 0 10px 0;}
			#contextual h3{padding:0 0 5px 0;}
			#contextual #vietnam{background:url(../images/icon_vietnam.gif) no-repeat; padding:0 0 5px 30px;}
			#contextual .usa{background:url(../images/icon_usa.gif) no-repeat;}
			#contextual #england{background:url(../images/icon_england.gif) no-repeat;}
			#contextual #australia{background:url(../images/icon_australia.gif) no-repeat;}
			#contextual #hongkong{background:url(../images/icon_hongkong.gif) no-repeat;}
			#contextual #brazil{background:url(../images/icon_brazil.gif) no-repeat;}
			#contextual #newzealand{background:url(../images/icon_newzealand.gif) no-repeat;}
			#contextual p{line-height:16px; padding:0 0 15px 0;}
			#contextual .link a{text-decoration:underline;}
			#contextual .link a:hover{text-decoration:none;}
			#contextual .contactInfo a{color: #de3d36; font-weight: bold;}
			#contextual dl{margin:10px 0 15px 0;}
				#contextual dt{font-weight:bold; text-transform:uppercase; padding:0 0 10px 30px; cursor:pointer;}
				#contextual dd{padding:0 0 10px 30px;}
			.moviedemo{background:url(../images/bgd_movieClip.gif) no-repeat; height:197px; padding:23px 8px 10px 8px;}
			.quote{padding: 25px 0 0 30px}
				#contextual .quote h3{padding: 0 0 0 8px;}
				.quote ul{width: 154px; height: 163px; background: url(../images/bgd_quote.gif) 0 0 no-repeat; padding: 6px 20px 0 10px }
					.quote li{padding: 0 0 40px 0}
					.quote li a{color: #fff}
			.services{background:url(../images/bgd_dots.gif) 0 100% repeat-x; width: 246px; overflow: hidden; padding:0 0 10px 0; margin:0 0 10px 0;}
				.services img{float:left; margin:0 10px 0 0;}
				.servicesLast{background:none; margin:0; padding:0;}
				.services a{color:#dd3d36; font-weight:bold;}
				#contextual .services p{line-height:normal; padding:0;}
				
			.movieBox{width: 500px; overflow: hidden; padding: 10px 0 0 0; margin: 0 auto}
				
			#locationMap{width:504px; height:348px; border:5px solid #ccc; position:absolute; top:-5000px; right:38px;}
		
	/* footer
	***************************************/
	#footer{width:880px; overflow:hidden; padding: 2px 17px 20px 17px}
		#footer ul{float: left; width: 540px; overflow: hidden}
			#footer li{float: left; font-weight: bold; background: url(../images/ico_01.gif) 0 5px no-repeat; padding: 0 4px 0 12px; display: inline}
			#footer li.first{background: none; padding: 0 4px 0 0}
				#footer a{color: #6f221e}
				#footer a:hover{color: #dd3d36; text-decoration: none}
		#footer p{color: #6f221e; float: right}
			#footer strong{color: #6f221e}
			
/* Alert class */
.alertLayer {font-size:11px; width:150px; position:absolute; top:0; left:0; visibility:hidden; z-index:999;}
	.alertLayer a {overflow:hidden; float:right;}
		.alertLayer a:hover {}
	.alertLayer p {}
	/* layer type */
	.layer {background:#6f221e;}
		.layer a {display:none;}
	.layer p {color:#fff; margin:0; padding:5px 10px;}
