/* CSS RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; outline: 0; font-size: 100%; font-family: Thonburi, "Lucida Grande", Arial, Tahoma, Sans-Serif; vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ol, ul {list-style: none;}
table {border-collapse: separate;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
body,p,td,th,ul,li{ color: #000; font-family: "Lucida Grande", Arial, Tahoma; font-size: 12px; line-height: 15px; }
.clearspace {clear:both; height:0px; padding:0px; margin:0px; width:0px;}
a { color: #888888; text-decoration: none; }
a:hover { color: #333; }
a:active { color: #333; }
p { margin: 0px 0px 15px 0px;}
body {background-color:#947f68; color:#FFFFFF;}
#background
{ background-image:url(../../../design/backg-all.jpg); height:734px; background-repeat:repeat-x; padding:36px 0px 0px 0px;}
#wrapper { width:969px; margin:0 auto; padding:0px;}
#logo { text-align:center; margin: 0px 0px 9px 0px;}
#wrapper .top { background-image: url(../../../design/backg-top.jpg); height:15px; width:969px; }
#wrapper .body { background-image:url(../../../design/backg-body-top.jpg); background-repeat:repeat-y; width:969px;}
#wrapper .bottom { background-image:url(../../../design/backg-bottom.jpg); height:35px;}
#body_wrapper { width:969px; padding:0px;}
#body_wrapper .top { background-image:url(../../../design/backg-body-top.jpg); height:390px; width:939px; padding:0px 15px;}
.temp { width:224px; padding-left: 10px; margin: 15px 0px; color:#666666; font-size:10px; font-weight:bold;}
#body_wrapper #banner {width:354px; height:384px; border: 3px solid #FFFFFF; float:left;}
#body_wrapper #bannercm {background:url(../../../design/bg_thai.png) repeat-x bottom;width:450px; height:340px; border: 3px solid #FFFFFF; float:left;margin-left:50px;margin-top:20px;}
#body_wrapper #bannercm a:hover{filter:Alpha(Opacity=80);/*สำหรับ IE*/opacity:0.8; /*สำหรับ firefox*/-moz-opacit:0.8;}
#body_wrapper #bannercm p{color:#FFF;font-size:15pt;text-align:center;padding:10px;}
#body_wrapper #bannerpai {background:url(../../../design/bg_thai.png) repeat-x bottom;width:277px; height:340px; border: 3px solid #FFFFFF; float:right;margin-right:50px;margin-top:20px;}
#body_wrapper #bannerpai a:hover{filter:Alpha(Opacity=80);/*สำหรับ IE*/opacity:0.8; /*สำหรับ firefox*/-moz-opacit:0.8;}
#body_wrapper #bannerpai p{color:#FFF;font-size:15pt;text-align:center;padding:10px;}
#body_wrapper #bannerfull {width:334px; height:364px;border: 3px solid #FFFFFF; float:left; }
#body_wrapper #bannerfull td{padding:5px; }
#body_wrapper #text{ width:326px; float:left; background-image: url(../../../design/backg--right.jpg);height:375px; padding:15px 0px 0px 19px; color:#7a6d5f;}
#body_wrapper #text p { color:#7a6d5f; font-size: 10px; width:316px; }
#body_wrapper #text p a{ color:#938372; font-size: 12px; text-decoration:underline;}
#body_wrapper #text p a:hover{ color:#62461e; text-decoration:none;}
#body_wrapper #text hr
{ width:297px; height:1px; background-color:#aea294; padding:0px; margin:0px; border:0px none; text-align:left; margin-bottom:15px;}
.line
{ width:297px; height:1px; background-color:#aea294; padding:0px; margin:0px; border:0px none; text-align:left; margin-bottom:15px;}
#body_wrapper #text .post { margin:0px; padding:0px;}
.gallery {width:325px;}
.gallery h1 { color:#62461e; font-size:14px; margin-bottom:15px; }
.gallery h1 a{ color:#62461e; font-size:14px; margin-bottom:15px;}
.gallery .thumb
{ background-image:url(../../../design/gallery-border.jpg); width:72px; height:72px;
padding:11px 16px 16px 11px; margin:0px 8px 5px 0px; float:left;}
#blog {width:325px;}
#blog p { margin:0px; padding:0px;}
#blog h1 { color:#62461e; font-size:14px; margin-bottom:15px; }
#blog h1 a{ color:#62461e; font-size:14px; margin-bottom:15px;}
#blog h2 a{color: #993300; font-size:12px; font-weight:bold; }
#blog h2 a:hover { color:#7A6D5F;}
#blog .excerpt { color:#7a6d5f; font-size: 10px; width:316px; margin:0px 0px 10px 0px; }
#blog p.date{color:#938372; font-size:9px; padding:0px; margin:0px 0px 0px 0px;}
#body_wrapper .content
{ background-image: url(../../../design/backg-body-bottom.jpg); width:939px; background-repeat:repeat-y; padding:0px 15px;}
#body_wrapper .content li {color:#938372; font-size: 10px; margin:0px 0px 5px 0px;}
#body_wrapper #boxcontent p{ color:#938372; font-size: 10px; margin:0px;}
#body_wrapper #boxcontent p a { color:#62461e;}
#body_wrapper #boxcontent p a:hover {color:#a99986; }
#body_wrapper #boxcontent { padding:15px 15px 0px 15px; width:909px;}
#body_wrapper #boxcontent h2 { color:#62461e; font-size:14px; margin-bottom:10px; }
#body_wrapper #boxcontent .left
{float:left; background-image:url(../../../design/pic-border-body.jpg); padding:11px 17px 16px 11px; width:87px; height:87px;}
#body_wrapper #boxcontent .right { float:left; width:169px;}
#body_wrapper .content #col
{ height:157px; width:609px; border-right: 1px solid #a99c8e; float:left; padding:0px 15px 0px 0px; overflow:auto; }
#body_wrapper .content #lcol
{ height:157px; width:290px; border-right: 1px solid #a99c8e; float:left; color:#938372; padding:0px 15px 0px 0px; overflow:auto; }
#body_wrapper .content #ccol
{ height:157px; width:294px; border-right: 1px solid #a99c8e; float:left; padding:0px 15px 0px 10px; overflow:auto; }
#body_wrapper .content #ccol .right { float:left; width:163px;}
#body_wrapper #boxcontent #rcol { height:157px; width:245px; float:left; padding:0px 0px 0px 10px; overflow:auto; sss}
#body_wrapper #boxcontent #shoplcol
{ width:429px; border-right: 1px solid #a99c8e; padding:0px 15px 0px 10px; height:157px; float: left; }
#body_wrapper #boxcontent #shoprcol { width:429px; padding:0px 0px 0px 25px; float: left;}
#body_wrapper #boxcontent .shopgallery
{
float:left; background-image:url(../../../design/pic-border-body.jpg); padding:11px 17px 16px 11px;
width:87px; height:87px; margin-right: 10px;
}
#boxcontent td{ text-align:center; vertical-align:middle; color:#7a605a; font-size:10px; height:17px;}
#boxcontent tr.head td { color:#FFFFFF; }
#boxcontent tr.head { background-color:#5d4039;}
#boxcontent tr.t1 { background-color:#ece2d9; }
#boxcontent tr.t2 { background-color:#ceb59d;}
/************************************************Reservation********************************************/
#reservation { text-align:center; background-color:#dbd7cf; padding:20px 20px; width:490px; margin:0px auto;}
#reservation td { text-align:left; height:30px; color:#7a6d5f; vertical-align:middle;}
#reservation td input { border:1px solid #999999;}
#reservation td select { border:1px solid #999999;}
#reservation td.win input { width:120px;}
/*********************************************************GALLERY************************************/
#gallery-banner { width:699px; height:384px; border: 3px solid #FFFFFF; float:left;}
.thumb
{ background-image:url(../../../design/border-gallary-body.jpg); width:75px; height:75px;
padding:9px 15px 14px 9px; margin:0px 0px 5px 0px; float:left;}
.thumb a img{ border:0 none;}
.thumb a:hover img{ border:0 none;}
.next { width:55px; float:left; text-align: center; padding:40px 0px 0px 0px;}
.back { width:55px; float:left; text-align: center; padding:40px 0px 0px 0px}
.backhome { width:17px; float:left; text-align: center; padding:40px 0px 0px 0px;}
#submenu { width:234px; display: none}
/**************************************MAP**********************************************************/
#map
{ width:605px; height:873px; z-index:1000; opacity: .90; filter: alpha(opacity=90); background-color:#7c6850;
position:relative; top:-635px; padding:10px 20px 20px 20px; display:none; }
#mapclose { width:605px; text-align:right;}
#mappic
{ width:605px; height:853px;}
/*************************************************BUTTON*************************************************************/
#button-close{ width: 17px; height:20px; float:left; float:right; margin:0px;}
#button-close #buttonclosenav { margin:0; padding:0; }
#button-close #buttonclosenav li { display: inline; }
#button-close #buttonclosenav li a { float: left; height: 0px; padding-top:20px; overflow: hidden; }
#button-close #buttonclosenav li a { background-image: url(../../../design/button-close.jpg); background-repeat: no-repeat; }
/* BUTTONS */
#button-close #buttonclosenav li#m-1 a { width: 17px; background-position: 0px 0px; }
/* OVER STATES */
#button-close #buttonclosenav li#m-1 a:hover { width:17px; background-position: 0px -20px; }
/*************************************END BUTTON**********************************/
#nav { width:234px; float:left; background-image:url(../../../design/backg-menu.jpg); background-repeat:repeat-y; height:390px;}
#nav a { color:#62461e; font-weight:bold;}
#nav a:hover {color:#fff; font-weight:bold;}
#nav a h3 { background-image:url(../../../design/li-a-munu.jpg); width:166px; height:18px; padding:7px 0px 0px 68px; margin-bottom:5px;}
#nav a:hover h3{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px;; padding:7px 0px 0px 70px;}
#nav a h3.m0 { background-image:url(../../../design/li-a-munu.jpg); width:166px; height:18px; padding:7px 0px 0px 68px; cursor:pointer; }
#nav a h3.m1 { background-image:url(../../../design/li-a-munu.jpg); width:166px; height:18px; padding:7px 0px 0px 68px; cursor:pointer; }
#nav a h3.m2 { background-image:url(../../../design/li-a-munu.jpg); width:166px; height:18px; padding:7px 0px 0px 68px; cursor:pointer;}
#nav a h3.m3 { background-image:url(../../../design/li-a-munu.jpg); width:166px; height:18px; padding:7px 0px 0px 68px; cursor:pointer;}
#nav a h3.m4 { background-image:url(../../../design/li-a-munu.jpg); width:166px; height:18px; padding:7px 0px 0px 68px; cursor:pointer;}
#nav a h3.m5 { background-image:url(../../../design/li-a-munu.jpg); width:166px; height:18px; padding:7px 0px 0px 68px; cursor:pointer;}
#nav a h3.m6 { background-image:url(../../../design/li-a-munu.jpg); width:166px; height:18px; padding:7px 0px 0px 68px; cursor:pointer;}
#nav a h3.m7 { background-image:url(../../../design/sub-a.jpg); width:136px; height:18px; padding:7px 0px 0px 98px; cursor:pointer;}
#nav a h3.m8 { background-image:url(../../../design/sub-a.jpg); width:136px; height:18px; padding:7px 0px 0px 98px; cursor:pointer;}
#nav a h3.m9 { background-image:url(../../../design/sub-a.jpg); width:136px; height:18px; padding:7px 0px 0px 98px; cursor:pointer;}
#nav a h3.m10 { background-image:url(../../../design/li-a-munu.jpg); width:166px; height:18px; padding:7px 0px 0px 68px; cursor:pointer;}
#nav a:hover h3.m0{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px;; padding:7px 0px 0px 70px;cursor:pointer;}
#nav a:hover h3.m1{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px;; padding:7px 0px 0px 70px;cursor:pointer;}
#nav a:hover h3.m2{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px;; padding:7px 0px 0px 70px;cursor:pointer;}
#nav a:hover h3.m3{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px;; padding:7px 0px 0px 70px;cursor:pointer;}
#nav a:hover h3.m4{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px;; padding:7px 0px 0px 70px;cursor:pointer;}
#nav a:hover h3.m5{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px;; padding:7px 0px 0px 70px;cursor:pointer;}
#nav a:hover h3.m6{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px;; padding:7px 0px 0px 70px;cursor:pointer;}
#nav a:hover h3.m7{background-image:url(../../../design/sub-ahover.jpg); height:18px; width:144px; padding:7px 0px 0px 90px; cursor:pointer;}
#nav a:hover h3.m8{background-image:url(../../../design/sub-ahover.jpg); height:18px; width:144px; padding:7px 0px 0px 90px; cursor:pointer;}
#nav a:hover h3.m9{background-image:url(../../../design/sub-ahover.jpg); height:18px; width:144px; padding:7px 0px 0px 90px; cursor:pointer;}
#nav a:hover h3.m10{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px;; padding:7px 0px 0px 70px; cursor:pointer;}
#nav a:hover h3.m11{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px;; padding:7px 0px 0px 70px; cursor:pointer;}
#nav.m-1 a h3.m0{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px; padding:7px 0px 0px 70px; color:#FFF; cursor:pointer;}
#nav.m-1 a h3.m1{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px; padding:7px 0px 0px 70px; color:#FFF; cursor:pointer;}
#nav.m-2 a h3.m2{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px; padding:7px 0px 0px 70px; color:#FFF; cursor:pointer;}
#nav.m-3 a h3.m3{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px; padding:7px 0px 0px 70px; color:#FFF; cursor:pointer;}
#nav.m-4 a h3.m4{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px; padding:7px 0px 0px 70px; color:#FFF; cursor:pointer;}
#nav.m-5 a h3.m5{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px; padding:7px 0px 0px 70px; color:#FFF; cursor:pointer;}
#nav.m-6 a h3.m6{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px; padding:7px 0px 0px 70px; color:#FFF; cursor:pointer;}
#nav.m-7 a h3.m7{background-image:url(../../../design/sub-ahover.jpg); height:18px; width:144px; padding:7px 0px 0px 90px; color:#FFF; cursor:pointer;}
#nav.m-8 a h3.m8{background-image:url(../../../design/sub-ahover.jpg); height:18px; width:144px; padding:7px 0px 0px 90px; color:#FFF; cursor:pointer;}
#nav.m-9 a h3.m9{background-image:url(../../../design/sub-ahover.jpg); height:18px; width:144px; padding:7px 0px 0px 90px; color:#FFF; cursor:pointer;}
#nav.m-10 a h3.m10{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px; padding:7px 0px 0px 70px; color:#FFF;cursor:pointer;}
#nav.m-11 a h3.m11{background-image:url(../../../design/li-ahover-munu.jpg); height:18px; width:164px; padding:7px 0px 0px 70px; color:#FFF;cursor:pointer;}
/*****************************************************************************/
/*#mainmenu { width: 941px; height:16px; float: left; margin-top:15px;}
#mainmenu #mainnav { margin:0; padding:0; }
#mainmenu #mainnav li { display: inline; }
#mainmenu #mainnav li a { float: left; height: 0px; padding-top: 16px; overflow: hidden; }
#mainmenu #mainnav li a { background-image: url(../../../design/menu.jpg);background-repeat: no-repeat; }
/* BUTTONS */
/*#mainmenu #mainnav li#m-1 a { width: 113px; background-position: 0px 0px; }
#mainmenu #mainnav li#m-2 a { width: 127px; background-position: -113px 0px; }
#mainmenu #mainnav li#m-3 a { width: 79px; background-position: -240px 0px; }
#mainmenu #mainnav li#m-4 a { width: 164px; background-position: -319px 0px; }
#mainmenu #mainnav li#m-5 a { width: 84px; background-position: -483px 0px; }
#mainmenu #mainnav li#m-6 a { width: 120px; background-position: -567px 0px; }
#mainmenu #mainnav li#m-7 a { width: 88px; background-position: -687px 0px; }
#mainmenu #mainnav li#m-8 a { width: 166px; background-position: -775px 0px; }
/* OVER STATES */
/*#mainmenu #mainnav li#m-1 a:hover { width: 113px; background-position: 0px-16px; }
#mainmenu #mainnav li#m-2 a:hover { width: 127px; background-position: -113px -16px; }
#mainmenu #mainnav li#m-3 a:hover { width: 79px; background-position: -240px -16px; }
#mainmenu #mainnav li#m-4 a:hover { width: 164px; background-position: -319px -16px; }
#mainmenu #mainnav li#m-5 a:hover { width: 84px; background-position: -483px -16px; }
#mainmenu #mainnav li#m-6 a:hover { width: 120px; background-position: -567px -16px; }
#mainmenu #mainnav li#m-7 a:hover { width: 88px; background-position: -687px -16px; }
#mainmenu #mainnav li#m-8 a:hover { width: 166px; background-position: -775px -16px; }
#mainmenu #mainnav li#m-1 a:active { width: 113px; background-position: 0px -16px; }
#mainmenu #mainnav li#m-2 a:active { width: 127px; background-position: -113px -16px; }
#mainmenu #mainnav li#m-3 a:active { width: 79px; background-position: -240px -16px; }
#mainmenu #mainnav li#m-4 a:active { width: 164px; background-position: -319px -16px; }
#mainmenu #mainnav li#m-5 a:active { width: 84px; background-position: -483px -16px; }
#mainmenu #mainnav li#m-6 a:active { width: 120px; background-position: -567px -16px; }
#mainmenu #mainnav li#m-7 a:active { width: 88px; background-position: -687px -16px; }
#mainmenu #mainnav li#m-8 a:active { width: 166px; background-position: -775px -16px; }
#mainmenu.m1 #mainnav li#m-1 a { width: 113px; background-position: 0px -16px; }
#mainmenu.m2 #mainnav li#m-2 a { width: 127px; background-position: -113px -16px; }
#mainmenu.m3 #mainnav li#m-3 a { width: 79px; background-position: -240px -16px; }
#mainmenu.m4 #mainnav li#m-4 a { width: 164px; background-position: -319px -16px; }
#mainmenu.m5 #mainnav li#m-5 a { width: 84px; background-position: -483px -16px; }
#mainmenu.m6 #mainnav li#m-6 a { width: 120px; background-position: -567px -16px; }
#mainmenu.m7 #mainnav li#m-7 a { width: 88px; background-position: -687px -16px; }
#mainmenu.m8 #mainnav li#m-8 a { width: 166px; background-position: -775px -16px; }
/***************************** END MAIN MENUS ******************************/
#single { width:660px; height:344px; float:left; padding:20px 10px 20px 20px; overflow: scroll;}
#single h1 { color:#62461e; font-size:14px; margin-bottom:15px; }
#single h2 { color:#7A6D5F; font-size:12px; margin-bottom:3px; font-weight:bold; }
#single p.date{color:#938372; font-size:9px; padding:0px; margin:0px 0px 10px 0px;}