/*  Visit Samui Style
by Pramote Sangwisate
Visit us : http://visitsamui.net/
*/

/* General */
html {
height:100%;
font-family:Arial, Tahoma, Helvetica, sans-serif;
font-size:13px;
}

body {
margin:0px;
padding:0px;
height:100%;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
font-weight:normal;
margin:0px 0px 10px 0px;
padding:0px;
}

h1{font-size:24px;}

h2{
font-size:20px;
padding:0px 0px 0px 0px;
color:#345DB5;
border-bottom:1px #CCCCCC dashed
}

h3{
font-size:16px;
font-weight:bold;
color:#ED125A;
padding:4px 0px 2px 0px;
}

h4{
font-size:14px;
font-weight:bold;
color:#000000;
padding:4px 0px 2px 0px;
}

h5{font-size:12px;}
h6{font-size:10px;}

blockquote {
font-style:italic;
padding:5px 0 5px 30px;
}

li, dd, blockquote {
margin-left:1em;
}

ul {
margin: 4px;
padding: 2px;
}

/* key Visual */

#keyvis{
margin:0px auto;
padding:0px;
width:410px;
float:left;
}

#keyvis-text{
margin:0px auto;
padding:0px;
width:380px;
float:right;
}

/* Hotel Block */

#hotelrecom{
margin:0px auto;
padding:0px;
width:360px;
float:left;
}

#ads-250{
margin:0px auto;
padding:0px;
width:250px;
float:right;
}

#hotel-list-home{
margin:4px 0 10px 0;
padding:4px;
font-size:11px;
color:#000000;
float:left;
width:280px;
height:100px;
}

#hotel-list{
margin:4px 0 10px 0;
padding:4px;
font-size:11px;
color:#000000;
float:left;
width:250px;
height:100px;
}

#footer{

margin:0px auto;
padding:0px;
width:985px;
}

/* Box */

#box200{
margin:0px auto; padding:0px; width:200px; height:160px; float:left;
}

#box200 .head200{
margin:0px auto; padding:8px 2px 0px 2px; width:194px; height:20px; text-align:center; font-weight:bold; color:white; 
background-image:url(/_images/bg_box200.gif);
}

#box200 .body200{
margin:0px auto; padding:5px 2px 5px 2px; width:194px; height:124px; background-image:url(/_images/bg_body200.gif);
}

#box400{
margin:0px auto; padding:0px; width:395px; height:200px; float:left;
}

#box400 .head400{
margin:0px auto; padding:8px 2px 0px 15px; width:395px; height:26px; text-align:left; font-size:13pt; font-weight:bold; color:black; 
background-image:url(/_images/bg_box400.gif);
}

#box400 .body400{
margin:0px auto; padding:5px 2px 5px 2px; width:395px; height:163px; background-image:url(/_images/bg_body400.gif);
}

#widget{
margin:0px auto; padding:0px; width:165px; float:left;
}

#widget .headwidget{
margin:0px auto; padding:8px 2px 0px 2px; width:165px; height:20px; text-align:center; font-weight:bold; color:white; 
background-image:url(/_images/bg_headwidget.gif);
}

#widget .bodywidget{
margin:0px auto; padding:5px 2px 5px 2px; width:165px; background-image:url(/_images/bg_bodywidget.gif);
}

#widget .footwidget{
margin:0px auto; padding:0px auto; width:165px; height:16px; background-image:url(/_images/bg_footwidget.gif);
}

/* Header */

#head{
margin:0px auto; padding:0px; width:980px; height:105px; background-image:url(/_images/bghead2.jpg);
}

.logo{
margin:0px; padding:0px; float:left; width:750px; height:77px; font-size:14px; font-weight: bold; color:white; float:left;
}

.menuhead{
margin:0px 0px 0px 0px; padding:0px; float:left; width:230px;
}

.menu{
width:980px; height:32px; margin:0px auto; padding:0px; float:left; background-image:url(/_images/bg_menu4.gif);
}

#menulist{
margin:8px 10px 0px 10px;
padding:0px;
vertical-align:middle;
font-size:12px;
color:#000000;
}

#menulist ul {
margin: 0;
padding: 2px;
}

#menulist li {
display: inline;
list-style:none;
background-image:url(/_images/bullet_blue.gif);
background-position:left top;
background-repeat:no-repeat;
margin:5px;
padding:0px 0px 0px 15px;
}

.menuheader{
float:right;
padding:10px;
}

.clear-all{
clear:both; 
line-height:0; 
height:0;
}

.hotel{
font-size:12px;
}

.hotel-link{
margin:4px 0 10px 0;
padding:4px;
color:#000000;
float:left;
width:180px;
height:100px;
}

.hotel-rate{
margin:0px auto;
padding-left:14px;
padding-top:5px;
width:60px;
height:29px;
font-size:15px;
font-weight:bold;
float:left;
background-image:url(/_images/btn_green.gif);
}

.hotelpix{
padding:4px;
}

.block-dashed{
font-size:12px;
color:#000000;
float:left;
border-bottom:1px #CCCCCC dashed
}

.subheader {
font-weight:bold; 
font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
padding:3px;
color: #000000; 
font-size:12pt;
}


/* Links */
a, a:link, a:visited {
color:#004A80;
text-decoration:none;
font-weight:bold;
}

a:hover, a:active {
color:#66c3e0;
text-decoration:underline;
}

a.menuheader, a.menuheader:link, a.menuheader:visited {
color:#66c3e0;
text-decoration:none;
font-weight:bold;
}

a.menuheader:hover, a.menuheader:active {
color:#ffffff;
text-decoration:underline;
}

a.hotel:link, a.hotel:visited {
color:#ED125A;
text-decoration:underline;
font-weight:bold;
}

a.hotel:hover, a.hotel:active {
color:blue;
text-decoration:underline;
}

a img {
border:none;
text-decoration:none;
}

img {
border:none;
text-decoration:none;
}

img#hotel-list{
padding:2px;
}