@charset "utf-8";
body {
	background-color: #ededee;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #555555;
}
a:link,a:visited,a:active{color:#565656;text-decoration:none}
a:hover{color:#565656;text-decoration:underline}
#mainmenu_wrapper{
	width:100%;
	height:60px;
	background-color: #dddddd;
	background-image: url(../img-v6/main-menu-bg.gif);
	background-repeat: repeat-x;
}
#mainmenu_wrapper{
	width:100%;
	height:60px;
	background-color: #dddddd;
	background-image: url(../img-v6/main-menu-bg.gif);
	background-repeat: repeat-x;
}
#mainmenu{
	width:1000px;
	height: 60px;
	float:none;
	margin:auto;
}
#mainmenulist{
	float:left;
	width:930px;
}
#mainmenulist ul{margin:0px;padding:28px 0px 0px 0px;list-style: none;}
#mainmenulist li.normalmenu{
	float:left;
	padding:0px 10px 0px 10px;
	vertical-align:middle;
	background-image: url(../img-v6/separate-mainmenu.gif);
	background-position: right;
	background-repeat: no-repeat;
}
#mainmenulist li.lastmenu{
	float:left;
	padding:0px 10px 0px 10px;
	border-right-style: none;
}
#mainmenulist a{
	text-decoration:none;
	font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #274e7f;
}
#mainmenulist a:hover{
	text-decoration:none;
	font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #8193cd;
}
#mainmenulist a.selectedmainmenu{
	text-decoration:none;
	font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #8193cd;
}
#language{
	width:70px;
	float:left;
}
#language ul{
	margin:0px;
	padding:28px 0px 0px 0px;
	list-style: none;
}
#language li{
	float:left;
	padding:0px 5px 0px 5px;
	vertical-align:middle;
}
#language img{
	text-align:left;
	margin:0px 5px 0px 0px;
	vertical-align:middle;
	border:0px;
}
#language a{text-decoration:none; color:#37659a;}
#language a:hover{text-decoration:underline; color:#37659a;}

#top_wrapper{
	width:100%;
	float:none;
	height:106px;
	background:#fff;
	margin:auto;
}
#top_header{
	width:1000px;
	float:none;
	height:106px;
	margin:auto;
}
#top_banner{padding-top:20px;}
.left{float:left}
.right{float:right}
#optional_menu{
	width:1000px;
	height:50px;
	float:none;
	margin:auto;
	clear:both;
	font-family: Arial, Helvetica, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2a4e73;
	position:relative;
}
#optional_menu #option_left{
	 background:transparent url(../img-v6/search-l-bg.gif) no-repeat 0px 0px;
	 height:50px;
}
#optional_menu #option_right{
	 background:transparent url(../img-v6/search-r-bg.gif) no-repeat right 0px;
	 height:50px;
}
#searchpanel{
 	padding:10px 0px 0px 20px;
	width:655px;
	float:left;
}
#top_option{
	width:325px;
	float:left;	
}
#top_option ul{
	margin:0px 20px 0px 20px;
	padding:17px 0px 0px 20px;
	list-style: none;
	display:block;
}
#top_option li{
	float:left;
	padding:0px 10px 0px 5px;
	vertical-align:middle;
	list-style-type: none;
	background-image: url(../img-v6/opt-list.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent:10px;
}
#top_option a{
	color: #2a4e73;
	text-decoration:none;
}
#top_option a:hover{
	color: #2a4e73;
	text-decoration:underline;
}

#directory_section {
	float:none;
	width:1005px;
	height:32px;
	margin:auto;
	clear:both;
	top:48px;	
	color:#627197;
	position:absolute;
	z-index:150;
}
#directory_section ul{
list-style-type: none;
margin:0px 50px;
float:none;
padding:0;
}

#directory_section li{
display:inline;
margin:0px 1px 0px 1px;
padding:0;
float:left;
line-height:32px;
}

#directory_section a {
float:left;
background:url(../img-v6/dir-bg-left.gif) no-repeat left top;
margin:0;
padding:0px 0px 0px 9px;
text-decoration:none;
line-height:12px;
color:#627197;
text-align:center;
}

#directory_section a span {
float:left;
display:block;
background:url(../img-v6/dir-bg-right.gif) no-repeat right top;
padding:3px 14px 3px 5px;
font-weight:bold;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#directory_section a span {float:none;}
/* End IE5-Mac hack */

#directory_section a:hover span {
color: #627197;
}

