/* 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: 4px 0 0 0;
}
body {background-color:#2f2d2e; color:#FFFFFF;}
#background { background-image:url(/design/backg-all.jpg); background-repeat:repeat-x; padding:0px; }
#wrapper { width:1041px; margin:0 auto ;}
#wrapper #top
{ background-image:url(/design/backg-top.jpg); width:941px; height:112px; background-repeat:no-repeat; padding:16px 50px 0px 50px;}
#top #header { width:941px;padding: 0px;}
#top #header #logo { width:492px; float:left; padding:0px 0px 0px 1px; margin-top:10px;}
#top #header #searchbox { width: 300px; float:right; text-align:right; padding:0px 20px 0px 0px;}
#top #header #searchbox a { color:#FFFFFF; margin-left:10px; font-size:10px;}
#top #header #searchbox a:hover { color:#666;}
#top #header #searchbox td { color:#fff; text-align:right; font-size: 9px;}
#top #header #searchbox td.temp { color:#fff; text-align:left; font-size:12px; }
#top #header #searchbox input{ border:1px solid #999;}
#web_banner
{ background-image:url(/design/backg-banner.jpg); width:939px; height:388px; padding: 1px 50px 1px 52px; }
#wrapper #body
{ background-image: url(/design/backg-body.jpg); background-repeat:repeat-y; width:907px; height:265px; padding:35px 50px 0px 84px;}
#wrapper #body #page { font-size:10px; overflow:auto; width:907px; height:265px;}
#wrapper #body p { margin:0px 0px 10px 0px; color:#FFFFFF; font-size:10px;}
#wrapper #body p a{ color:#990000;}
#wrapper #body p a:hover{ color:#ff0000;}
#wrapper #body p.first:first-letter { margin-left:10px;}
#wrapper #body .lcol { width:289px; float:left; margin:0px; padding:0px 15px 0px 0px;}
#wrapper #body .ccol { width:289px; float:left; margin:0px; padding:0px 15px 0px 0px;}
#wrapper #body .col { width:593px; float:left; margin:0px; padding:0px 15px 0px 0px;}
#wrapper #body .rcol { width:257px; float:left; margin:0px; padding:0px;}
#wrapper #body .pic
{ background-image:url(/design/gallery-border.jpg); padding:4px 6px 10px 5px; width:46px; height:46px; margin-right:10px; float:left; }
#wrapper #body .pic a img { border:0px;}
#wrapper #body .partition { float:left; width:2px; padding:0px 15px 0px 0px;}
#wrapper #body .texttop { margin-bottom:10px;}
#reservation {}
#reservation td { color:#FFFFFF; vertical-align:top; font-size:11px; }
#reservation td input { width:100px; border:1px solid #999999;}
#reservation td.swidth select { width:150px; }
#reservation td.width input {width:150px; }
#reservation td.width1 { width:90px;}
#reservation td.buttonsubmit input
{ width:42px; background-color:#666; border:1px solid #534f50;font-size:10px; color:#FFFFFF;}
#wrapper #bottom { background-image:url(/design/backg-bottom.jpg); height:48px;}
#wrapper #bodyall
{ background-image: url(/design/backg-bodyall.jpg); width:941px; padding:18px 50px 0px 50px; height:678px;}
#rate { width:841px; padding:0px 50px 0px 50px; height:678px; overflow: auto;}
#rate h1 { font-size:14px; color:#691717; font-weight:bold; margin:0px 0px 15px 0px;}
#rate h1 a {color:#691717;}
#rate h1 a:hover {color:#691717;}
#rate th{ height: 30px; text-align:center; background-color:#656565; color:#FFFFFF; vertical-align:middle;}
#rate td{ height: 30px; text-align:center; background-color:#9c9c9c; color:#FFFFFF; vertical-align:middle;}
#rate tr.line td {background-color:#656565; height: 25px; }
#rate p { margin:15px 0px 0px 0px; color:#FFFFFF; font-size:11px; font-weight:bold;}
#wrapper #bodyall-bottom{ background-image: url(/design/backg-bodyall-bottom.jpg); width:1041px; background-repeat:repeat-y; }
/*************************************************BUTTON*************************************************************/
#button{ width: 50px; height:15px; float:left; float:right; margin-top:5px; }
#button #buttonnav { margin:0; padding:0; }
#button #buttonnav li { display: inline; }
#button #buttonnav li a { float: left; height: 0px; padding-top:15px; overflow: hidden; }
#button #buttonnav li a { background-image: url(/rasananda//design/subscribe.gif); background-repeat: no-repeat; }
#button #buttonnav.booknow li a { background-image: url(/rasananda//design/BookNow.gif); background-repeat: no-repeat; }
/* BUTTONS */
#button #buttonnav li#m-1 a { width: 50px; background-position: 0px 0px; }
/* OVER STATES */
#button #buttonnav li#m-1 a:hover { width:50px; background-position: 0px -15px; }
/*/*********button*****************************/
#buttonoffer{ width: 170px; height:20px; float:left; float:left; margin-top:5px; }
#buttonoffer #buttonoffernav { margin:0; padding:0; }
#buttonoffer #buttonoffernav li { display: inline; }
#buttonoffer #buttonoffernav li a { float: left; height: 0px; padding-top:20px; overflow: hidden; }
#buttonoffer #buttonoffernav li a { background-image: url(/design/promotion-click.jpg); background-repeat: no-repeat; }
/* BUTTONS */
#buttonoffer #buttonoffernav li#m-1 a { width: 170px; background-position: 0px 0px; }
/* OVER STATES */
#buttonoffer #buttonoffernav li#m-1 a:hover { width:170px; background-position: 0px -20px; }
/*/*********button*****************************/
#buttonpromotion{ width: 218px; height:60px; float:left; float:left; margin:0px 0px 0px 0px; }
#buttonpromotion #buttonpromotionnav { margin:0; padding:0; }
#buttonpromotion #buttonpromotionnav li { display: inline; }
#buttonpromotion #buttonpromotionnav li a { float: left; height: 0px; padding-top:60px; overflow: hidden; }
#buttonpromotion #buttonpromotionnav li a { background-image: url(/design/promotion-button.jpg); background-repeat: no-repeat; }
/* BUTTONS */
#buttonpromotion #buttonpromotionnav li#m-1 a { width: 218px; background-position: 0px 0px; }
/* OVER STATES */
#buttonpromotion #buttonpromotionnav li#m-1 a:hover { width:218px; background-position: 0px -60px; }
/*************************************END BUTTON**********************************/
/*****************************************************************************/
#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 ******************************/
#special-promotion { padding:0px 0px;}
#special-promotion p{ color:#FFFFFF; font-size: 12px; font-weight: normal; line-height: 20px; margin:0px;}
#special-promotion h1 {color:#691717; margin:0px 0px 0px 0px; font-size:18px; font-weight:normal;}
#rate tr td.linetextcenter { text-decoration:line-through; color:#fff; font-weight:bold;}
#rate tr.linecenter td { color:#B80A16;}
/****************************** BANNERS *************************************/
#banner { height: 388px; overflow:hidden; }
#banner-pic { height: 388px; }
#banner-pic img { border: 0px; }
#banner-nav { position: relative; height: 42px; padding-top: 4px; padding-left: 4px; top: -42px; }
#banner-nav a img{ margin-right: 5px;}
#banner-nav a img{ border: 1px solid #eee;opacity: 0.5;}
#banner-nav a:hover img { border: 1px solid #666;opacity: 0.8}
#banner-nav a:active img { border: 1px solid #333;opacity: 1}
#banner-nav a.selected img { border: 1px solid #ccc;opacity: 1;}
#news { width:289px;}
#news h1 {margin:0px 0px 10px 0px;}
#news h1 a { color:#94000c; font-size:12px; }
#news h2 a { color:#FFFFFF;}
#wrapper #body #news p.date { font-size:9px; margin:0px 5px 0px 0px; color:#CCCCCC;}
#blog { }
#blog h1 { color:#691717; margin:0px 0px 15px 0px; font-size:18px;}
#blog p.date { font-size:9px; font-weight:normal; margin:0px 0px 5px 15px;}
#blog h2 { margin:0px 0px 5px 0px; color:#990000;}
#blog h2 a { color:#990000; }
#blog h2 a:hover { color: #fff; }
#blog .excerpt p{ margin:0px 0px 15px 15px;}