/*-------------------------CSS Design by 9RA at guidevision.com---------------*/
/*////////////////////////////////////////////////////////////////////////////////////*/
/*                                          Main Body                                                 */
/*////////////////////////////////////////////////////////////////////////////////////*/	
	body {
		margin-top:0px;
		background-color: #FFFFFF;
	}
	#wrapper{
		width:993px;
		margin:auto;
		padding:0px;
		font-size:12px;
		text-align:justify;
		font-family: Tahoma, Arial, Helvetica, sans-serif, Tahoma, Verdana;
		color:#979994;
	}
	#topbody{
		width:100%;
		height:115px;
		margin:0 auto;
		background-image:url(../images/topborderbg.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	}
	#centerbody{
		width:100%;
		height:338px;
		margin:0px;
	}
	#centerbody2{
		width:100%;
		margin:0px;
		display:table;
	}
	
	#bottombody{
		padding-left:10px;
		float:left;
		font-size:11px;
		color:#9D9E9C;
		height:40px;
		text-align:left;
	}
	#rightbody{
		float:right;
		margin-top:12px;
		width:710px;
	}

.sss img{padding:2px;border:solid 3px #D4E1C2;}

 #gallery{
 height:20px;
 width:150px;
 position:relative;
 background-color:#000000;
 top:-20px;
 left:0px;
 }
/*////////////////////////////////////////////////////////////////////////////////////*/
/*                                    menu -drop                                            */
/*////////////////////////////////////////////////////////////////////////////////////*/	
#m1{
	position:relative;
	display:block;
}
#m2{
	position:relative;
	display:block;
}
#menu1 {
	position:absolute;
	top:4px;
	left:193px;
	visibility: hidden;
	overflow: hidden;

}


#menu1-1 {
	position:absolute;
	top:29px;
	left:193px;
	overflow: hidden;
	visibility: hidden;
	
}
#menu2 {
	position:absolute;
	top:4px;
	left:368px;
	overflow: hidden;
	visibility: hidden;
}

#menu3 {
	position:absolute;
	top:4px;
	left:193px;
	overflow: hidden;
	visibility: hidden;
}
.submenu{
background-color:#EEF8E3;
background-image:url(../images/h_linedot.gif);
background-repeat:repeat-x;
background-position:bottom;
padding-left:5px;
padding-top:5px;
width:170px;
height:20px;
}

form {
padding:0px;
margin:0px;}
/*////////////////////////////////////////////////////////////////////////////////////*/
/*                                         Sub Body                                   */
/*////////////////////////////////////////////////////////////////////////////////////*/	
	
	#logo{
		margin:0px;
		padding:0px;
		background-image:url(../images/logophuket villa.gif);
		width:207px;
		height:115px;
		float:left;
	}
	#topright{
		float:right;
		margin-top:40px;
		margin-right:10px;
		margin-left:0px;
	}

	#mainmenu{
		width:777px;
		height:41px;
		float:right;
	
	}
	#topmenushow{
		background-image:url(../images/bgmenu.gif);
		background-repeat:no-repeat;
		width:777px;
		height:41px;
	}
	#leftpanel{
		width:193px;
		height:338px;
		float:left;
		background-color:#71A629;
	}

	#rightpanel{
		width:800px;
		height:338px;
		background-image:url(../images/mainphoto.jpg);
		float:left;
		
	}
		
	#rightpanel-en{
		width:800px;
		height:338px;
		background-image:url(../images/mainphoto-en.jpg);
		float:left;
		
	}
	#leftpanel2{
		width:709px;
		float:left;
		display:table;
		background-image:url(../images/border_top.gif);
		background-position:top left;
		background-repeat:no-repeat;
	}
	
	#leftpanel2bt{
		margin-top:-70px;
		width:709px;
		height:110px;
		display:table;
		background-image:url(../images/border_bottom.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
	}
		
	#rightpane11{
		width:271px;
		display:table;
		float:left;
	}
	#rightpanel2{
	    margin-left:10px;
		width:271px;
		display:table;
		float:left;
	}
	#softborder{
		background-image:url(../images/bordersoft.gif);
		background-repeat:no-repeat;
		height:10px;
	}
	#inleftpanel2{
		position:relative;
		margin-top:50px;
		margin-left:30px;
		margin-right:20px;
	}

/*////////////////////////////////////////////////////////////////////////////////////*/
/*                                         Menu-th                                   */
/*////////////////////////////////////////////////////////////////////////////////////*/

#navigation ul {
		float:left;
		margin-top:7px;
		margin-left:108px;
		padding:0px;
}

#navigation ul li {
	display: inline;
	line-height: normal;
}

#navigation ul li a {
	display: block;
	float: left;
	height:27px;
	text-indent:-9999px;
}

li#navth_home a {	width:74px;	background: url(../images/nav_menu_th.gif) no-repeat 0px 0px;}
li#navth_home a:hover { background-position:  0px -27px; }
.selected_navth_home{display: block;float: left;height:27px;text-indent:-9999px;width:74px;	background: url(../images/nav_menu_th.gif) no-repeat 0px 0px;background-position:  0px -27px;}

li#navth_about a { width:127px; background: url(../images/nav_menu_th.gif) no-repeat -74px 0; }
li#navth_about a:hover { background-position:  -74px -27px; }
.selected_navth_about{display: block;float: left;height:27px;text-indent:-9999px;width:127px; background: url(../images/nav_menu_th.gif) no-repeat -74px 0;background-position:  -74px -27px;}