#directory_section #current a {
background-position:0 -32px;
}

#directory_section #current a span {
background-position:100% -32px;
color: #627197;
}

#directory_section a:hover {
background-position:0% -32px;
}

#directory_section a:hover span {
background-position:100% -32px;
}
#contentwrapper{
	float:none;
	margin:0 auto;
	width:1000px;
	position:relative;
	overflow:hidden;
	top:45px;
}
#left_section{float:left; width:660px; position:relative; overflow:hidden;}
#right_section{float:left; width:328px;_width:332px; position:relative; overflow:hidden;}
/*-------------------------------------  External Dialog -----------------------------------------*/
.dialog {
 width:100%;
 margin:0px auto;
 min-width:20em;
 max-width:690px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#666;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(../img-v6/tl.png) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(../img-v6/tr.png) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(../img-v6/ml.png) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(../img-v6/mr.png) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 5px;
 background:#fff url(../img-v6/ms.jpg) repeat-x 0px 0px;
 padding:0.7em;
 display:block;
}

.dialog .ft {
 background:transparent url(../img-v6/bl.png) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(../img-v6/br.png) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */
.dialog h1 {
 /* header */
 font-size:18px;
 margin:0px;
 padding:0px;
 margin-top:0em;
 display:inline-block;
}

.dialog h2 {
 /* header */
 font-size:18px;
 margin:0px;
 padding:0px;
 margin-top:0em;
}
/*-------------------------------------  Internal Dialog Box -----------------------------------------*/
.sectionbox {
 width:630px;
 margin:0px auto;
 min-width:20em;
 max-width:630px; /* I only cut the left background images out to 800px. You could do much larger, etc. */
 color:#666;
 display:block;
 overflow:hidden;
}

.sectionbox .hd .c,
.sectionbox .ft .c {
 font-size:1px; /* ensure minimum height */
 height:10px;
}

.sectionbox .ft .c {
 height:24px;
}

.sectionbox .hd {
 background:transparent url(../img-v6/itl.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.sectionbox .hd .c {
 background:transparent url(../img-v6/itr.gif) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.sectionbox .bd {
 background:transparent url(../img-v6/iml.gif) repeat-y 0px 0px;
 margin-right:6px;
}

.sectionbox .bd .c {
 background:transparent url(../img-v6/imr.gif) repeat-y right 0px;
 margin-right:-6px;
}

.sectionbox .bd .c .s {
 margin:0px 4px 0px 4px;
 background:#fff url(../img-v6/ims.gif) repeat-x 0px 0px;
 padding:0.7em;
width:607px;
_width:606px;
}

.sectionbox .ft {
 background:transparent url(../img-v6/ibl.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.sectionbox .ft .c {
 background:transparent url(../img-v6/ibr.gif) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.sectionbox h2 {
 /* header */
 font-size:18px;
 margin:0px;
 padding:0px;
 margin-top:0em;
}
.topspace10px{margin-top:10px;}
#news{width:100%; overflow:hidden;}
.listnews{padding-bottom:5px; padding-right:10px; float:left;}
.dotpatition{background:url(../img-v6/h-dot.gif) repeat-x bottom left; margin-bottom:10px;}
.dotpatition a:link,.dotpatition a:visited{ color:#4e79c7;}
.latest_news{clear:both; background:url(../img-v6/h_linedot.gif) bottom repeat-x;width:240px;float:left; margin-bottom:5px;}
.slidepic{left:60px; position:relative;}
.titleupper{
	color:#131212;
	font-weight:normal;
	font-size:12px;
}
#updatenews{
	float:right; padding-top:5px;
}
#gallery{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
		

	/* The width of the gallery */
	
	width:362px;
	overflow:hidden;
}


#slides{
	/* This is the slide area */
	height:240px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:362px;
	overflow:hidden;
}

.slide{
	float:left;
	overflow:hidden;
}
.slide span{
	position:relative;
	left:0px;
	top:-42px;
	overflow:hidden;
	width:347px;
	height:38px;
	background:#000;
	filter:alpha(opacity=90); 
	-moz-opacity:0.7; 
	-khtml-opacity: 0.7; 
	opacity: 0.7;
	display:block;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
}
#menu{
	/* This is the container for the thumbnails */
	height:30px;
	padding-top:2px;
	float:right;
}

#menu ul{
	margin:1px 0px;
	padding:0px;
}

#menu li{
	/* Every thumbnail is a li element */
	/*width:20px;*/
	/*display:inline-block;*/
	display:block;
	width:20px;
	list-style:none;
	/*height:30px;*/
	overflow:hidden;
	/*padding-top:2px;*/
	height:20px;
	line-height:19px;
	text-align:center;
	float:left;
	border:#ccccff solid 1px;
	margin:1px;
	
}

#menu li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	padding-top:0px;

}

#menu li.act,li.act:hover{
	/* The active state of the thumb */
	
}

