/* 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; color:#fff;
}
img, div { behavior: url(iepngfix.htc); }
body { background-color:#88344d;}
#background { background-image:url(design/bachg-all1.jpg); height:452px; background-repeat:repeat-x;}
#wrapper { width:1000px; margin:0 auto; padding:20px 10px 24px 10px;}
#nav { width:1000px; margin:0px 0px 0px 0px;}
#nav #logo { padding:0px 0px 0px 5px; width:232px; float:left;}
#nav #logore { text-align:center;}
#webmenu
{ width:718px; height:16px; background-color:#c9146e;
color:#FFFFFF; font-size:11px; float:right; margin:24px 0px 15px 0px; padding:3px 0px 0px 30px;}
#webmenu a { color:#FFFFFF; margin:0px 51px 0px 0px; font-weight:bold;}
#webmenu a:hover { color:#efd2e2;}
#mainbody { width:991px; background-color: #fff; padding:5px 4px 5px 5px; }
#mainbody #banner { height:390px; width:991px; padding:0px 0px 5px 0px;}
#banner .left { width:241px; float:left; margin:0 5px 0 0; overflow:hidden;}
#banner .right { width:745px; float:left;}
#banner .right a img{ border:0px;}
#mainbody #detail { background-color:#c45011; width:971px; padding:10px 10px; color:#fad3bd; font-size:11px;}
#detail .left { width:231px; float:left; padding:0px 5px 0px 0px;}
#detail .right { width:735px; float:left;}
.boxdetail { padding:951px; padding:0px 10px;}
.boxdetail .left { width:515px; float:left; margin:0px; padding:0px; color:#FFFFFF; font-size:11px; }
.boxdetail .left p{ width:515px; margin:0px 0px 10px 0px; color:#FFFFFF; font-size:11px; }
.boxdetail .right { width:405px; float:right; margin:0px; padding:0px;}
.boxdetail .right .thumbnail
{ width:62px; height:62px; float:left; margin:0px 10px 0px 0px; background-color:#FFFFFF; padding:2px; border:1px solid #997a6a;}
.remark { width:951px; height:30px; background-color:#4b200a; padding: 10px 20px;}
.boxdetail .right .thumbnail a img { border:0 none;}
.boxdetail .right p{ width:515px; margin:0px 0px 10px 0px; color:#FFFFFF; font-size:11px; }
.boxdetail .right td
{ background-color:#aeac28; font-size:10px; color:#FFFFFF; text-align:center; vertical-align:middle;}
.boxdetail .right td { border-bottom:1px solid #776716;}
.boxdetail .right td { border-top:1px solid #733313;}
.boxdetail .right td { border-left:1px solid #776716;}
.boxdetail .right td { border-right:1px solid #744714;}
.boxdetail .right th.rate
{ background-image:url(design/chaba-headtable.jpg); width:44px; height:13px; background-repeat:no-repeat;
color:#FFFFFF; font-size:11px; font-weight: bold; text-align:left;}
.boxdetail .right tr.second td { background-color:#787717;}
/***************************************LOCATION***************************/
#location { width:1000px; }
/***************************************CONTACT****************************/
#contact { width:991px;}
.contactleft p {width:196px; padding: 0px 15px 10px 15px; margin:0px; font-size:11px;}
.contactleft { width:226px;float:left; background-color:#4c6897; padding:10px; height:250px;}
.contactright { width:645px;float:left; background-color:#3b547a; padding:10px 50px; height:250px;}
.contactright td { color:#FFFFFF; font-size:12px; height:25px; vertical-align:top;}
.contactright td input { width:350px; border:0px;}
.contactright td textarea { border:0px;}
.contactright td #send
{ background-image:url(design/contact-send.jpg); width:47px; height:20px; text-align:center;
margin:10px 0px 0px 0px; padding:5px 10px 0px 10px; color: #FFFFFF; font-size:14px;}
.contactright td #send a { color:#FFFFFF;}
.contactright td #send a:hover { color:#000;}
/*******************************************facilities*******************/
#facilities {width:971px; background-color:#146d57; padding:10px;}
#facilities td { height:20px; color:#FFFFFF; font-size:11px;}
#facilities td img { margin:0px 5px 0px 0px;}
/*******************************************villa***************************/
#chabavilla {width:971px; background-color:#733313; padding:10px;}
.boxdetail .left .thumbnail
{ width:62px; height:62px; float:left; margin:0px 10px 0px 0px; background-color:#FFFFFF; padding:2px; border:1px solid #997a6a;}
.remark { width:951px; height:30px; background-color:#4b200a; padding: 10px 20px;}
.boxdetail .left .thumbnail a img { border:0 none;}
.remark td { font-size:10px; color:#FFFFFF;}
.remark td strong { color:#e8e525;}
/*******************************************GALLERY**********************/
#gallery {}
#gallery #galleryleft { width: 390px; float: left;}
#gallery #galleryleft a img { border:0 none;}
#gallery #galleryright { padding:0 0 0 30px;}
#galleryright h1
{
background-image:url(design/gallery-headtext.jpg); width:896px; height:22px;
padding:6px 10px 0px 10px; font-size:14px; font-weight:bold; color:#FFFFFF; margin:0px 0px 10px 0px;
}
#galleryright a img
{ border:1px solid #999999; margin:0px 8px 8px 0px; width:90px; height:90px; }
/***********************************H1****************************/
#mainbody h1.headcontact
{
width:202px; height:22px; padding:6px 10px 0px 10px; font-size:14px;
font-weight:bold; color:#FFFFFF; margin:0px 0px 10px 0px; background-image:url(design/contact-headtext.jpg);
}
#mainbody h1.headfacilities
{
width:215px; height:22px; padding:6px 10px 0px 10px; font-size:14px;
font-weight:bold; color:#FFFFFF; margin:0px 0px 10px 0px; background-image: url(design/facilities-headtext.jpg);
}
#mainbody h1.headchabavilla
{
width:215px; height:22px; padding:6px 10px 0px 10px; font-size:14px;
font-weight:bold; color:#FFFFFF; margin:0px 0px 10px 0px; background-image: url(design/chaba-headtext.jpg);
}
#mainbody h2.subchabavilla
{
width:143px; height:16px; padding:3px 10px 0px 10px; font-size:12px;
font-weight:bold; color:#FFFFFF; margin:0px 0px 10px 0px; background-image: url(design/chaba-subtext.jpg);
}
/*************************************************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*****************************/
/*************************************END BUTTON**********************************/
/*****************************************************************************/
#mainmenu { width: 530px; height:26px; float: left;}
#mainmenu #mainnav { margin:0; padding:0; }
#mainmenu #mainnav li { display: inline; }
#mainmenu #mainnav li a { float: left; height: 0px; padding-top: 26px; overflow: hidden; }
#mainmenu #mainnav li a { background-image: url(design/menu.jpg);background-repeat: no-repeat; }
/* BUTTONS */
#mainmenu #mainnav li#m-1 a { width: 123px; background-position: 0px 0px; }
#mainmenu #mainnav li#m-2 a { width: 95px; background-position: -123px 0px; }
#mainmenu #mainnav li#m-3 a { width: 95px; background-position: -218px 0px; }
#mainmenu #mainnav li#m-4 a { width: 95px; background-position: -313px 0px; }
#mainmenu #mainnav li#m-5 a { width: 122px; background-position: -408px 0px; }
/* OVER STATES */
#mainmenu #mainnav li#m-1 a:hover { width: 123px; background-position: 0px -26px; }
#mainmenu #mainnav li#m-2 a:hover { width: 95px; background-position: -123px -26px; }
#mainmenu #mainnav li#m-3 a:hover { width: 95px; background-position: -218px -26px; }
#mainmenu #mainnav li#m-4 a:hover { width: 95px; background-position: -313px -26px; }
#mainmenu #mainnav li#m-5 a:hover { width: 122px; background-position: -408px -26px; }
#mainmenu #mainnav li#m-1 a:active { width: 123px; background-position: 0px -26px; }
#mainmenu #mainnav li#m-2 a:active { width: 95px; background-position: -123px -26px; }
#mainmenu #mainnav li#m-3 a:active { width: 95px; background-position: -218px -26px; }
#mainmenu #mainnav li#m-4 a:active { width: 95px; background-position: -313px -26px; }
#mainmenu #mainnav li#m-5 a:active { width: 122px; background-position: -408px -26px; }
#mainmenu.m1 #mainnav li#m-1 a { width: 123px; background-position: 0px -26px; }
#mainmenu.m2 #mainnav li#m-2 a { width: 95px; background-position: -123px -26px; }
#mainmenu.m3 #mainnav li#m-3 a { width: 95px; background-position: -218px -26px; }
#mainmenu.m4 #mainnav li#m-4 a { width: 95px; background-position: -313px -26px; }
#mainmenu.m5 #mainnav li#m-5 a { width: 122px; background-position: -408px -26px; }
/***************************** END MAIN MENUS ******************************/
#reservation { margin:0 0 0 0; padding:15px 0px 0 0px; width:645px; float:right; }
#reservation h1 { font-size:16px; font-family:"Times New Roman", Times, serif; text-align:center; margin:0 0 25px 0;}
#reservation td{ height:35px; vertical-align:middle;}
#reservation td input { border:1px solid #CCCCCC; width:50px;}
#reservation td select { border:1px solid #CCCCCC;}
#reservation td.wid input {width:200px;}
#reservation td.widdate input { width:50px;}
.reservationleft { width:226px;float:left; background-color:#4c6897; padding:10px; height:750px;}
.reservationleft p {width:196px; padding: 0px 15px 10px 15px; margin:0px; font-size:11px;}
.reservationight { width:545px;float:left; background-color: #3b547a; padding:10px 100px; height:750px;}
.reservationight h1
{ font-size:16px; font-family:"Times New Roman", Times, serif; text-align:center; margin:0 0 25px 0; color: #FFFFFF;}
.reservationight td{ height:35px; vertical-align:middle; color:#FFFFFF;}
.reservationight td input { border:1px solid #000033; width:50px;}
.reservationight td select { border:1px solid #000033;}
.reservationight td.wid input {width:200px;}
.reservationight td.widdate input { width:50px;}
.reservationight td input#submit {}
.reservationight td textarea { border:1px solid #000033;}
/********Slide Show************************/
#slideshow {
position:relative;
height:390px;
}
#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
opacity:0.0;
}
#slideshow IMG.active {
z-index:10;
opacity:1.0;
}
#slideshow IMG.last-active {
z-index:9;
}
#roomdetail {}
#roomdetail td
{ background-color:#aeac28; font-size:10px; color:#FFFFFF; text-align:center; vertical-align:middle;}
#roomdetail td { border-bottom:1px solid #776716;}
#roomdetail td { border-top:1px solid #733313;}
#roomdetail td { border-left:1px solid #776716;}
#roomdetail td { border-right:1px solid #744714;}
#roomdetail th.rate
{ background-image:url(design/chaba-headtable.jpg); width:44px; height:13px; background-repeat:no-repeat;
color:#FFFFFF; font-size:11px; font-weight: bold; text-align:left;}
#roomdetail tr.second td { background-color:#787717;}