*{margin:0; padding:0;}
body { font: 0.875em Arial, Helvetica, sans-serif; background:#689ec4 url(../images/bg.gif) repeat-x; line-height:1.5em; }
a { text-decoration: none; color:#ffffff; }
h1{ padding-top: 40px; padding-bottom: 1em; margin-left:5em;}
h2{ padding-top: 20px; padding-bottom: 0.5em;}
h1{font-size:16px;}
h2{font-size:14px;}
dt{ margin:10px 0 10px 0; font-size:14px; text-transform:uppercase; text-decoration:underline;}
dl dt{font-weight:bold;}
dl dd{line-height:1.5em;}
img{border:none;}
.red{color:#F00;}
.highlight{color:#114455;}

#showroom_static {height: 264px; width: 820px; display: none; }
#top{margin: 0px auto; width: 820px;}
#top_print{margin: 0px auto; width: 820px; display:none;}
#top #logo{height: 120px; width:180px; margin: 0px auto; margin-top:5px;}
#menu ul { list-style: none; margin-left:15px; overflow:auto; font-size: 1em; }
#menu ul li{float:left; padding-top:7px; padding-bottom:7px;}
#menu ul li a { padding: 0.5em 0.65em; font-weight:bold;}
#menu ul li a:hover{ color:#284154; }
#menu { margin: 0px auto; width: 820px; border: 1px #ffffff solid; border-width: 1px 0; background-color: #7397b0; }
#main { margin: 0px auto; width: 820px; color: #FFF;}
#content {
 padding-bottom:20px; border-top:5px #9d8e6e solid; width: 820px; overflow:auto; border-bottom:1px #FFF solid;
 background: #7ca1bb url(../images/content_bg.gif) repeat-x top; position:relative;
}
.content_big{padding:0px 5em;}

#content_left{width:390px; margin-left:4em; float:left;}
#content_right{ width:335px; float:right; padding:10px; background:transparent url(../images/contentright_bg.jpg) no-repeat top;}
#map_right{ width:285px; position:absolute; top:15px; right:20px;}
#content_right img{margin:0 5px;}
#content #welcome{background:transparent url(../images/welcome.jpg) left no-repeat; }
#content #facilities{background:transparent url(../images/h_facilities.gif) left no-repeat; }
#content #services{background:transparent url(../images/h_services.gif) left no-repeat; }
#content #location{background:transparent url(../images/h_location.gif) left no-repeat; }
#content #rates{background:transparent url(../images/h_rates.gif) left no-repeat; }
#content #h_reservation{background:transparent url(../images/h_reservation.gif) left no-repeat; }
#content #aboutkohsamui{background:transparent url(../images/h_koh_samui.gif) left no-repeat; }
#content #h_gallery{background:transparent url(../images/h_gallery.gif) left no-repeat; }
#content #links{background:transparent url(../images/h_links.gif) left no-repeat; }
.content_header{text-indent:-9999px; width:335px; height:20px;}
.hide_text{ text-indent:-9999px; }
#footer {font-size:0.857em; margin: 10px auto; width: 820px; text-align: center; padding-bottom: 10px; color:#FFF; }

#showroom_dynamic { height: 264px; width: 820px; }
#content p { margin-top:0px; margin-bottom:10px; text-align:justify; overflow: hidden; }
.circle_list{list-style-position:inside; list-style-type:disc;}
.circle_list li{}
.big_image{
 width:810px; margin:20px auto; 
 background:transparent url(../images/bigimage_bg.gif) center repeat-y; text-align:center;
}
.big_image img{margin:10px 5px;}

#rate_table{ text-align:center; border:1px #FFF solid; background-color:#6488A2; width:51.43em; margin:0 auto;}
#rate_table th{ background-color: #284154; }

#rate_table #room_type{text-align:left;}
#rate_table td{ padding:3px; border-top:1px #CCC solid;}

#gallery{width:704px; margin:0 auto; text-align:center; font-size:10px;}
#gallery .thumb{ width:214px; height:151px; float:left; border:1px #FFF solid; background:#fff url(../images/thumb_bg.jpg) repeat-x 0 top; color:#37576e; padding-bottom:.5em; margin:10px 8px; }
#gallery .thumb img{margin-top:8px;}
#gallery .thumb a{ color:#37576e; text-decoration:underline;}

#reservation{width:680px; margin:0 auto; background:transparent url(../images/reservation_bg.gif) repeat-x;}
#reservation #left{width:22.857em; float:left; padding-top:5px;}
#reservation #right{width:22.857em; float:left; padding-top:5px;}
#reservation .separator{padding:3px 0px;}
#reservation label{ display:block; width:8.57em; float:left; text-align:left; padding-left:1em; color: #284154; }
#reservation .input-text{border:1px solid #3b6e22; color:#666666; width:12.857em;}
#reservation .textarea{border:1px solid #3b6e22; color:#666666; width:37.714em;}
#fac_icon{width:100%; margin-top:3%;}
#fac_icon .fac{width:12%; float:left; font-size:0.8em; text-align:center;}