#menu li.act a{
	cursor:default;
	background:#c3c3c3;
	border:#fff solid 1px;
	color:#fff;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	
}


#menu li a{
	display:block;
	height:30px;
	padding-top:2px;
	
}
#main{
	/* The main container */
	margin:0px auto;
	text-align:left;
	width:362px;
	position:relative;
	overflow:hidden;
}
#left_dn{
	width:235px;
	float:left;
	position:relative;
	overflow:hidden;
}
#right_dn{
	float:left;
	position:relative;
	overflow:hidden;
}
#updatestopic{
	float:left;
	overflow:hidden;
	width:362px;
	position:relative;

}
.titleupper2{
	color:#757474;
	font-weight:bold;
	font-size:12px;
}
.headupper{
	color:#000;
	font-size:26px;
	font-weight:lighter;
	text-transform: uppercase;
}
.blueheader{ font-weight:bold;
color:#8aa6e5;
font-size:26px;}
#keywordbox{
	background-color: #f9fcfe;
	background-image: url(../img-v6/keyword-box-bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #ebeced;
	}
#keywordbox p{
		padding:10px;
}
.titlekeyword{
	color:#186ec7;
	font-weight:bold;
	line-height:normal;
}
.miniboxinnerright{
	display:block;
	border: 1px solid #dcdde0;
	position:relative;
	width:100%;
	background:url(../img-v6/luxury_bg.gif) bottom left repeat-x #FFF;
}
.miniboxinnerright{
	display:block;
	border: 1px solid #dcdde0;
	position:relative;
	width:100%;
	background:url(../img-v6/luxury_bg.gif) bottom left repeat-x #FFF;
}	
.mini-title-blue{
	background:url(../img-v6/mini-head-bg.gif);
	height:31px;
	width:100%;
	color:#1a4964;
	font-size:12px;
	font-weight:bold;
	line-height:31px;	
}
.mini-title-blue p{
	padding:0px 10px;
	margin:0px;
}
.mini-title-blue-right{
	background:url(../img-v6/mini-head-bg.gif);
	height:31px;
	width:300px;
	color:#1a4964;
	font-size:12px;
	font-weight:bold;
	line-height:31px;
}
.mini-title-blue-right p{
	padding:0px 10px;
	margin:0px;
}
.mini-title-blue-right img{
	margin:5px 0px 0px 55px;
}
.luxury{display:inline-block;}
.padding10px{ padding:10px;}
#mininews_update ul{ padding:0px; margin:0px 0px 0px 20px;}
#mininews_update ul li{ list-style:url(../img-v6/news-update-list.gif); line-height:16px;}
#phuketphoto p{ padding:10px; margin:0px; text-align:center;line-height:20px;}
#pic_post img{
	/*background-color:#3d3d3d;*/
	border:#CCC solid 1px;
	padding:2px;
}
#footer{
	clear:both;
	width:1000px;
	height:300px;
	float:none;
	margin:auto;
	text-align:center;
}	
#footer img{
	margin:4px;

}
#footerbox1{
	clear:both;
	width:100%;
	height:30px;
	background-color: #e2e9fa;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #c1cff4;
}
#footerbox2{
	clear:both;
	width:100%;
	height:140px;
	text-align:center;
	background-color: #a3b6e7;
	vertical-align:middle;
	color:#393636;
	display:block;
}
#footerbox2 p{
	padding:30px 0px 20px 0px;
	margin:0px;
}
.magazineheadblue{
	font-size: 16px;
	font-weight: bold;
	color: #7998e5;
}
.magazineheadblack{
	font-size: 16px;
	font-weight: 200;
	color: #000;
}
.borderimg{
	border:#CCC solid 1px;
	padding:2px;
	float:left;
	margin:6px;
}
#ads img{
	margin:2px;
}
.feature{
	width:230px;
	position:relative;
}
#jumpMenu{
	width:150px;
}
.topupper{
	color:#FFF;
}
#phuketnews{ width:100%;display:table; text-align:center; float:none; margin:auto;}
