#menubar{ margin:0; padding:0;}
#menubar li{ display:inline-block; height:44px; margin-left:35px; font-family: 'CenturyGothic'; font-size:16px;}
#menubar li a.linkc{ padding:0 10px 19px 10px; color:#a4a4a4; position:relative; display:block;}
#menubar li:hover, #menubar li.current{ height:40px;border-bottom:4px #f58220 solid; color:#FFF; text-decoration:none;}
#menubar li:hover a, #menubar li.current a{ color:#FFF; text-decoration:none;}
#parent1, #parent2, #parent3{ z-index:99999; cursor:pointer;}
#child1, #child2{ display:none; position:absolute; float:left; top:44px; left:0; width:1000px; background:#FFF url(../images/icon-menu.png) no-repeat right top; z-index:999;
box-shadow:0px 2px 3px #888;}
#child2{ background:#FFF;}
#child3{ display:none; position:absolute; float:right; top:44px; right:0; width:192px; background:#FFF; z-index:999; border-bottom:15px #f0f0f0 solid;}
#menubar li a .arrow-sub{ display:none; position:absolute; width:13px; height:7px; background:url(../images/arrow-sub.png) no-repeat; left:50%; margin-left:-7px; top:43px; z-index:9999;}
#menubar li:hover .arrow-sub, #menubar li.current .arrow-sub{ display:block;}
.travelstyle{ position:relative; float:left; width:100%;}
.travelstyle .itemstyle{ position:relative; float:left; width:225px; height:auto; margin:30px 0 0 20px; display:inline; text-align:left;}
.travelstyle .itemstyle .title{ color:#282828; padding:0 0 12px 0; font-weight:normal; font-size:16px; display:inline-block;}
#menubar li .travelstyle .itemstyle a{ padding:0; border-bottom:0;}
.menu-activities{ position:relative; float:left; width:100%; background:#f0f0f0; border-top:1px #a1a1a1 dashed; margin:30px 0 0 0; padding:22px 0 20px 0;}
.title-ac{ position:absolute; font-size:14px; color:#282828; background:#c9c9c9; border-radius:3px; padding:5px 20px; top:-15px; left:50%; margin-left:-50px; display:inline;}
.item-acti{ position:relative; float:left; width:11%; height:68px; text-align:center;}
.item-end{ width:12%;}
#menubar li .item-acti a{ border-bottom:0; color:#282828;}
.item-acti .title{width:100%; position:absolute; bottom:0; text-align:center; left: 0;}
.item-acti .title a{ font-size:14px; color:#282828; padding:8px 0 0 0; font-weight:normal;}
#menubar li .item-acti h3 a:hover{ color:#f58220;}
.icon-acti{ background:url(../images/icon-acti.png) no-repeat; margin-top:10px;}
.i-trekking{ width:43px; height:33px; background-position:0px 0px;}
.i-Cycling{ width:47px; height:38px; background-position:0px -34px;}
.i-Cruising{ width:46px; height:36px; background-position:0px -73px;}
.i-Kayaking{ width:42px; height:37px; background-position:0px -110px;}
.i-Walking{ width:20px; height:33px; background-position:0px -148px;}
.i-Rafting{ width:49px; height:29px; background-position:0px -182px;}
.i-Farming{ width:37px; height:33px; background-position:0px -212px;}
.i-Cooking{ width:49px; height:36px; background-position:0px -246px;}
.i-RockClimbing{ width:42px; height:47px; background-position:0px -283px; margin:0;}
.destinations{ position:relative; float: left; width:961px; height:379px; margin:20px 0 0 20px; display:inline;}
.btsub-des{ position:relative; float:left; width:100%; height:15px; background:#f0f0f0; border-top:1px #a1a1a1 dashed; margin:22px 0 0 0; color:#FFF;}
.des-hanoi{ position:absolute; width:300px; height:189px; top:0; left:0;}
#menubar li .destinations a{ padding:0;}
#menubar li .destinations a:hover{ border-bottom:0;}
.destinations img{ position:absolute; top:0; left:0; z-index:1;}
.bgblack{ position:relative; float:left;width:100%; background:#000;opacity:0.70; filter:alpha(opacity=70); z-index:2;}
.namedes{position:absolute; font-weight:normal; color:#FFF; z-index:3;opacity:0.70; filter:alpha(opacity=70);}
#menubar li .destinations a:hover .bgblack{opacity:0; filter:alpha(opacity=0);transition-duration: 1s;}
#menubar li .destinations a:hover .namedes{opacity:1; filter:alpha(opacity=100);transition-duration: 1s;}
.des-hanoi .bgblack{ height:189px;}
.des-hanoi .namedes{ font-size:34px; bottom:12px; right:20px;}

.des-nwne{ position:absolute; width:251px; height:94px; top:0; left:301px;}
.des-nwne .bgblack{ height:94px;}
.des-nwne .namedes{ font-size:18px; font-weight:normal; top:10px; right:10px;}
.des-nhatrang{ position:absolute; width:251px; height:94px; top:95px; left:301px;}
.des-nhatrang .bgblack{ height:94px;}
.des-nhatrang .namedes{ font-size:22px; font-weight:normal; bottom:15px; right:15px;}

.des-halong{ position:absolute; width:251px; height:94px; top:0px; left:553px;}
.des-halong .bgblack{ height:94px;}
.des-halong .namedes{ font-size:22px; font-weight:normal; bottom:15px; right:15px;}
.des-hue{ position:absolute; width:251px; height:94px; top:95px; right:157px;}
.des-hue .bgblack{ height:94px;}
.des-hue .namedes{ font-size:22px; font-weight:normal; bottom:15px; left:22px;}
.des-sapa{ position:absolute; width:156px; height:189px; top:0; right:0;}
.des-sapa .bgblack{ height:189px;}
.des-sapa .namedes{ font-size:26px; font-weight:normal; bottom:10px; right:10px;}

.des-hoian{ position:absolute; width:156px; height:189px; top:190px; left:0;}
.des-hoian .bgblack{ height:189px;}
.des-hoian .namedes{ font-size:28px; font-weight:normal; bottom:12px; right:14px;}

.des-mekong{ position:absolute; width:251px; height:94px; top:190px; left:157px;}
.des-mekong .bgblack{ height:94px;}
.des-mekong .namedes{ font-size:24px; font-weight:normal; bottom:5px; right:12px;}
.des-cambodia{ position:absolute; width:251px; height:94px; bottom:0; left:157px;}
.des-cambodia .bgblack{ height:94px;}
.des-cambodia .namedes{ font-size:20px; font-weight:normal; bottom:12px; left:12px;}
.des-lao{ position:absolute; width:251px; height:94px; bottom:95px; left:409px;}
.des-lao .bgblack{ height:94px;}
.des-lao .namedes{ font-size:24px; font-weight:normal; bottom:10px; left:15px;}
.des-burmar{ position:absolute; width:251px; height:94px; bottom:0px; left:409px;}
.des-burmar .bgblack{ height:94px;}
.des-burmar .namedes{ font-size:18px; font-weight:normal; bottom:10px; left:12px;}
.des-hcm{ position:absolute; width:300px; height:189px; bottom:0px; right:0px;}
.des-hcm .bgblack{ height:189px;}
.des-hcm .namedes{ font-size:24px; font-weight:normal; top:25px; right:12px;}
.menudaily{ position:relative; float:left; width:100%; border-bottom:1px #a1a1a1 dashed; padding:20px 0 10px 0; text-align:left;}
#menubar li .menudaily a{ float:left; width:177px; padding:8px 0 8px 15px!important; color:#282828; font-size:14px; border-bottom:0;}
#menubar li .menudaily a font{ background:url(../images/bullet1.png) no-repeat left center; padding-left:22px;}
#menubar li .menudaily a:hover{ background:#f0f0f0; text-decoration:none;}
#menubar li .menudaily a:hover font{ background:url(../images/bullet1-hover.png) no-repeat left center; color:#ee6d00;}