body, html {margin:0px; padding:0px; background: #e3dfd3;}
body {margin-top:16px;}
table{ font:12px/14px Tahoma, Arial, Geneva, sans-serif; color:#454134; text-decoration:none;}
tr, td{ vertical-align:top;}

.wrappertop { margin: 0 auto; width: 1000px; padding:0;}

.menuimg {display:block;width:119px;height:121px;text-decoration:none;}
.menuimg img{display: none;}
#boat-rental {background-image:url(boat-rental-thailand-samui.jpg);background-position:0 0;}
#boat-rental-on {background-image:url(boat-rental-thailand-samui.jpg);background-position:0 121px;}
#boat-rental:hover,#boat-rental:active {background-position:0 121px;}
#boat-tours{background-image:url(boat-tours-thailand-samui.jpg);background-position:0 0;}
#boat-tours-on{background-image:url(boat-tours-thailand-samui.jpg);background-position:0 121px;}
#boat-tours:hover,#boat-tours:active {background-position:0 121px;}
#boat-party {background-image:url(boat-incentive-thailand.jpg);background-position:0 0;}
#boat-party-on {background-image:url(boat-incentive-thailand.jpg);background-position:0 121px;}
#boat-party:hover,#boat-party:active {background-position:0 121px;}
#boat-photos {background-image:url(boat-tours-photos.jpg);background-position:0 0;}
#boat-photos-on {background-image:url(boat-tours-photos.jpg);background-position:0 121px;}
#boat-photos:hover,#boat-photos:active {background-position:0 121px;}
#siam-lady-contact {background-image:url(boat-rental-crew-thailand.jpg);background-position:0 0;}
#siam-lady-contact-on {background-image:url(boat-rental-crew-thailand.jpg);background-position:0 121px;}
#siam-lady-contact:hover,#siam-lady-contact:active {background-position:0 121px;}


#it1 {
	float:right;
	width:160px;
	height:664px;
	margin:5px;
	background:url(../images/it1.png) no-repeat;
}

#it2 {
	float:left;
	width:560px;
	height:129px;
	margin:5px;
	background:url(../images/it2.png) no-repeat;
}

#sf1 {
	float:left;
	width:140px;
	height:100px;
	margin-right:2px;
	margin-bottom:6px;
	margin-top:6px;
	background:url(../images/sf1.jpg) no-repeat;
}

#sf2 {
	float:left;
	width:140px;
	height:100px;
	margin-right:2px;
	margin-bottom:6px;
	margin-top:6px;
	background:url(../images/sf2.jpg) no-repeat;
}

#sf3 {
	float:left;
	width:140px;
	height:100px;
	margin-right:2px;
	margin-bottom:6px;
	margin-top:6px;
	background:url(../images/sf3.jpg) no-repeat;
}

#sf4 {
	float:left;
	width:140px;
	height:100px;
	margin-bottom:6px;
	margin-top:6px;
	background:url(../images/sf4.jpg) no-repeat;
}

#sf5 {
	float:left;
	width:140px;
	height:100px;
	margin-right:2px;
	margin-bottom:6px;
	background:url(../images/sf5.jpg) no-repeat;
}

#sf6 {
	float:left;
	width:140px;
	height:100px;
	margin-right:2px;
	margin-bottom:6px;
	background:url(../images/sf6.jpg) no-repeat;
}

#sf7 {
	float:left;
	width:140px;
	height:100px;
	margin-right:2px;
	margin-bottom:6px;
	background:url(../images/sf7.jpg) no-repeat;
}

#sf8 {
	float:left;
	width:140px;
	height:100px;
	margin-bottom:6px;
	background:url(../images/sf8.jpg) no-repeat;
}


.top {
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #fef8b9;
text-decoration: none;
line-height: 15px;
}
.header {
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #fef8b9;
text-decoration: none;
line-height: 15px;
}
.menu {
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #071a30;
text-decoration: none;
line-height: 15px;
}
a.menu:hover {
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #071a30;
line-height: 15px;
text-decoration: underline;

}
.menuv {
font-family: tahoma;
font-size: 11px;
font-weight: normal;
color: #ff4f00;
text-decoration: none;
line-height: 12px;
}

