html,body{margin:0; padding:0;}
body{font-size:12px; font-family:Tahoma; background-color:#e0e0e0}
ul, li{list-style:none; margin:0px; padding:0px;}
ul, dl, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset { margin: 0; padding: 0; }
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px;}
a{text-decoration:none; color:#D28F00}
a:hover{text-decoration:underline;}

.wraper{width:950px; margin:auto;}
.content{ width:100%; background:0px 0px url(../images/promo_area_inside.jpg) repeat-x;}
#home .content{ width:100%; background:0px 0px url(../images/promo_area_index.jpg) repeat-x;}
.white_box{background-color:#FFFFFF; margin-bottom:5px;
-webkit-border-radius: 0px 0px 5px 5px;
 -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  behavior: url(js/PIE.htc);}

.header{background-color:#000; width:100%;}
.header .wraper{height:108px; position:relative;}
.header .wraper .top_logo{color:#FFF; margin-left: -25px;}
.header .wraper .menubar{ position:absolute; bottom:2px; right:0px; z-index:999}
.header .wraper .menu_bar_hilight{height:2px; width:100%; position:absolute; bottom:0px; left:0px; background:#000 url(../images/menu_bar.jpg) repeat-y; overflow:hidden}

#home .header .wraper .menu_bar_hilight{background-position:-95px 0px;}
#service .header .wraper .menu_bar_hilight{background-position:-50px 0px;}
#facility .header .wraper .menu_bar_hilight{background-position:60px 0px;}
#why_at .header .wraper .menu_bar_hilight{background-position:300px 0px;}
#aboutus .header .wraper .menu_bar_hilight{background-position:550px 0px;}
#presence .header .wraper .menu_bar_hilight{background-position:410px 0px;}
#customer .header .wraper .menu_bar_hilight{background-position:185px 0px;}

#disclaimer .header .wraper .menu_bar_hilight{ background:none;}
#sitemap .header .wraper .menu_bar_hilight{ background:none;}

.footer{width:100%; background:0px 0px url(../images/footer_bg.jpg) repeat-x #e0e0e0; padding:15px 0px 20px;display:block;overflow:hidden;
-webkit-border-radius: 5px 5px 0px 0px;
 -moz-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  behavior: url(js/PIE.htc);}
  
.if_footer{height:100px; overflow:hidden}
.if_news{ height:200px; overflow:hidden}

/* Menu */
.menubar {}
.menubar #menu{position:relative}
.menubar #menu li{float:left; position:relative;}
.menubar #menu a{text-decoration:none; margin-left:1px; float:left; cursor:pointer;}
.menubar #menu a .menu_head{height:39px; background:top left url(../images/main_menu_btn.jpg) no-repeat; padding-left:20px; float:left; font-weight:bold; color:#bababa; line-height:38px;}
.menubar #menu a .menu_tail{height:39px; width:20px; background:top right url(../images/main_menu_btn.jpg) no-repeat; float:left;}
.menubar #menu li:hover .menu_head, .menubar #menu a:hover .menu_head{ background-position:bottom left; color:#FFF;}
.menubar #menu li:hover .menu_tail, .menubar #menu a:hover .menu_tail{background-position:bottom right;}
.menubar #menu a.active{}
.menubar #menu a.active .menu_head{ background-position:bottom left; color:#FFF;}
.menubar #menu a.active .menu_tail{background-position:bottom right;}
.menubar .sub_menu{border:1px solid #646464; display:none; position:absolute; left:1px; top:41px; z-index:999;background-color:#4e4e4e; 
-moz-box-shadow: 1px 2px 5px #000;
  behavior: url(js/PIE.htc);
    -webkit-box-shadow: #000 1px 2px 5px;
	  box-shadow: #000 1px 2px 5px;}
	  
.menubar #menu .sub_menu a{width:100%; background-color:#4e4e4e; border-bottom:solid 1px #646464;color:#aaaaaa; margin:0px; overflow:hidden;}
.menubar #menu .sub_menu .sub_last{border:none;}
.menubar #menu .sub_menu a:hover{ background-color:#424242; color:#e89e00;}
.menubar #menu .sub_menu a:active{ background-color:#c07f02; color:#fff;}
.menubar #menu .sub_menu li a.subm_select .menu_txt{ padding-left:10px; line-height:27px;}

.menubar #menu li .sub_menu li{}

.menubar .subm_serv, .menubar .subm_serv li{width:242px;}
.menubar .subm_fac, .menubar .subm_fac li{width:332px;}
.menubar .subm_why_at, .menubar .subm_why_at li{width:202px;}
.menubar .subm_presence, .menubar .subm_presence li{width:208px}
.menubar .subm_aboutus, .menubar .subm_aboutus li{width:95px}

.header_txt_link{position:absolute; right:0px; top:10px; color:#c09900}
.header_txt_link span{float:left}
.header_txt_link a{ color:#c09900; text-decoration:none; padding:0px 7px; float:left; font-size:11px}
.header_txt_link a:hover{text-decoration:underline}
.header_txt_link .no_border{border:none}

/* promo_box */
.promoBox{width:950px; height:306px; overflow:hidden; display:block; position:relative;}
.promoBox .promo{ display:block; position:absolute; left:0px; top:0px;}
.promoBox .promo .promo_img_1{background:0px 0px url(../images/index_p1.jpg) no-repeat; width:950px; height:306px; display:block;}
.promoBox .promo .promo_img_2{background:0px 0px url(../images/index_p2.jpg) no-repeat; width:950px; height:306px; display:block;}
.promoBox .promo.active{z-index:10}
.promoBox .last-active {z-index:5;}

/* index */
/* #home .promo_area{background:0px 0px url(../images/index_p1.jpg) no-repeat; width:950px; height:306px; display:block;} */
#home .main_content{width:875px; margin:0px auto; padding:25px 0px 25px; position:relative; float:none}
.section_content{ float:left; width:263px; padding-right:22px}
.title_box{ width:263px; height:30px; color:#e87300; font-size:18px; font-weight:normal; background:0px 0px url(../images/title_bg.jpg) no-repeat;}
.title_box span{padding:3px 0px 0px 12px; display:block}
.intro{ font-size:17px; color:#e89e00; line-height:27px; font-weight:normal; padding:5px 0px 0px 5px; display:block}
.section_content a.more{font-size:12px; color:#5a5a5a; text-decoration:none; padding:5px 0px 0px 5px; display:block}
.section_content a.more:hover{text-decoration:underline}
a.news_box{padding:15px 0px 2px 5px; display:block; text-decoration:none; font-size:11px}
a.news_box .day{ color:#e89e00; font-weight:bold; padding-bottom:2px}
#aboutus .day{ color:#e89e00; font-weight:bold; padding-bottom:2px;}
a.news_box:hover .day{text-decoration:none}
a.news_box span{color:#7e7e7e;}
a.news_box:hover span{ text-decoration: underline}
.video_area{float:right; position:relative; display:block; width:300px; text-align:center; padding-top:127px; z-index:888}
.video_border{ width:300px; height:169px; background-color:#ffae00; position:absolute; top:-60px; right:0px; display:block; text-align:center; padding-top:9px;
-webkit-border-radius: 5px;
 -moz-border-radius: 5px;
  border-radius: 5px;
  behavior: url(js/PIE.htc);}
.video_area span{color:#f6a800; font-size:20px}

/*  promotion area */
#service .promo_area{ background:0px 0px url(../images/promo_services_1.jpg) no-repeat;}
#facility .promo_area{ background:0px 0px url(../images/promo_facilities_1.jpg) no-repeat;}
#why_at .promo_area{ background:0px 0px url(../images/promo_why_asiatone_1.jpg) no-repeat;}
#aboutus .promo_area{ background:0px 0px url(../images/promo_aboutus_1.jpg) no-repeat;}
#presence .promo_area{ background:0px 0px url(../images/promo_presence_1.jpg) no-repeat;}
#disclaimer .promo_area{ background:0px 0px url(../images/promo_disclaimer_1.jpg) no-repeat;}
#customer .promo_area{ background:0px 0px url(../images/promo_customer_1.jpg) no-repeat;}
#sitemap .promo_area{ background:0px 0px url(../images/promo_disclaimer_1.jpg) no-repeat;}

/*  inside page general */
.promo_area{width:950px; height:137px; display:block; }
.promo_area .main_title{font-size:32px; color:#e89e00; font-weight:normal; letter-spacing:2px; padding:65px 0px 0px 20px}
.promo_area .main_title span{color:#FFFFFF}
.ins_box{ background:0px 0px url(../images/inside_bg.jpg) repeat-y; margin-bottom:5px;
-webkit-border-radius: 0px 0px 5px 5px;
 -moz-border-radius: 0px 0px 5px 5px;
  border-radius: 0px 0px 5px 5px;
  behavior: url(js/PIE.htc);}
  
.nomenu_bg{background:0px 0px url(../images/inside_bg_nomenu.jpg) repeat-y;}

.left_menu{float:left; width:184px; padding:1px 0px 1px 1px;}
.left_menu ul{float:right; width:184px; margin-bottom:60px}
.left_menu ul li{float:left; width:100%; border-bottom:1px solid #f8f8f8}
.left_menu ul li a.btu_l_menu{float:left; width:175px; background-color:#e4e4e4; padding:10px 9px 11px 0px;}
.left_menu ul li a.btu_l_menu:hover{/*background:0px 0px url(../images/left_menu_on_bg.jpg) repeat-x #d99401;*/ text-decoration:none; background-color:#FFFFFF}
.left_menu ul li a.btu_l_menu .btu_txt{float:left; background:15px 3px url(../images/left_menu_butlet_off.gif) no-repeat; padding-left:25px; color:#5b5b5b; font-weight:bold; font-size:11px;}
.left_menu ul li a.btu_l_menu:hover .btu_txt{background-image:url(../images/left_menu_butlet_act.gif); text-decoration:none; color:#E89E00}
.left_menu ul li a.btu_l_menu:active{background-image:none; background-color:#d99401; color:#E89E00}
.left_menu ul li a.btu_l_menu:active .btu_txt{color:#FFFFFF;background-image:url(../images/left_menu_butlet_on.gif)}

.left_menu ul li a.active{cursor:default;background:0px 0px url(../images/left_menu_on_bg.jpg) repeat-x #d99401;text-decoration:none}
.left_menu ul li a.active:hover{background:0px 0px url(../images/left_menu_on_bg.jpg) repeat-x #d99401;text-decoration:none}
.left_menu ul li a.active .btu_txt{background-image:url(../images/left_menu_butlet_on.gif); color:#FFF; text-decoration:none}
.left_menu ul li a.active:hover .btu_txt{color:#FFFFFF;background-image:url(../images/left_menu_butlet_on.gif)}

.right_col{float:right; width:243px; padding:11px 11px 30px 0px}
.right_col .title_box{background:0px 0px url(../images/title_bg_right.jpg) no-repeat; width:243px;}

.main_content{ float:left; width:450px; padding:15px 0px 60px 25px;}
.nomenu{width:635px;}
.sub_title{color:#E89E00; font-size:20px; font-weight:normal; padding-bottom:10px}
.main_content .text_area{ line-height:18px; color:#494949; display:block}
.main_content .text_area a{color:#D28F00; text-decoration:underline}
.main_content .text_area a:hover{text-decoration:none;}

.content_left{float:left; width:250px; display:block}
.content_right{float:right; padding-top:5px}

.butlet_point li{background:0px 8px url(../images/butlet.gif) no-repeat; padding:5px 0px 5px 12px; font-weight:bold; color:#e89e00;}
.butlet_point li a{color:#D28F00; text-decoration:underline}
.butlet_point li a:hover{text-decoration:none}
.butlet_point_b li{background:0px 8px url(../images/butlet.gif) no-repeat; padding:4px 0px 4px 12px; font-weight: normal; color:#555;}
.butlet_point_b li ul{padding-top:5px}
.butlet_point_b li ul li{font-size:11px; padding:2px 0px 2px 9px;background:0px 5px url(../images/butlet_s.gif) no-repeat;}

.line{padding-bottom:15px; display:block}
.iso img{float:left; padding-right:5px;}
.iso span{background:0px 11px url(../images/butlet.gif) no-repeat; padding:5px 0px 5px 12px; float:left; width:350px; color:#5b5b5b; line-height:18px}
.iso span h1{font-weight:bold; color:#e89e00; font-size:13px; padding-bottom:3px}

/*  aboutus */
.milestones .year{float:left; width:80px; color:#e89e00; font-weight:bold; padding-top:5px;}
.milestones .butlet_point_b{float:left; width:360px;}

.contactus .office{float:left; width:100px; color:#e89e00; font-weight:bold;font-size:11px;}
.contactus .address{float:left; width:190px; color:#5b5b5b; line-height:16px; font-size:11px;}
.contactus .contact_no{float:right; width:130px; color:#5b5b5b; font-weight:bold; font-size:11px}

.news_content{float:left; width:305px; padding-left:10px}
.news{padding:25px 0px; display:block; border-bottom:1px solid #e4e4e4}

/*  sitemap */
.link_title{padding-bottom:2px; border-bottom:1px solid #CCC; width:100%; display:block; font-weight:bold; margin-bottom:2px}
a.link_title:hover{text-decoration:none;}
#sitemap .butlet_point_b li{padding:2px 0px 2px 10px; background:0px 6px url(../images/butlet.gif) no-repeat;}
#sitemap .butlet_point_b li ul li{background:0px 5px url(../images/butlet_s.gif) no-repeat;}
#sitemap .butlet_point_b a{ color:#555555; font-size:11px}
#sitemap .butlet_point_b a:hover{ color:#D28F00;}

.view{background:0px 0px url(../images/view.png) no-repeat; padding:1px 0px 1px 17px; margin-left:10px;}
.point_pol{padding-left:15px; background:2px 5px url(../images/butlet.gif) no-repeat;}