/* 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:#132e29;}
#wrapper { width:850px; margin:0 auto ; padding:20px 0px 0px 0px;}
#background{ background-image: url(/rasananda/design/background.jpg); height:695px; background-repeat: repeat-x;}
#header { widows:820px; text-align:center; margin-bottom:30px;}
#web_banner { width:820px;}
#web_banner .top { width:818px; height:255px; border:1px #e4e3e3 solid;  }
#web_banner  .left { width: 228px; float:left;}
#web_banner  .right { width: 590px; float:left;}
#body { background-color:#3d796e; width:790px; padding:15px;}
.sidebar 
{width:198px; float:left; border-right: 1px #e4e3e3 solid; margin-right:15px; height:200px; padding-right: 15px; text-align:right;}
.sidebar  h1 { font-size:18px; font-weight:normal; margin-bottom:10px; color:#d16c52;}
.sidebar li { margin-bottom:1px;}
.sidebar li a{ color:#FFFFFF; font-size:11px;}
.sidebar li a.change{ color:#d16c52; font-size:11px;}
.sidebar li a:hover { color:#d16c52;}
.sidebar td { font-size: 9px; color: #fff; text-align: right;}
.sidebar td input 
{ width:131px; height:13px; background-repeat:no-repeat;
border:1px #666 solid; font-size:10px; color:#666;

}

.content { width:559px; float:left; height:190px; overflow: auto;}
.content  p {color:#fdf8f8; margin-bottom: 8px; font-size:12px; margin-top:0px;} 
.content  p.texttop {color:#fdf8f8; margin-bottom: 10px; font-size:11px; margin-top:0px; font-weight:bold;}  
.content td { color:#fdf8f8; font-size:11px; font-weight:bold;  margin: 0px; border:0px; }
.content h1{color:#fdf8f8; margin-bottom: 15px; font-size:16px; margin-top:30px;  font-weight:bold; text-align: center;}
.content h2{color:#fdf8f8; font-size:13px; margin-top:0px;  font-weight:normal; text-align: center;}
.thumbgallary { width:50px; height:50px; border:1px solid #fff; margin:0px 4px 10px 0px; float:left; padding:3px 3px 3px 3px;}
.thumbgallaryno { width:50px; height:50px; border:1px solid #fff; float:left; margin:0px 0px 10px 0px;  padding:3px 3px 3px 3px;}

#footer {width:820px; margin-top:15px; text-align:center; }
#footer a{ color:#c1c1c1; font-size:11px; }
#footer a:hover { color:#d16c52;}
#footer img{ margin:0px 15px;}
#footer img.onbetween{ margin:0px}

#backgtext-promotion 
{background-image: url(/rasananda/design/backgtext-promotion.jpg); width:183px; height: 55px;  padding: 0px 10px;  margin-bottom: 15px; background-repeat:no-repeat;}
#backgtext-promotion p {text-align: center; margin: 0px; font-size: 9px;}
#backgtext-promotion p a{ color:#c7c7a9;}
#backgtext-promotion p a:hover { color:#d16c52;}
p.textpromotion{ color:#d4ca5a;  width:203px; text-align:center; margin:0px 0px 5px 0px; font-size:11px; font-weight:bold;}

/***************************************************menu************************************************************/
#nav { width:820px; background-image: url(/rasananda/design/nav.jpg); width:820px; height:21px; padding:8px 0px 0px 0px; }
#nav a{ color:#FFFFFF; font-size:11px; margin-left:23px; font-weight:normal; }
#nav a:hover { color:#0f231f;}

#nav a#m-1 { color:#FFFFFF;}
#nav a#m-2 { color:#FFFFFF;}
#nav a#m-3 { color:#FFFFFF;}
#nav a#m-4 { color:#FFFFFF;}
#nav a#m-5 { color:#FFFFFF;}
#nav a#m-6 { color:#FFFFFF;}
#nav a#m-7 { color:#FFFFFF;}
#nav a#m-8 { color:#FFFFFF;}
#nav a#m-9 { color:#FFFFFF;} 

