@charset "utf-8";
*{padding:0px; margin:0px;}
body {padding:0px; margin:0px; background:#fff; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; line-height:19px;}
p{color:#333333; line-height:19px; font-size:12px; padding:0px; margin:0 0 15px 0;}
#mainwrap{width:1000px;}
.clear{clear:both;}

.textfield01{width:112px; height:18px; font-size:11px; color:#545454; border:#e5e6e7 1px solid; padding:2px 0 0 3px; margin:0px; background:#fff; font-weight:normal;}
.textfield02{width:134px; height:18px; background:#ffffff url(../images/textfield-bg.jpg) repeat-x bottom left; font-size:11px; color:#545454; border:#e5e6e7 1px solid; padding:2px 0 0 3px; margin:0 0 10px 0; font-weight:normal;}
.textfield03{width:150px; height:18px; background: url(../images/textfield3-bg.jpg) repeat-x bottom left #fff9eb; font-size:11px; color:#cb460c; border:#e2bf81 1px solid; padding:4px 0 0 3px; margin:0 0 10px 0; font-weight:normal;}
.textfield04{width:180px; height:18px; background: url(../images/textfield3-bg.jpg) repeat-x bottom left #fff9eb; font-size:11px; color:#cb460c; border:#e2bf81 1px solid; padding:4px 0 0 3px; margin:0 0 10px 0; font-weight:normal;}
.textfield05{width:300px; height:18px; background:#ffffff url(../images/textfield-bg.jpg) repeat-x bottom left; font-size:12px; color:#666666; border:#e5e6e7 1px solid; padding:4px 0 0 3px; margin:0 0 10px 0; font-weight:normal;}
.textarea01{width:300px; height:70px; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#545454; border:#e5e6e7 1px solid; padding:2px 0 0 2px; margin:0px; background:#fff; font-weight:normal;}
.listfield01{width:112px; height:22px; font-size:11px; color:#545454; border:#e5e6e7 1px solid; padding:0 0 2px 0; margin:0px; background:#fff; font-weight:normal;}
.listfield04{width:185px; height:22px; background: url(../images/textfield3-bg.jpg) repeat-x bottom left; font-size:11px; color:#cb460c; border:#e2bf81 1px solid; padding:0px; margin:0 0 10px 0; font-weight:normal;}
.listfield05{width:305px; height:22px; background: url(../images/textfield-bg.jpg) repeat-x bottom left; font-size:12px; color:#666666; border:#e5e6e7 1px solid; padding:0px; margin:0 0 10px 0; font-weight:normal;}

a.link01{font-size:12px; color:#623300; font-weight:bold; text-decoration:underline;}
a.link01:hover{color:#c86300; text-decoration:none;}
a.link02{font-size:12px; color:#96530b; text-decoration:underline;}
a.link02:hover{color:#c86300; text-decoration:none;}
a.link03{font-size:12px; color:#888888; text-decoration:none;}
a.link03:hover{color:#c86300; text-decoration:none;}
a.link04{font-size:11px; color:#545454; text-decoration:underline;}
a.link04:hover{color:#b7b3b3; text-decoration:none;}

a.box{font-size:12px; color:#623300; background:#d79b5d; width:20px; height:20px; padding:5px 10px; font-weight:bold; text-decoration:underline;}
a.box:hover{color:#c86300; text-decoration:none;}

.subhead01{color:#623300; font-size:13px; font-weight:bold; line-height:22px;}
.subhead05{font-size:11px; font-weight:bold; color:#747474;}
.readtext{color:#FF0000; font-weight:bold;}
.text01{color:#aa995c; font-size:11px;}
.text02{color:#aa995c; font-size:12px; color:#623300; font-weight:bold;}
.text03{font-size:12px; color:#c86300; font-weight:bold;}
/*-------------------------------------------------- Top Section -------------------------------------------------- */
#top-container{padding:4px 0 0 0;}
#logo{height:80px; padding:0 0 10px 0;}

#menu-container{padding:0 0 5px 0;}
#menu1{padding:0 0 10px 200px;}
#menu1 ul{padding:0px; margin:0px; color:#7f7f7f}
#menu1 li{list-style:none; height:14px; padding:0 10px 0 10px; font-size:12px; float:left; border-right:1px solid #a4a4a4;}
#menu1 li a{color:#7f7f7f; text-decoration:none;}
#menu1 li a:hover{color:#c86300; text-decoration:none;}

#menu2{padding:0 0 10px 0;}
#menu2 ul{padding:0 0 0 20px; margin:0px; height:12px;}
#menu2 li{list-style:none; padding:0 24px; font-size:12px; color:#cd7002; float:left;}
#menu2 li a{color:#cd7002; text-decoration:none;}
#menu2 li a:hover{color:#000; text-decoration:none;}

#banner-container{height:355px;}
#banner{width:614px; float:left; padding:0 5px 0 0;}
#rightbanner{width:381px; float:left;}
#innerbanner{height:262px;}
/*-------------------------------------------------- Middle Section -------------------------------------------------- */
#breadcrumbs{padding:4px 0 0 0; color:#999999; font-size:12px; text-align:left;}
#breadcrumbs a{font-weight:bold; color:#999; text-decoration:none;}
#breadcrumbs a:hover{color:#666;}

#middlewrap{padding:20px 0 10px 0; text-align:left; text-align:justify;}
#middlewrap h1{padding:0px; margin:0 0 8px 0; color:#c86300; font-size:20px; font-weight:normal; line-height:30px;}
#middlewrap h1 span{padding:0px; margin:0px; color:#623300; font-size:30px; font-weight:normal;}
#middlewrap h2{padding:10px 0 0 0; margin:0px 0 8px 0; color:#623300; font-size:24px; font-weight:normal; line-height:24px;}
#middlewrap h3{padding:0px; margin:0 0 4px 0; color:#c86300; font-size:13px; font-weight:bold; line-height:20px;}
#middlewrap h4{color:#333; font-size:18px; margin:20px 0 10px 0; font-weight:normal;}
#middlewrap h5{margin:18px 0 8px 0; color:#623300; font-size:13px; font-weight:bold; line-height:20px;}

/*-------------------------------------------------- Middle Left Section -------------------------------------------------- */
#left-container{width:590px; padding:0 58px 0 0; float:left; text-align: justify;}
#indexbox-container{width:590px; padding:5px 0 0 0;}
.left-image01{padding:4px 26px 4px 0; float:left;}
.right-image01{padding:4px 0 4px 26px; float:right;}
#listbox01{padding:0 20px 0 0; float:left;}
#listbox01 ul{padding:0px; margin:0px;}
#listbox01 li{list-style:none; background: url(../images/list-bullet01.jpg) top left no-repeat; padding:0 0 8px 20px; color:#c86300; font-weight:bold;}
#listbox1{padding:0; float:left;}
#listbox1 ul{padding:0px; margin:0px;}
#listbox1 li{list-style:none; background: url(../images/list-bullet01.jpg) top left no-repeat; padding:0 0 8px 20px; color:#c86300; font-weight:bold;}

#listbox02{padding:0 20px 0 0;}
#listbox02 ul{padding:0px; margin:0px;}
#listbox02 li{list-style:none; background: url(../images/list-bullet01.jpg) top left no-repeat; padding:0 0 8px 20px; color:#c86300; font-weight:bold;}

#listbox03{padding:0 20px 0 0;}
#listbox03 ul{padding:0px; margin:0px;}
#listbox03 li{list-style:none; background: url(../images/list-bullet01.jpg) top left no-repeat; padding:0 0 8px 20px; color:#c86300; font-weight:bold;}
#listbox03 li a{color:#c86300; text-decoration:underline;}
#listbox03 li a:hover{color:#000; text-decoration:none;}

#indexlist{padding:0px; width:400px; float:left;}
#indexlist ul{padding:0px; margin:0px;}
#indexlist li{list-style:none; background: url(../images/list-bullet01.jpg) top left no-repeat; float:left; padding:0 0 8px 20px; margin:0 15px 0 0; color:#c86300; font-weight:bold;}
#indexlist li a{color:#c86300; text-decoration:underline;}
#indexlist li a:hover{color:#000; text-decoration:none;}

.divider{height:2px; border-top:1px dotted #dca87e; margin:20px 0 0 0;}
.divider2{height:2px; border-top:1px dotted #CCCCCC; margin:10px 0 20px 0;}

#tariff-container{padding:10px 0 0 0;}
#tariff-container h2{font-size:13px; font-weight:bold; color:#c86300; background:url(../images/h2-tariff.jpg) top left no-repeat; padding:0 0 0 20px; margin:0 0 5px 0;}
.tariff-box{width:574px; padding:8px; background:#fff4cf; margin:20px 0;}
.tariff-image{width:318px; border:6px solid #efdd9d; float:left; margin:0 20px 0 0;}
.tariff-text{width:224px; float:left; padding:10px 0 0 0;}

.carhire-box{width:574px; padding:8px; background:#fff4cf; margin:20px 0;}
.carhire-image{width:264px; border:6px solid #efdd9d; float:left; margin:0 20px 0 0;}
.carhire-text{width:268px; float:left; padding:10px 10px 0 0px; color:#333333;}

#gallery-container{width:590px; margin:5px 0 0 0;}
.gallery-pic{width:116px; height:112px; float:left; padding:8px; margin:25px 40px 10px 20px; background:url(../images/gbox-bg.jpg) no-repeat top left;}

#guestbook-container{margin:20px 0 0 0;}
.guest-comment{width:556px; border: dashed 2px #f4e4d0; background: #fcf9f6; padding:15px 15px 5px 15px; margin:0 0 20px 0; text-align:justify; color:#333333;}

#tour-container{margin:25px 0 0 0;}
.tour-pic{width:158px; height:142px; float:left; padding:8px; margin:0 20px 20px 0px; background:url(../images/tour-pic-bg.jpg) no-repeat top left;}
.tour-guide-box{width:556px; border: dashed 2px #f4e4d0; background: #fcf9f6; padding:15px 15px 5px 15px; margin:0 0 20px 0; text-align:justify; color:#333333;}

#resources-container{margin:4px 0 0 0;}
.resources-box{width:230px; height:90px; border: dashed 2px #f4e4d0; background: #fcf9f6; padding:10px 10px 2px 15px; margin:15px 30px 4px 0; text-align:justify; color:#333333; float:left;}

.resources-box2{width:230px; height:110px; border: dashed 2px #f4e4d0; background: #fcf9f6; padding:10px 10px 2px 15px; margin:15px 30px 4px 0; text-align:justify; color:#333333; float:left;}

.resources-box3{width:155px; height:90px; border: dashed 2px #f4e4d0; background: #fcf9f6; padding:10px 10px 2px 15px; margin:15px 10px 4px 0; text-align:justify; color:#333333; float:left;}
.resources-box4{width:155px; height:110px; border: dashed 2px #f4e4d0; background: #fcf9f6; padding:10px 10px 2px 15px; margin:15px 10px 4px 0; text-align:justify; color:#333333; float:left;}

.resources-box5{width:250px; border: dashed 2px #f4e4d0; background: #fcf9f6; padding:20px 10px 10px 15px; margin:15px 10px 4px 0; text-align:justify; color:#333333; float:left;}
.resources-box5 a{font-size:12px; color:#623300; font-weight:bold; text-decoration:underline; display:block; background: url(../images/list-bullet03.jpg) no-repeat left top; padding:0 0 0 20px;}
.resources-box5 a:hover{color:#CC6600; text-decoration:none;}

.resources-box6{width:155px; border: dashed 2px #f4e4d0; background: #fcf9f6; padding:20px 10px 10px 15px; margin:15px 10px 4px 0; text-align:justify; color:#333333; float:left;}
.resources-box6 a{font-size:12px; color:#623300; font-weight:bold; text-decoration:underline; display:block; background: url(../images/list-bullet03.jpg) no-repeat left top; padding:0 0 0 20px;}
.resources-box6 a:hover{color:#CC6600; text-decoration:none;}
.eatout-img{padding:10px 18px 0 0; width:572px; margin:0 0 5px 0;}

#offer-container{width:590px; margin:0 0 10px 0;}
#offerslist01{float:left; width:360px;}
#offerslist01 ul{padding:0px; margin:0px;}
#offerslist01 li{list-style:none; background:url(../images/offer-bullet.jpg) top left no-repeat; padding:0 0 5px 20px; color:#a85606;}

#offerslist02{float:left; width:230px;}
#offerslist02 ul{padding:0px; margin:0px;}
#offerslist02 li{list-style:none; background:url(../images/offer-bullet.jpg) top left no-repeat; padding:0 0 5px 20px; color:#a85606;}

.readmore{float:right; background:#fdf4e4; border:1px dotted #f1dbb4; padding:2px 4px; margin:50px 0 10px 0;}

#sitemap{ text-align:left; padding:0 0 0 60px;}
#sitemap ul{padding:0px; margin:15px 0 0 0;}
#sitemap li{list-style:none; background:url(../images/sitemap_bullet.jpg) top left no-repeat; color:#cd7002; padding:0 0 0 16px; margin:0 0 8px 0;}
#sitemap li a{ font-size:13px; color:#623300; text-decoration:underline;}
#sitemap li a:hover{color:#c86300; text-decoration:none;}

#map{width: 500px; height: 300px; padding:10px; margin:20px 0 15px 0; text-align:center; border: 2px dashed #e9c884;}
#map2{width: 350px; height: 180px; padding:10px; margin:20px 0 15px 0; text-align:center; border: 2px dashed #e9c884;}
#roadmap{width: 500px; height: 300px; padding:10px; margin:20px 0 15px 0; text-align:center; border: 2px dashed #e9c884;}
/*-------------------------------------------------- Middle Right Section -------------------------------------------------- */
#right-container{float:left; width:352px; padding:10px 0 0 0; text-align:left;}
#right-container h3{padding:0px; margin:0px 0 12px 0; color:#c86300; font-size:22px; font-weight:normal; line-height:24px;}
#reservation{margin:0 0 10px 0;}
.rbox-top{background:url(../images/rbox-top.jpg) no-repeat top left; height:14px;}
.rbox{background:url(../images/rbox-bg.jpg) no-repeat bottom left; width:328px; padding:0 12px 10px 12px;}
.fields{width:120px; float:left; padding:0 8px 10px 0; font-size:11px; font-weight:bold;}
.button{padding:0 0 10px 0;}

#call{padding:0 0 0 12px; margin:0 0 6px 0;}
#member-signin{margin:0 0 20px 0;}
#signin-box{background:url(../images/signin-bg.jpg) no-repeat bottom left; width:340px; padding:0 0 20px 12px; font-size:11px;}

#online-payment{margin:0 0 20px 0;}
#register{margin:0 0 20px 0;}
#car-hire{margin:20px 0 20px 0;}
/*-------------------------------------------------- Bottom Section -------------------------------------------------- */
#top{width:70px; float:right; background:#fdf4e4; border:1px dotted #f1dbb4; margin:0 5px 10px 0;}

.pagetop{width:60px; float:right; background:#fdf4e4; border:1px dotted #f1dbb4; margin:10px 20px 4px 0px; padding:0 0 0 10px;}
#bottom-strip{width:980px; padding:24px 10px 0 10px; margin:0 0 20px 0; background:url(../images/strip-top.jpg) top left no-repeat; text-align:left;}
#strip-contactus{width:220px; border-right:#e5e5e5 1px solid; padding:0 14px 15px 0; float:left;}
.strip-image{width:60px; padding:0 17px 0 0; float:left;}
.strip-content{width:136px; float:left; color:#969696; font-size:11px; line-height:14px;}
#strip-tour-guide{width:220px; border-right:#e5e5e5 1px solid; padding:0 14px 15px 26px; float:left;}
#strip-online-video{width:220px; border-right:#e5e5e5 1px solid; padding:0 14px 15px 26px; float:left;}
#strip-ebrochure{width:220px; padding:0 0 15px 0; float:left;}

.more{width:65px; height:16px; margin:10px 0 0 0; background:url(../images/more-button.jpg) no-repeat left top;}
.more a{padding:0 0 2px 11px; display:block; font-size:11px; line-height:14px; color:#fff; text-decoration:none;}
.more a:hover{color:#8e4e02; text-decoration:none;}

#bottom-container{ background:url(../images/bottom-bg.jpg) top left repeat-x #FFFFFF; padding:22px 0 5px 0;}
#bottom-container a{color:#666666; text-decoration:none;}
#bottom-container a:hover{color:#000;}

#bmenu-container{width:1000px;}
#bmenu-container h2{font-size:12px; font-weight:normal; margin:0 0 15px 0; color:#b3b3b3;}
#bmenu1{padding:0 0 10px 130px;}
#bmenu1 ul{padding:0px; margin:0px; color:#a4a4a4}
#bmenu1 li{list-style:none; height:14px; padding:0 10px 0 10px; font-size:12px; float:left; border-right:1px solid #a4a4a4;}
#bmenu1 li a{color:#7f7f7f; text-decoration:none;}
#bmenu1 li a:hover{color:#c86300; text-decoration:none;}

#bmenu2{padding:0 0 10px 30px;}
#bmenu2 ul{padding:0px; margin:0px; height:12px;}
#bmenu2 li{list-style:none; padding:0 11px; font-size:12px; color:#cd7002; float:left;}
#bmenu2 li a{color:#666; text-decoration:none;}
#bmenu2 li a:hover{color:#cd7002; text-decoration:none;}