.body{ width: 986px; margin: auto; background: url(../images/s2.gif) no-repeat; background-position: 980px 37px;}
.wrap{ width: 980px; background: #fff; text-align:left;}

.logo{width: 320px; float: left; padding: 20px 0; text-align:center;}
.header_right{width: 500px; float: right;}
.menu_header{padding: 10px;}
.menu_header ul{margin:0; padding:0; list-style: none; text-align: right; }
.menu_header li{ display: inline; font-size: 11px; padding: 0 10px; background: url(../images/i1.gif) no-repeat; background-position: 0 5px;}
.menu_header a{color:#CC9933}
.menu_header a:hover{color:#Af0000; text-decoration:underline;}
.search{background:url(../images/s1.gif) no-repeat top left #09c; height: 34px; text-align:right; width:310px; float:right;}
.search form{color: #fff; padding: 5px 5px 0 5px;}
.search .text{border: 1px solid #fff; padding: 2px; width:210px;}
.search .button{width:30px; padding: 1px 2px;}

.menu_utama{background: url(../images/bg_menu.gif) repeat-x; height: 34px;}
.menu_left{width: 600px; height: 34px; float: left;}
.menu_left ul{list-style:none; padding:6px 0 0 10px; margin:0}
.menu_left ul li{list-style:none; float:left; font-weight: bold;}
.menu_left ul li a{display:block; line-height:28px; background:url(../images/mn_bgleft.gif) 0% 0% no-repeat; margin-right:10px; padding:0 0 0 10px; }
.menu_left ul li a span{display:block; line-height:28px; background:url(../images/mn_bgright.gif) 100% 0% no-repeat; padding:0 10px 0 0; color:#fff;}
.menu_left ul li a:hover, .menu_left ul li a.active{background:url(../images/mn_bgleft.gif) 0% 100% no-repeat;}
.menu_left ul li a:hover span, .menu_left ul li a.active span{background:url(../images/mn_bgright.gif) 100% 100% no-repeat; color: #c93}

.menu_right{width: 300px; height: 34px; float: right;}
.menu_right ul{list-style:none; padding:6px 0 0 10px; margin:0}
.menu_right ul li{list-style:none; float:right; font-weight: bold;}
.menu_right ul li a{display:block; line-height:28px; background:url(../images/mn_bgleft2.gif) 0% 0% no-repeat; margin-right:10px; padding:0 0 0 10px; }
.menu_right ul li a span{display:block; line-height:28px; background:url(../images/mn_bgright2.gif) 100% 0% no-repeat; padding:0 10px 0 0; color:#fff;}
.menu_right ul li a:hover, .menu_right ul li a.active{background:url(../images/mn_bgleft2.gif) 0% 100% no-repeat;}
.menu_right ul li a:hover span, .menu_right ul li a.active span{background:url(../images/mn_bgright2.gif) 100% 100% no-repeat; color: #c93}

.main-wrap{padding: 0 8px 20px 10px;}
.main{width:689px; float: right;}
.main .content{padding: 0 6px 10px 15px;}
.main .content h1{font-size:24px; font-weight: normal; margin:0 0 10px 0; padding:10px 0 6px 0; background: url(../images/bg-item.gif) repeat-x bottom;}
.main .content h2{font-size:18px; font-weight: normal; margin: 10px 0 0 0;}
.main .content h3{font-size:14px;  margin: 10px 0 0 0;}

.sidebar{width:266px; float: left; padding: 10px 0 0 0; }
.sidebar h3{margin: 0px; font-size: 12px; height: 40px; line-height:40px; padding: 0 0 0 38px;}
.sidebar .content{padding: 4px 6px;}

.cs{background: url(../images/cs_f.gif) no-repeat bottom #CEEEF9; padding: 0 0 7px 0; margin-bottom:10px;}
.cs h3{background: url(../images/cs_h.gif) no-repeat; }
.cs .top{background: url(../images/cs_bg.jpg) no-repeat; height: 125px; padding: 0 6px 0 110px; margin: 4px 6px;}
.cs .bottom{text-align:center; padding: 10px 10px 0 10px; background: url(../images/cs_bg2.gif) repeat-x top; margin: 0;}

.browse{background: url(../images/hotel_f.gif) no-repeat bottom #93D410; padding: 0 0 7px 0; margin-bottom:10px;}
.browse h3{background: url(../images/hotel_h.gif) no-repeat; }
.browse .content{background: url(../images/hotel_bg.gif) no-repeat top; padding:4px 10px;}
.browse a{color: #fff;}
.browse a:hover{color: #fff; text-decoration:underline}
.browse ul{margin: 0; padding:0; list-style:none;}
.browse li{width: 50%; float: left; line-height:24px; border-bottom: 1px solid #8CC911;}
.browse .even{text-align:right;}

.top-destination{background: url(../images/top_f.gif) no-repeat bottom #fc6; padding: 0 0 7px 0; margin-bottom:10px;}
.top-destination h3{background: url(../images/top_h.gif) no-repeat; }
.top-destination .content{padding:4px 10px;}
.top-destination a{color: #960;}
.top-destination a:hover{color: #960; text-decoration:underline}
.top-destination ul{margin: 0; padding:0; list-style:none;}
.top-destination li{width: 50%; float: left; line-height:24px; border-bottom: 1px solid #EFBD57;}
.top-destination .even{text-align:right;}

.welcome{padding: 0 0 10px 10px;}
.welcome h1{font-size:18px; font-weight: normal; margin:0;}

.hotel{margin-bottom: 10px;}
.hotel h2{font-size:12px; color: #fff; background:url(../images/review_h.gif) no-repeat; line-height: 36px; padding:0 0 0 40px; margin:0 0 5px 0;}
.hotel-item{margin: 0 0 10px 10px; padding-bottom:12px; background: url(../images/bg-item.gif) repeat-x bottom;}
.hotel-image{width: 100px; float: left;}
.hotel-image img{border: 1px solid #ccc; border-right: 2px solid #ccc;  border-bottom: 2px solid #ccc; padding: 3px;}
.hotel-desc{width: 579px; float: right;}
.main .content .hotel-desc{width: 550px;}
.hotel-desc h3{font-size:12px !important; margin:0 !important;}
.hotel-contact{font-size:11px; background: url(../images/ir.gif) no-repeat; background-position: 0 4px; line-height:14px; padding:0 0 0 15px;}
.hotel_more{text-align: right; background: url(../images/ir2.gif) no-repeat; background-position: right center; line-height: 14px; padding: 0 15px 0 0; font-size:11px;}
.hotel_more a{ color: #690;}
.hotel_more a:hover{ color: #690; text-decoration:underline; }
.hotel-info{padding:0 0 10px 0; font-size: 14px; background: url(../images/bg-item.gif) repeat-x bottom; margin-bottom:20px;}
.hotel-info strong{color: #af0000;}

.tour{margin-bottom:10px;}
.tour h2{font-size:12px; color: #fff; background:url(../images/tour_h.gif) no-repeat; line-height: 36px; padding:0 0 0 40px; margin:0 0 5px 0;}
.tour-item{margin: 0 0 10px 10px; padding-bottom:6px; background: url(../images/bg-item.gif) repeat-x bottom;}
.tour-image{width: 100px; float: left;}
.tour-image img{border: 1px solid #ccc; border-right: 2px solid #ccc;  border-bottom: 2px solid #ccc; padding: 3px;}
.tour-desc{width: 579px; float: right;}
.main .content .tour-desc{width: 550px;}
.tour-desc h3{font-size:12px !important; margin:0 !important;}
.tour_more{text-align: right; background: url(../images/it.gif) no-repeat; background-position: right center; line-height: 14px; padding: 0 15px 0 0; font-size:11px; }
.tour_more a:hover{ text-decoration:underline; }

.footer{background:#09c; font-size:11px; padding: 10px; color: #fff;}
.footer a{color: #fff; font-weight: bold;}
.footer a:hover{color: #ffc; text-decoration:underline;}
.copy{width:450px; float: left;}
.menu_footer{width:490px; float: right;}
.menu_footer ul{margin:0; list-style:none; text-align:right}
.menu_footer li{display: inline; padding: 0 5px;}

.booking {background: #CEEEF9; padding: 10px; border: 1px solid #A4DDEF;}
.captcha {padding:2px; border:1px solid #ccc; margin-bottom: 5px;}

/*news*/
.news{padding-top: 20px;}
.news h2{padding-bottom: 10px !important;}
.news-item{padding: 8px 10px; background: url(../images/bg-item.gif) repeat-x bottom;}
.news-item-info{font-size: 11px;color: #999;}
.news-item-info a{color: #333;}
.news-item h3{margin:0 !important; padding:4px 0 0 0; font-size:12px !important;}
.news-item-content{line-height: 150%;}
.news-item-content img{padding: 2px;border: 1px solid #eee;margin: 0 8px 4px 0;background: #fff;float: left;}
.news-bottom{padding: 10px 0 0 0;text-align: right;}
.news-bottom a{background: #7ABEE3;padding: 4px 20px;color: #fff;}
.news-bottom a:hover{background: #0E6899;padding: 4px 20px;color: #fff;}