#nav a:hover#m-1 { color:#d16c52;}
#nav a:hover#m-2 { color:#d16c52;}
#nav a:hover#m-3 { color:#d16c52;}
#nav a:hover#m-4 { color:#d16c52;}
#nav a:hover#m-5 { color:#d16c52;}
#nav a:hover#m-6 { color:#d16c52;}
#nav a:hover#m-7 { color:#d16c52;}
#nav a:hover#m-8 { color:#d16c52;}
#nav a:hover#m-9 { color:#d16c52;}

#nav.m1 a#m-1 { color:#d16c52;}
#nav.m2 a#m-2 { color:#d16c52;}
#nav.m3 a#m-3 { color:#d16c52;}
#nav.m4 a#m-4 { color:#d16c52;}
#nav.m5 a#m-5 { color:#d16c52;}
#nav.m6 a#m-6 { color:#d16c52;}
#nav.m7 a#m-7 { color:#d16c52;}
#nav.m8 a#m-8 { color:#d16c52;}
#nav.m9 a#m-9 { color:#d16c52;}


/*************************************************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*****************************/

#button-promotiom{ width: 179px; height:55px; float:left; float:right; margin-top:15px; }
#button-promotiom  #promotiomnav { margin:0; padding:0; }
#button-promotiom  #promotiomnav li { display: inline; }
#button-promotiom  #promotiomnav li a { float: left; height: 0px; padding-top:55px; overflow: hidden; }
#button-promotiom  #promotiomnav li a { background-image: url(rasananda/design/button-promotion.jpg); background-repeat: no-repeat; }

/* BUTTONS */
#button-promotiom  #promotiomnav li#m-1 a { width: 179px; background-position: 0px 0px; }
/* OVER STATES */
#button-promotiom  #promotiomnav li#m-1 a:hover { width:179px; background-position:  0px -55px;  }
/*/*********button*****************************/

/*************************************END BUTTON**********************************/

/*****************************************************************************/
/*
#submenu { margin:0; padding:0; }
#submenu li { }
#submenu li a { float: left; height: 0px; padding-top:35px; overflow: hidden; }
#submenu li a { background-image: url(/rasananda/design/menu.jpg);background-repeat: no-repeat; }


/* BUTTONS */
/*#submenu li#m-1 a { color:#FFFFFF; font-size:11px;}
#submenu li#m-2 a { color:#FFFFFF; font-size:11px;}
#submenu li#m-3 a { color:#FFFFFF; font-size:11px;}
#submenu li#m-4 a { color:#FFFFFF; font-size:11px;}
#submenu li#m-5 a { color:#FFFFFF; font-size:11px;}
#submenu li#m-6 a { color:#FFFFFF; font-size:11px;}

/* OVER STATES */
/*#submenu li#m-1 a:hover { color:#0f231f;}
#submenu li#m-2 a:hover { color:#0f231f;}
#submenu li#m-3 a:hover { color:#0f231f;}
#submenu li#m-4 a:hover { color:#0f231f;}
#submenu li#m-5 a:hover { color:#0f231f;}
#submenu li#m-6 a:hover { color:#0f231f;}


#submenu.m1 li#m-1 a { color:#0f231f;}
#submenu.m2 li#m-2 a { color:#0f231f;}
#submenu.m3 li#m-3 a { color:#0f231f;}
#submenu.m4 li#m-4 a { color:#0f231f;}
#submenu.m5 li#m-5 a { color:#0f231f;}
#submenu.m6 li#m-6 a { color:#0f231f;}

*/



/***************************** END MAIN MENUS ******************************/
/******************************Gallery*****************************************/
#gallery_left { width:196px; height:435px; float:left; border-right:1px solid #fff;}
#gallery_left h1 {color:#D16C52;font-size:18px;font-weight:normal; margin-bottom:20px;}
#gallery_left .pagelink { width:180px; border-top:1px solid #FFFFFF; margin:10px 0px 0px 0px;}
#gallery_left .pagelink h2 a
{ height:17px; width:20px; font-size:15px; text-align:center; font-weight: normal; 
border:1px solid #666; background-color:#FFFFFF; float:left; margin:5px 5px 0px 0px; padding:3px 0px 0px 0px; }
#gallery_left input#buttonnext { background-color:#FFFFFF; border:1px solid #333333; margin:0 auto; display: block;}
#gallery_right { width:580px; height:435px; float:right;}
#gallery_right a img { border:0 none;}