.tour {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #383321;
text-decoration: none;
line-height: 15px;
Width:288px;
height:25px;
}

.tour:hover {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #383321;
text-decoration: none;
line-height: 15px;
Width:288px;
height:25px;
background-color:#baaf95;
}

h1, h2, h3 {
font-size: 14px;
color: #454134;
margin-bottom:8px;
width:100%;
}
.main {
padding: 0px;
background-color:#d4cdb3;
border: 2px solid #FFFFFF;
}
.tablemain2 {
padding: 0px;

border: 1px solid #070d21;
}

.right {
padding: 0px 15px 15px 15px;
background-color:#d4cdb3;
border-top: 1px solid #FFFFFF;
}

.right a{
font:12px Tahoma, Arial, Geneva, sans-serif;
color:#454134; 
text-decoration:none;
font-weight:bold;
}

.newsletter {
	padding-left:24px;
	padding-right:24px;
	padding-top:20px;
	border-top:1px dotted #b9b090;
}

.form {
margin-bottom:4px;
margin-top:2px;
padding: 2px;
border: 1px solid #b9b090;
background-color:#d4cdb3;
color: #333333;
}
.footer2 {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #454134;
text-decoration: none;
line-height: 12px;
padding:5px 0px 0px 0px;
}
.footer {
font-family: tahoma;
font-size: 10px;
font-weight: normal;
color: #baaf95;
text-decoration: none;
line-height: 12px;
padding:5px 0px 0px 0px;
}
.footerlink{text-decoration: none;font-weight: normal;color: #baaf95;}

.left {
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #383321;
text-decoration: none;
line-height: 15px;
background:#d4cdb3;
}

.follow {
height:223px;
font-family: tahoma;
font-size: 12px;
font-weight: normal;
color: #383321;
text-decoration: none;
line-height: 15px;
padding:6px 6px 6px 6px;
margin:8px 8px 8px 8px;
border:1px solid #c8c0a2;
background:#c8c0a2 url(../_gfx/bgc.jpg) no-repeat 0 0;
}

#titles {
height:26px;
font-family: tahoma;
font-size: 13px;
font-weight: normal;
line-height: 26px;
color: #383321;
background: #d4ceb8;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

.ads1{	
	
        border-bottom: 1px solid #fff;
	height:120px;
	}

.ads{	
	
	
        margin-top: 8px;
        
	}

.ads img { 
      padding: 0px;
      border: #fff 0px solid;
      background: #d4cdb3;
      }

.ads a:link img  { 
      padding: 0px;
      border: #fff 0px solid;
      background: #d4cdb3;
      }

.ads a:hover img  { 
      padding: 0px;
      border: #fff 0px solid;
      background: #d4cdb3;
      }

.longtail {
	width:200px;
	height:260px;
	padding:0px;
	float:right;
	margin-left:30px;
	margin-top:10px;
	background:url(../images/longtail.png) no-repeat;
}

.fivesun1 {
	width:570px;
	height:140px;
	padding:0px;
	float:right;
	margin-bottom:5px;
	margin-top:5px;
	background:url(../images/fivesun1.png) no-repeat;
}

.fivesun2 {
	width:200px;
	height:260px;
	padding:0px;
	float:right;
	margin-left:30px;
	margin-top:10px;
	background:url(../images/fivesun2.png) no-repeat;
}


.fivesun3 {
	width:570px;
	height:140px;
	padding:0px;
	float:right;
	margin-bottom:5px;
	margin-top:5px;
	background:url(../images/fivesun3.png) no-repeat;
}

.yamaha1 {
	width:570px;
	height:140px;
	padding:0px;
	float:right;
	margin-bottom:5px;
	margin-top:5px;
	background:url(../images/yamaha1.png) no-repeat;
}

.yamaha2 {
	width:200px;
	height:260px;
	padding:0px;
	float:right;
	margin-left:30px;
	margin-top:10px;
	background:url(../images/yamaha2.png) no-repeat;
}

#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}

#imageContainer{
padding: 10px;
}

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: auto;
width: 100%	
}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
	
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}