li#navth_news a { width:116px; background: url(../images/nav_menu_th.gif) no-repeat -201px 0; }
li#navth_news a:hover { background-position:  -201px -27px; }
.selected_navth_news{display: block;float: left;height:27px;text-indent:-9999px;width:116px; background: url(../images/nav_menu_th.gif) no-repeat -201px 0;background-position:  -201px -27px;}

li#navth_contact_us a { width:113px; background: url(../images/nav_menu_th.gif) no-repeat -317px 0; }
li#navth_contact_us a:hover { background-position:  -317px -27px; }
.selected_navth_contact_us{display: block;float: left;height:27px;text-indent:-9999px;width:113px; background: url(../images/nav_menu_th.gif) no-repeat -317px 0;background-position:  -317px -27px;}

li#navth_link a { width:82px; background: url(../images/nav_menu_th.gif) no-repeat -430px 0; }
li#navth_link a:hover { background-position:  -430px -27px; }
.selected_navth_link{display: block;float: left;height:27px;text-indent:-9999px;width:82px; background: url(../images/nav_menu_th.gif) no-repeat -430px 0;background-position:  -430px -27px;}

/*////////////////////////////////////////////////////////////////////////////////////*/

li#naven_home a {	width:74px;	background: url(../images/nav_menu_en.gif) no-repeat 0px 0px;}
li#naven_home a:hover { background-position:  0px -27px; }
.selected_naven_home{display: block;float: left;height:27px;text-indent:-9999px;width:74px;	background: url(../images/nav_menu_en.gif) no-repeat 0px 0px;background-position:  0px -27px;}

li#naven_about a { width:127px; background: url(../images/nav_menu_en.gif) no-repeat -74px 0; }
li#naven_about a:hover { background-position:  -74px -27px; }
.selected_naven_about{display: block;float: left;height:27px;text-indent:-9999px;width:127px; background: url(../images/nav_menu_en.gif) no-repeat -74px 0;background-position:  -74px -27px;}

li#naven_news a { width:116px; background: url(../images/nav_menu_en.gif) no-repeat -201px 0; }
li#naven_news a:hover { background-position:  -201px -27px; }
.selected_naven_news{display: block;float: left;height:27px;text-indent:-9999px;width:116px; background: url(../images/nav_menu_en.gif) no-repeat -201px 0;background-position:  -201px -27px;}

li#naven_contact_us a { width:113px; background: url(../images/nav_menu_en.gif) no-repeat -317px 0; }
li#naven_contact_us a:hover { background-position:  -317px -27px; }
.selected_naven_contact_us{display: block;float: left;height:27px;text-indent:-9999px;width:113px; background: url(../images/nav_menu_en.gif) no-repeat -317px 0;background-position:  -317px -27px;}

li#naven_link a { width:82px; background: url(../images/nav_menu_en.gif) no-repeat -430px 0; }
li#naven_link a:hover { background-position:  -430px -27px; }
.selected_naven_link{display: block;float: left;height:27px;text-indent:-9999px;width:82px; background: url(../images/nav_menu_en.gif) no-repeat -430px 0;background-position:  -430px -27px;}


.textseach {
		font-family: arial,Verdana, Helvetica, Tahoma, AngsanaUPC, sans-serif, "MS Sans Serif";
		text-align:justify;
		font-weight: normal;
		font-size:11px;
		color: #858585;
		}
.texthead {
		font-family: arial,Verdana, Helvetica, Tahoma, AngsanaUPC, sans-serif, "MS Sans Serif";
		font-weight: bold;
		font-size:12px;
		color: #71A629;
}
	
.textable {
		font-family: arial,Verdana, Helvetica, Tahoma, AngsanaUPC, sans-serif, "MS Sans Serif";
		font-weight: bold;
		font-size:11px;
		color: #ffffff;
}

a:link, a:active, a:visited
		{
			font-family: arial,Verdana, Helvetica, Tahoma, AngsanaUPC, sans-serif,"MS Sans Serif";
			font-style: normal;
			font-weight: normal;
			font-size:11px;
			color: #858585;
			text-decoration: none;
		}
a:hover
		{
			font-family: arial,Verdana, Helvetica, Tahoma, AngsanaUPC, sans-serif, "MS Sans Serif";
			font-style: normal;
			font-weight: normal;
			font-size:11px;
			color: #71A629;
			text-decoration: none;
		}
.textcopyright {
		font-family: arial,Verdana, Helvetica, Tahoma, AngsanaUPC, sans-serif, "MS Sans Serif";
		font-style: normal;
		font-weight: normal;
		font-size:11px;
		color: #858585;
}
a.readmore:link, a.readmore:active, a.readmore:visited
		{
			font-family: arial,Verdana, Helvetica, Tahoma, AngsanaUPC, sans-serif,"MS Sans Serif";
			font-style:	normal ;
			font-size:11px;
			color: #71A629;
			text-decoration:;
		}
a.readmore:hover
		{
			font-family: arial,Verdana, Helvetica, Tahoma, AngsanaUPC, sans-serif, "MS Sans Serif";
			font-style: normal;
			font-size:11px;
			color: #71A629;
			text-decoration: none;
			text-decoration: underline ;
						
		}
		
		.www{
		font-family: arial,Verdana, Helvetica, Tahoma, AngsanaUPC, sans-serif, "MS Sans Serif";
		font-size:12px;
		color: #ECF5DF;
		
		}

.requiredtext {
	font-family: Tahoma, "MS Sans Serif", Arial;
	font-size: 12px;
	color: #ff0000;
}
	

.requiredtext-en {
	font-family: Tahoma, "MS Sans Serif", Arial;
	font-size: 12px;
	color: #ff0000;
}