@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,400italic,700);
@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Lobster);
body{font-family: 'Open Sans', sans-serif; font-size:14px; margin:0px; color:#333; background-image:url(../images/pattern.png); background-repeat:repeat; background-color:#dfd5be;}
#top{width:1000px; height:30px; background-color:#311807}
#welcome{ color:#FFF; float:left; padding:7px; font-family: 'Archivo Narrow', sans-serif;}
#flag{float:right; width:100px; height:30px; margin-right:10px;}
#flag_icon_th{float:right; width:16px; height:11px; margin-right:10px; background-image:url(../images/th_flag.png); margin-top:10px;}
#flag_icon_en{float:right; width:16px; height:11px; margin-right:10px; background-image:url(../images/en_flag.png); margin-top:10px;}
#main_box{width:1000px; min-height:1000px; background-color:#FFF; margin:auto}
#headbox{height:135px; width:1000px;}
#logo{width:281px; height:117px; float:left; margin-top:8px; margin-left:10px; background-image:url(../images/logo.png);}
#top_menu{width:680px; height:117px; float:right; margin-top:8px; margin-right:10px;}
#slider{width:1000px; height:560px;}
#top_bg{ width:1000px; height:150px; background-image:url(../images/slider/1.jpg);}
.top_name{font-size:36px; color:#900; font-family: 'Lobster', cursive; padding-top:20px; padding-left:20px;}
#content_box{width:1000px; min-height:400px; margin-bottom:20px}
#welcome_box{width:300px; height:380px; margin:10px; float:left;}
#welcome_title{color:#033; font-size:18px; border-bottom:#C93 2px solid; margin-bottom:10px; padding:5px;font-family: 'Archivo Narrow', sans-serif;}
#welcome_text{color:#333; text-justify:auto;font-family: 'Open Sans', sans-serif; padding-top:10px;}
#welcome_image{padding:10px 0px 10px 0px}
#overview_box{width:300px; min-height:380px; margin:10px; float:left;}
#overview_title{color:#033; font-size:18px; border-bottom:#C93 2px solid; padding:5px; font-family: 'Archivo Narrow', sans-serif; margin-bottom:10px;}
#overview_check{background-image:url(../images/iconBlackCheck.gif); background-position:left; background-repeat:no-repeat; padding:0px 5px 0px 25px; margin-bottom:5px; margin-top:5px; margin-left:5px;}
#overview_check2{background-image:url(../images/iconBlackCheck.gif); background-position:left; background-repeat:no-repeat; padding:5px 5px 5px 25px; margin-bottom:5px; margin-top:5px; margin-left:5px;}
#gallery_box{width:330px; min-height:380px; margin:10px; float:left;}
#gallery_title{color:#033; font-size:18px; border-bottom:#C93 2px solid; padding:5px; font-family: 'Archivo Narrow', sans-serif; margin-bottom:10px;}
#gall_img{float:left; width:140px; height:93px; padding:5px; border:1px #CCC solid; margin:5px 5px 8px 5px; background-color:#FFF; border-radius:3px;  transition:0.3s}
#gall_img:hover{ border:#930 1px solid; transition:0.3s}
#content_box2{width:1000px; min-height:350px; background-color:#58453f;}
#content_box3{width:980px; min-height:600px; margin:10px;}
#footer_box{width:1000px; height:40px; background-color:#665048;}
#copyright{width:300px; float:left; font-size:12px; color:#FFF}
#footer_menu{ width:700px; float:right; margin-top:10px;}

#event_box{width:370px; min-height:300px; margin:10px; float:left;}
#event_title{color:#FFF; font-size:18px; border-bottom:#C93 2px solid; padding:5px; font-family: 'Archivo Narrow', sans-serif; margin-bottom:10px;}
#event{width:370px; min-height:80px; margin-bottom:10px;}
#event_image{width:80px; height:60px; padding:3px; float:left; margin-right:5px; margin-top:5px; background-color:#FFF;}
#event_2{width:270px; min-height:70px; float:right; margin-top:5px;}
.act_title{ font-size:16px; font-family: 'Archivo Narrow', sans-serif; color:#FFF; text-decoration:none;}
.act_title:hover{text-decoration:underline}
#act_short_desc{ color:#CCC; font-size:12px;}

#contact_box{width:300px; min-height:300px; margin:10px; float:left;}
#contact_title{color:#FFF; font-size:18px; border-bottom:#C93 2px solid; padding:5px; font-family: 'Archivo Narrow', sans-serif; margin-bottom:10px;}
#contact_detail{ padding-bottom:5px; color:#FFF;}
#testimonials_box{width:270px; min-height:300px; margin:10px; float:left;}
#testimonials_title{color:#FFF; font-size:18px; border-bottom:#C93 2px solid; padding:5px; font-family: 'Archivo Narrow', sans-serif; margin-bottom:10px;}
#testimonials_name{ font-size:12px; color:#CCC; padding-top:3px;}

#review_box{width:960px; padding:5px;margin:10px auto; min-height:66px; border:1px #CCCCCC solid; background-color:#efefef;}
#review_img{width:80px; height:60px; padding:5px; float:left; border:1px #996 dashed;}

#review_name{ font-size:12px; color:#333; padding-top:3px;}
#testimonials_detail{ padding:5px; color:#FFF; font-size:14px; border:1px #CCC dashed; margin-bottom:8px}
#review_detail{ padding:5px;font-size:14px; border:1px #996 dashed; float:left; color:#930; margin-left:10px; width:845px; min-height:60px;}
#post_review{padding:5px}
.post_review{color:#F93; font-size:14px; font-family: 'Archivo Narrow', sans-serif; text-decoration:none;}
#accom_left{width:500px; float:left; margin-right:10px;}
#review_button{max-width:200px; padding:20px; background-color:#C30; border:#C00 1px solidl; border-radius:3px; margin:20px auto; font-size:20px; color:#FFF; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
#review_button:hover{background-color:#C60;}
#booking_box{padding:5px; margin:0px auto 5px auto; border-bottom:#960 5px solid;background-color:#333; width:950px;}
.booking_form{width:450px; padding:2px; color:#930; font-size:14px;}
.booking_form2{width:460px; padding:2px; color:#930; font-size:14px;}
.check_in_out{width:450px; padding:6px; color:#930; font-size:14px; background-color:#FFF; background-image:url(../images/planning2.png); background-position:right; background-repeat:no-repeat; border:0px;}
.room{width:460px; padding:6px; color:#930; font-size:14px; background-color:#FFF;border:0px;}
.booking_bt{padding:10px 20px 10px 20px; font-size:18px; color:#FFF; background-color:#900;; border:0px; cursor:pointer}
.booking_bt:hover{background-color:#C60;}
#bookint_bt{width:325px; height:192px; margin:10px auto 30px auto; padding:5px; border:1px #FFF solid;}
#bookint_bt:hover{border:1px #666 solid;}

#bk_bt{width:250px; height:63px; margin:10px auto 10px 10px;}

ul{float:left;width:100%;padding:0;margin-top:15px; list-style-type:none;}
li{display:inline;}
.main_menu {float:right;text-decoration:none;color:#930;padding:30px 15px 58px 15px;font-size:14px; font-family: 'Archivo Narrow', sans-serif;}
.main_menu:hover { color:#000; border-bottom:5px #960 solid;}
.main_menu.active{ border-bottom:5px #960 solid;}
.sub_menu{color:#666; font-size:12px}

.footer_menu {float:right;text-decoration:none;color:#FFF;padding:5px 15px 5px 15px;font-size:14px; font-family: 'Archivo Narrow', sans-serif;}
.footer_menu:hover { color:#000;}