/* 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:Verdana, Arial, Helvetica, sans-serif; vertical-align: baseline;} /**font-family: Thonburi, "Lucida Grande", Arial, Tahoma, Sans-Serif;*/
: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: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 15px; }
.clearspace {clear:both; height:0; padding:0; margin:0; width:0;}
a { color: #000; text-decoration: none; }
a:hover { color: #ca002a; }
a:active { color: #333; }
p {margin: 0 0 15px 0; color:#000 font-size:12px;}
a img { border:0;}
img.aligncenter { display:block; margin:0 auto;}
body { background-color:#d9cfad;}
/********************************LOGO********************************************/
#logobox{width:957px; margin: 0 auto; top:15px; position: relative; z-index:10;}
#logo
{height:124px; background:url(images/destination-samui-logo.png) no-repeat;}
#logo h1 { font-size:8px; color:#fff; opacity: .10; filter: alpha(opacity=10); margin:0; padding:0;}
/********************End Logo****************************************/
#wrapper { width:985px; margin:0 auto; position:relative; top:-124px; }
#banner { background: url(images/bg-banner.png) no-repeat; height:347px; width:956px; padding:0 14px; overflow:hidden;}
#body { background:url(images/bg-body.jpg) repeat-y; width:920px; margin:0 auto; padding:25px 20px;}
#body h1 { color:#000000; font-size:22px; font-weight:normal; margin:0 0 10px 0;}
#body h2 { color:#000000; font-size:22px; font-weight:normal; margin:0 0 10px 0;}
#body p.price {font-size:14px; font-weight:normal; color:#666;}
#contenthome { background-image: url(images/bg-mome.jpg); width:920px; background-repeat:no-repeat; }
#lcol { width:280px; float:left; padding: 0 15px 0 5px; }
#lcol p img { display:block; border:1px solid #666;}
#ccol { width:272px; float:left; padding:0 20px 0 25px;}
#ccol p { margin:0 0 0 0;}
#ccol p a { color:#000000; font-weight:bold;}
#ccol h1 { margin-top:10px;}
#ccol .accombox{width:272px; margin:0 0 15px 0;}
#ccol .accombox .accomlbox{ width:170px; float:left;}
#ccol .accombox .accomrbox{ width:85px; height:80px; float:right; background: url(images/bg-thumb-home.gif) no-repeat; }
#ccol .accombox .accomrbox a{ width:83px; height:78px; display:block; overflow:hidden; padding:1px; }
#ccol .accombox .accomrbox a img{ width:83px; height:78px; overflow:hidden; }
#rcol { width:281px; float:left; padding:0 14px 0 5px; margin:0;}
#rcol p a { color:#45270b; font-size:11px; font-weight:bold;}
#guaruntee { width:281px; margin:0 0 5px 0;}
#map { margin:0 0 15px 0; padding:0 0 0 10px; width:271px; text-align:center; }
#homecontact { margin:0 0 15px 0; padding:0 0 0 10px; width:271px; }
#content {}
#content .contentbox { margin:0 0 15px 0;}
/****#content p.price { color:#666666; margin:0 0 10px 0; font-size:10px; font-weight:bold;}****/
#accom {}
#accom .accombox{width:272px; margin:0 0 7px 0; float:left; height:120px; padding:5px 20px 0 10px;}
#accom .accombox .accomlbox{ width:170px; float:left; margin:0 5px 0 0;}
#accom .accombox .accomrbox{ width:85px; height:80px; float:left; background: url(images/bg-thumb-home.gif) no-repeat; }
#accom .accombox .accomrbox a{ width:83px; height:78px; display:block; overflow:hidden; padding:1px; }
#accom .accombox .accomrbox a img{ width:83px; height:78px; overflow:hidden; }
#accom h2 a { color:#000000;}
#accomdetail {}
#accomdetail th{ background-color:#9d7b58; color:#FFFFFF; vertical-align: middle; text-align:center; padding:5px 0; font-weight:bold;}
#accomdetail td{ background-color:#cfbba2; color:#735b43; vertical-align: middle; text-align:center; padding:5px 0; font-weight:bold;}
#accomdetail td.coltwo{ background-color:#dbccb9; color:#735b43; vertical-align: middle; text-align:center; padding:5px 0; font-weight:bold;}
#accomdetail td a {color:#735b43; text-decoration:underline;}
#contact {}
#contact td { padding:0 0 10px 0; vertical-align:top;}
#spa{}
#spa th {background-color:#755438; padding:5px 10px; font-weight:bold; vertical-align: middle; text-align:center;}
#spa td {padding:5px 10px; background-color:#d7c6ac; vertical-align: middle;}
#spa td.space { padding:2px 0;}
#spa td.head { background-color:#755438; text-align:center; font-weight:bold;}
#spa td.texthead {font-weight:bold;}
#spa .spamenu { width:450px; float:left; margin:5px;}
#next { width:450px; float:right; text-align:right;}
#next a { font-weight:bold;}
#preview {width:450px; float:left; }
#preview a { font-weight:bold;}
#footer {width:985px; text-align:center; padding:15px 0 0 0;}
#footer p {color: #4d1d00; text-align:center; font-size:10px;}
#footer p a { font-size:12px; font-weight:bold;}
#sidebar { width: 280px; float: left;}
#sidebar h2 { margin: 0 0 15px 0;}
#sidebar ul { margin: 0; padding: 0;}
#sidebar li { list-style-type:disc; list-style-position:inside; padding:0 0 10px 0; }
#promotion-content { width: 640px; float: right;}
#promotion-content h2 { margin: 0 0 15px 0;}
#promotion-content h3 { margin: 0 0 15px 0;}
#booknowhome { width:280px;}
#booknowhome th
{ color:#4b260c; font-weight: bold; text-align:left; padding:5px 0 5px 5px; background-color:#e2dbaf; border:1px solid #d5d192;}
#booknowhome td {padding:5px 0 0 5px; color:#4b260c; border-right:1px solid #d5d192; border-left:0 none;}
#booknowhome td.res{ padding:5px 0 0 5px; color:#4b260c; border-left:1px solid #d5d192; border-right:0 none; }
#booknowhome td.bookbottom {border-bottom:1px solid #d5d192; border-right:1px solid #d5d192; border-left:1px solid #d5d192; padding-bottom: 10px;}
#news { width:640px; float:right;}
#news h2 a{ font-size:18px;}
#news .newspic { float:left; width:160px; margin:0 0 10px 0; }
#news .newspic img { width:150px; border:2px solid #CCCCCC;}
#news .newscontent{ float:right; width:460px; margin:0 0 10px 0;}
/*Menu */
/*#nav { width: 920px; height:28px; margin:0 auto; background-color:#000000; padding:12px 0 0 40px;}*/
#nav { width: 920px; height:40px; margin:0 auto; background-color:#000000; padding:0 0 0 40px;}
#nav #mainnav { margin:0; padding:0; }
#nav #mainnav li { float: left; color:#FFFFFF; }
#nav #mainnav li a { color:#fff; font-size:14px; font-family:"Times New Roman", Times, serif; font-weight:nornal; }
#nav #mainnav li a { display:block; padding:5px 50px 0 0;}
#nav #mainnav li a:hover { color:#db8902;}
#nav #mainnav li#m-7 a { display:block; padding:5px 0 0 0;}
#nav #mainnav li#m-1 a:hover { color:#db8902;}
#nav #mainnav li#m-2 a:hover { color:#db8902;}
#nav #mainnav li#m-3 a:hover { color:#db8902;}
#nav #mainnav li#m-4 a:hover { color:#db8902;}
#nav #mainnav li#m-5 a:hover { color:#db8902;}
#nav #mainnav li#m-6 a:hover { color:#db8902;}
#nav #mainnav li#m-7 a:hover { color:#db8902;}
/****************************************Submenu************************************************/
#nav .menu #mainnav li ul li a{ padding:10px 10px; height: auto;}
/***************************End******************************************/
#bannerpromotion { width:280px; padding:0; margin:0 0 3px 0;}
#bannerpromotion ul { padding:0; margin:0;}
#bannerpromotion li { padding:0; margin:0;}
#bannerpromotion #p2 { display:none;}
#bannerpromotion #p3 { display:none;}
#bannerpromotion #p4 { display:none;}
#bannerpromotion #p5 { display:none;}
#bannerpromotion #p6 { display:none;}
#bannerpromotion #p7 { display:none;}
#number { width:280px; margin:0 0 15px 0;}
#number li a { display:block; float:left; padding:3px 5px; margin: 0 0 0 3px; color:#FFFFFF; background-color: #FF0000;}
#number li a:hover{ background-color:#FFFFFF; color:#FF0000;}
#number.current1 li#s1 a{ background-color:#FFFFFF; color:#FF0000;}
#number.current2 li#s2 a{ background-color:#FFFFFF; color:#FF0000;}
#number.current3 li#s3 a{ background-color:#FFFFFF; color:#FF0000;}
#number.current4 li#s4 a{ background-color:#FFFFFF; color:#FF0000;}
#number.current5 li#s5 a{ background-color:#FFFFFF; color:#FF0000;}
#number.current6 li#s6 a{ background-color:#FFFFFF; color:#FF0000;}
#number.current7 li#s7 a{ background-color:#FFFFFF; color:#FF0000;}
/*ul#mainnav,ul#mainnav ul {
margin: 0;
padding: 0;
list-style: none;
}
ul#mainnav {
position:relative;
}
ul#mainnav li {
float: left;
background:#000;
color:#fff;
text-align:left;
}
ul#mainnav li a {
text-decoration: none;
color:#b00;
}
#mainnav li ul {
position:absolute;
left: 0;
top:-125px;
margin-left:-999em;
border:none;
height:115px; /* height of box */
/*width:155px; /* width of box */
/*background:#000; padding:10px 0 0 10px;
}
/* multi-level start*/
/*#mainnav li ul ul {
margin: -1em 0 0 10em;
}*/
/*#mainnav, #mainnav ul {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}
#mainnav li:hover ul ul, #mainnav li.sfhover ul ul {
left: -999em;
}
#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul {
position: absolute;
left: auto;
filter: alpha(opacity=95);/*opacity for IE5+*/
/*-moz-opacity: 0.95; /*opacity for older Mozilla browsers*/
/*opacity: 0.95; /*opacity for mozilla/safari*/
/*}
ul#mainnav li li{height:auto;border:none;}
ul#mainnav li li a{
color:#fff;
padding:0 0 10px 0;
display:block;
}
ul#mainnav li:hover ul,
ul#mainnav li.over ul {
margin-left:0;
}
ul#mainnav li:hover,
ul#mainnav li.over,
ul#mainnav li:hover a,
ul#mainnav li.over a { color:#FF0000;}
ul#mainnav li:hover li a,ul#nav li.over li a{color:#fff;}
ul#mainnav li li a:hover{color:red;}
ul#mainnav li p {padding:5px;}
ul#mainnav li.last,ul#nav li.last ul{border:none;width:200px;}
ul#mainnav li ul li a{
color:#fff;
margin:0 0 10px 0;
display:block;}
/************************M2***************************/
/*#slideshow {
position:relative;
height:347px;
}
#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;
}
*/