@charset "utf-8";
/* CSS Document */
.clear-all, .clear-5, .clear-20{clear:both; line-height:0;}
.clear-all{height:0;}
.clear-3{height:3px;}
.clear-5{height:5px;}
.clear-10{height:10px;}
.clear-20{height:20px;}
.float-left, #topnav-left{float:left; text-align:left;}
.float-right, #topnav-right, #blogfeed-time{float:right; text-align:right;}
.margin-top10{margin-top:10px;}
#header, #topnav, #topbanner, #container, #footer{
margin:0 auto;
width:970px;
}
/*-------------------------headfer-----------------------------*/
#header{
background:url(../images/headbg.gif) no-repeat;
height:128px;
}
#header h1{
font-size:10px;
font-weight:normal;
color:#91c6e6;
text-align:right;
padding:15px 27px 0 0;
_padding:11px 27px 0 0;/*ie6*/
margin:0;
height:8px;
}
#logo{
margin-left:27px;
_margin-left:12px;/*ie6*/
width:225px;
height:95px;
}
#flashtop{
margin:14px 0 0 5px;
height:90px;
}
#topnav{
background:url(../images/topnav.gif) no-repeat;
height:26px;
}
#topnav-left, #topnav-right{
color:#a1bac8;
padding:6px 27px;
}
#topnav-left a{
color:#a1bac8;
}
#topnav-left a:hover{
color:#fff;
}
#topnav-right a:hover{
color:#a1bac8;
}
/*-------------------------banner-----------------------------*/
#topbanner{
background:url(../images/banner_bg.gif) no-repeat;
height:80px;
}
#topbanner div{
float:left;
width:228px;
height:64px;
padding:10px 0;
z-index:1;
}
#flash_top1{
margin-left:15px;
_margin-left:8px;/*ie6*/
}
#flash_top2, #flash_top3, #flash_top4{
margin-left:9px;
_margin-left:8px;/*ie6*/
}
#flash_r-banner{
width:160px;
height:300px;
}
/*-------------------------main layout-----------------------------*/
#container{
background:url(../images/bodybg-norep.gif) no-repeat;
}
#logo, #sidebar-left, #sidebar-right, #nav, #navigation, #mainbody, #mainbody-wrap, #content-wrap, #mainbody_listing{
float:left;
}
#sidebar-left{
width:160px;
margin:0 0 20px 15px;
_margin:0 0 20px 8px;/*ie6*/
height:500px;
text-align:center;
}
#sidebar-right{
width:140px;
text-align:center;
margin-bottom: 10px;
}
#sidebar-right img{
margin:0 0 8px 0;
}
#sitemap{
width:149px;
text-align:right;
margin:10px 0;
cursor:pointer;
}
#sitemap:hover{
background:#6392A9;
color:#fff;
}
#mainbody{
width:582px;
margin:0 24px 20px;
height:800px;
}
#mainbody-wrap{
width:745px;
_width:755px;/*ie6*/
margin:0 0 20px 30px;/*+6*/
_margin:0 0 20px -10px;/*ie6*/
min-height:1180px;
}
#content-wrap{
width:585px; 
margin-right:15px;
}
#content-wrap div{
line-height:14px;
}
/*-------------------------navigation-----------------------------*/
#blognav, #nav-none, #nav-exclusivehomes, #nav-north, #nav-south, #nav-services, #nav-beyond, #nav-map{
width:768px;
margin-left:15px;
_margin-left:-25px;/*ie6*/
height:30px;
float:left;
}
#blognav{background:url(../images/blognav-none.gif) no-repeat;}
#nav-none{background:url(../images/nav-none.gif) no-repeat;}
#nav-exclusivehomes{background:url(../images/nav-exclusivehomes.gif) no-repeat;}
#nav-north{background:url(../images/nav-north.gif) no-repeat;}
#nav-south{background:url(../images/nav-south.gif) no-repeat;}
#nav-services{background:url(../images/nav-services.gif) no-repeat;}
#nav-beyond{background:url(../images/nav-beyond.gif) no-repeat;}
#nav-map{background:url(../images/nav-map.gif) no-repeat;}
#menu1, #menu2, #menu3, #menu4, #menu5, #menu6{float:left;margin-top:11px;}
#menu1{margin-left:14px;_margin-left:7px;/*ie6*/}
#menu2{margin-left:26px;}
#menu3{margin-left:26px;}
#menu4{margin-left:28px;}
#menu5{margin-left:30px;_margin-left:33px;/*ie6*/}
#menu6{margin-left:37px;_margin-left:35px;/*ie6*/}
#menu1 a, #menu2 a, #menu3 a, #menu4 a, #menu5 a, #menu6 a{color:#999;}
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover, #menu4 a:hover, #menu5 a:hover, #menu6 a:hover{color:#000;}
#navigation{
width:749px;
height:20px;
padding:6px 0 0 14px;
margin:0 0 10px 15px;
_margin:0 0 10px -25px;/*ie6*/
border-bottom:1px solid #ddd;
border-top:2px solid #ffd850;
font-size:10px;
}
#datetimenow{
float:right;
padding-right:18px;
font-size:9px;
color:#bbb;
}
/*-------------------------center body-----------------------------*/
.textbox-top, .textbox1, .textbox1 div, .textbox2, .textbox2 div{
color:#999;
}
.textbox-top{
float:left;
margin:12px 0 0 14px;
width:330px;
}
.textbox1{
float:left;
width:318px;
margin-top:15px;
}
.textbox2{
width:100%;
margin-top:15px;
}
.textbox3{
width:538px;
padding:10px 20px;
border:1px dotted red;
margin-top:10px;
color:red;
font-weight:bold;
text-align:center;
font-size:10px;
}
.textbox4{
width:562px;
padding:5px 10px 10px;
border-top:1px dotted #600;
background:#fff url(../images/yellowbg.gif) repeat-x;
margin-top:10px;
text-align:center;
}
#infobox{
background:#fff;
border-top:5px solid #368;
border-left:1px solid #ddd;
margin:5px 0 20px 20px; 
width:190px;
_width:230px; /*ie6*/
text-align:left;
padding:15px 20px 10px 20px;
}
#infobox ul{
padding:0;
}
#infobox li{
list-style:none;
margin:5px 0 0 0;
_margin:5px 0 0 -40px;/*ie6*/
padding:0;
}
#pricebox{
background:#fff;
border-top:5px solid #368;
border-bottom:1px solid #ccc;
margin-bottom:20px;
padding:5px 0 12px 3px;
}
#pricebox ul{
padding:3px 0 0 0;
margin:0;
}
#pricebox li{
list-style:none;
margin:5px 0 0 0;
_margin:5px 0 0 -40px;/*ie6*/
padding:0;
text-align:left;
}
#pricebox p{
margin:3px 0 6px 0;
text-align:left;
}
#listing_main, #listing_main_long{
margin-top:12px;
}
#listing_main p, #listing_main_long p{
margin:0 0 12px 0;
color:#999;
}
#listing_main a{
color:#39c;
}
#listing_main a.link1{
color:#999;
}
#listing_main a:hover{
color:#39c;
}
#flash_pixbox{
width:585px;
height:200px;
margin:20px 0;
_margin:0 0 -15px 0;/*ie6*/
}
#adsbody{
width:250px;
height:250px;
float:right;
border:1px solid #97a6a5;
}
#gototop{
margin-top:20px;
text-align:right;
}
#gototop a{
color:#368;
font-size:9px;
}
#gototop a:hover{
color:red;
font-size:9px;
}
#mapinfo{
border-collapse:collapse;
margin:10px 0;
width:580px;
}
#mapinfo td{
padding:10px;
text-align:center;
border:1px #8c9aa4 solid; 
}
.listing-main-outside{
width:275px; 
float:left; 
margin-right:15px;
}
.collapse{
margin:10px 0;
}
#archive_iframe{
width:585px;
}
#archive_iframe_default{
background:#ddd; 
width:585px; 
height:1200px;
}
/*---------------------Legal Archive------------------------*/
#archive{
border:1px solid #ddd;
padding:5px;
}
#archivejump{
padding:0 10px 10px; 
width:140px; 
text-align:left;
}
#archivejump form{
margin:5px 0 0 0;
}
#jumpMenu{
font-size:12px;
}
.container_archive{
text-align:left;
border: 1px solid gray;
padding:8px;
font-size:10px;
}
.container_archive form{
margin:0;
}
.container_archive-head{
height:16px;
background:left top url(../images/bg_archive.gif) no-repeat;
font-weight:bold;
font-size:9px;
color:#fff;
text-align:left;
padding:5px 0 0 15px;
}

/*-------------------------blogfeed-----------------------------*/
#blogfeed-head{
background:url(../images/bluebar.gif) no-repeat;
color:#fff;
height:30px;
padding:3px 32px 0;
margin-top:15px;
_margin-top:5px;/*ie6*/
}
#blogfeed-time{
color:#fff;
width:260px;
margin:0 -15px 0 0;
}
*:first-child+html #blogfeed-time{margin:-14px -15px 0 0;}/*ie7*/
#blogfeed-body{
border:1px solid #aaaaaa;
border-top:none;
padding:3px 10px 10px 10px;
margin-top:-12px;
_margin-top:0px;/*ie6*/
width:560px;
}
*:first-child+html #blogfeed-body{padding:10px 10px 0 10px;}/*ie7*/
#blogfeed-body p{
padding:5px 20px;
_margin:5px 0px;/*ie6*/
border-top:1px dotted #ddd;
border-bottom:1px dotted #ddd;
}
#blogfeed-body a{
color:#999;
}
#blogfeed-body a.bhead:hover{
color:#368;
}
.topicfeed{
margin-bottom:-12px;
}
*:first-child+html .topicfeed{margin-bottom:-20px;}/*ie7*/
#creditfooter{
display:none;
}
/*-------------------------price indicator-----------------------------*/
.price-symbol, .price-desc, .price-guide{
color:#999;
margin:5px 20px 0;
padding:2px 5px 3px;
}
.price-guide{
color:#666;
margin-bottom:20px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
font-size:9px;
}
.price-symbol strong{
color:#368;
}
#moneyconverter{
border:1px solid #ddd; 
padding:5px; 
margin:5px 0; 
text-align:center;
color:#000;
}
#moneyconverter:hover{
border:1px dotted #368; 
}
/*-------------------------propertypicks-----------------------------*/
#propertypicks{
background:url(../images/bluebar.gif) no-repeat;
border-bottom:1px solid #ddd;
padding:4px;
color:#fff;
font-weight:bold;
text-align:center;
margin-top:10px;
}
#propertypicks table{
margin-top:15px;
width:574px;
}
#propertypicks td{
border-collapse:collapse;
color:#333;
text-align:center;
}
#propertypicks th{
padding-bottom:4px;
padding-top:0;
}
#propertypicks th:hover{
background:#E7F7F7;
}
#propertypicks a{
font-weight:normal;
font-size:11px;
}
/*-------------------------left column nav-----------------------------*/
#searchboxtop{
font-size:11px;
font-weight:bold;
color:#fff;
padding:11px 0 0 13px; 
_padding:10px 0 0 17px;/*ie6*/
background:url(../images/search.gif) no-repeat;
height:24px;
_height:34px;/*ie6*/
width:150px;
_width:180px;/*ie6*/
text-align:left;
}
#searchboxbody{
border-left:1px #bfbfbf solid; 
border-right:1px #bfbfbf solid; 
width:157px;
_width:157px;/*ie6*/
_margin-top:-5px;/*ie6*/
}
#timebox{
color:#227099;
margin:5px 0;
font-size:11px;
}
.saparation{
border-bottom:1px dotted #193343;
height:1px;
width:160px;
margin:5px 0;
}
#legallink{
background:url(../images/legal.gif);
border:1px dotted #999;
padding:10px 5px 5px 42px;
margin:7px 0;
font-size:9px;
}
#legallink:hover{
border:1px solid #fff;
}
#pdf{
border:1px dotted #999;
border-top:2px solid #368;
padding:8px;
margin: 0 auto;
font-size:9px;
width:100px;
}
#pdf:hover{
border:1px dotted #ddd;
border-top:2px solid #ddd;
}
#eventlink{
background:url(../images/whatson.gif) no-repeat;
border:1px dotted #999;
padding:5px;
margin:12px 0;
font-size:9px;
color:#006;
}
#eventlink:hover{
border:1px solid #fff;
}
#searchmap{
text-align:center;
margin:10px 0 10px 0;
}
#weather{
height:20px;
overflow:hidden;
margin-top:5px;
}
#windowfeature{
background:url(../images/window.gif) no-repeat;
font-size:10px;
padding:25px 10px 5px 10px;
border:1px dotted #005BA4;
border-top:none;
text-align:left;
}
#windowfeature ul{
padding:0;
margin:5px 5px 12px 5px;
}
#windowfeature li{
list-style:disc;
margin:0 0 0 20px;
padding:0;
}
#windowfeature a{
font-weight:normal;
}
#windowfeature a:hover{
text-decoration:underline;
}
/*-------------------------right column-----------------------------*/
#googlesearch{
font-size:9px;
margin:3px 0 10px 10px;
text-align:left;
}
#googlesearch input{
vertical-align:middle;
margin-bottom:2px;
}
#googlesearch p{
margin:0;
padding:0;
}
#blog{
background:top center url(../images/blogbox.gif) no-repeat;
border-bottom:1px solid #666; 
padding:5px 5px 0; 
text-align:center;
font-size:11px;
margin:0 auto;
width:110px;
}
#blog div{
font-size:9px; 
margin:10px 0;
}
#sidebanner img{
width:120px;
height:90px;
}
.scribd {padding:15px 0 0; font-size:9px; color:#999; text-align:center;}
.scribd img {margin:0 0 5px;}
/*-------------------------listing-----------------------------*/
#nav_listing{
width:140px;
margin-bottom:20px;
}
#nav_listing_bigpic{
width:140px;
margin:20px 0;
}
#nav_listing a, #nav_listing_bigpic a{
color:#666;
font-size:10px;
}
#nav_listing a:hover, #nav_listing_bigpic a:hover{
color:#f00;
}
#seealso div{
padding:3px;
text-align:left;
padding-left:10px;
margin-bottom:1px;
}
#seealso div:hover{
background:#ff9;
}
#seealso p{
text-align:left;
margin:5px 0;
padding:0;
}
.seenorth{border:1px dotted #ddd; border-left:2px solid #21204A;}
.seesouth{border:1px dotted #ddd; border-left:2px solid #003406;}
.seebeyond{border:1px dotted #ddd; border-left:2px solid #630;}
#pic_listing{
width:582px;
float:left;
}
#pic_listing_normal{
margin-right:15px;
width:225px;
float:left;
}
#pic_listing_normal img{
margin-bottom:15px;
}
#bigpic_area{
width: 520px; 
float:left;
}
#smallpic_area{
width:210px;
margin-left:10px; 
float:left;
}
#bigframe_title_north, #bigframe_title_south, #bigframe_title_service{
width:720px;
_width:740px;/*ie6*/
height:30px;
float:left;
padding:10px 0 0 20px;
margin-top:10px;
}
#frame_title_beyond, #frame_title_service, #frame_title_north, #frame_title_south{
width:325px;
height:30px;
float:left;
padding:10px 0 0 20px;
}
#bigframe_title_north h2, #bigframe_title_south h2, #bigframe_title_service h2, #frame_title_beyond h2, #frame_title_service h2, #frame_title_north, #frame_title_south{
color:#fff;
border-bottom:1px solid #fff;
padding-bottom:5px;
_margin:0 0 10px 0;
}
#frame_title_north, #bigframe_title_north{background:#21204A;}
#frame_title_south, #bigframe_title_south{background:#003406;}
#frame_title_beyond, #bigframe_title_beyond{background:#630;}
#frame_title_service, #bigframe_title_service{background:#636;}

.frame-title-small{font-size:11px;}

#frame_contact, #bigframe_contact{
background:#ebebeb bottom url(../images/graycontact.gif) repeat-x;
border-left:1px solid #ddd;
border-bottom:1px dotted #ddd;
float:left;
padding:20px;
}
#frame_listing, #bigframe_listing{
float:left;
border-left:1px solid #ddd;
width: 542px;
padding: 10px 20px 10px;
}
#frame_listing, #frame_contact{
width:304px;
} 
#bigframe_listing, #bigframe_contact{
width:542px;
}
#frame_contact img,  #bigframe_contact img{
margin-bottom:15px;
clear:all;
}
*:first-child+html #frame_listing{padding-top:10px;}/*ie7*/
#frame_listing p{
margin:10px 0 20px 0;
}
*:first-child+html #frame_listing p{margin:5px 0 15px 0;}/*ie7*/
#mainbody_listing{
width:592px;
margin:0 0 20px 24px;
}
#mapnav, #mapnav-beyond, #mapnav-beyond-phangnga, #mapnav-thailand{
position:relative;
width:140px;
height:300px;
}
#mapnav{background:url(../images/mininav.gif);}
#mapnav-beyond{background:url(../images/mininav-beyond.gif);}
#mapnav-beyond-phangnga{background:url(../images/mininav-phangnga.gif);}
#mapnav-thailand{background:url(../images/mininav-thai.gif);}

#pointer{
position:absolute;
width:40px;
height:40px;
}

/*--------------------Search result--------------------------*/
#container_warning{
background-color:#ffc;
text-align:left;
font-size:10px;
border-top:1px dotted #f00;
margin-bottom:1px;
height:20px;
}
.result{width:580px;margin:10px 0;float:left; padding:5px 0; border-top:1px dotted #ddd; border-bottom:1px dotted #333;}
.resultinfo{width:485px;_width:480px/*ie6*/;margin:2px 0 0 15px;float:left;}
.resultname{width:325px;_width:300px/*ie6*/;height:16px;font-size:13px;font-weight:bold;float:left;}
.resultarea{width:150px;_width:150px/*ie6*/;text-align:right;font-size:9px;float:right; color:#ccc;}
.resultpic{width:80px;height:50px;background:#ccc;float:left; font-size:9px; color:#fff; text-align:center; vertical-align:middle;}
.resultdetails{width:490px;;_width:300px/*ie6*/;margin-top:20px;font-size:10px;}
#pagecutter{
margin:0 auto;
padding:5px 0;
font-weight:bold;
}
#pagecutter ul{ list-style:none; text-align:center;}
#pagecutter li{ display:inline; margin:0; padding:0;}
#pagecutter a{
padding:3px 12px;
margin:0 3px;
border:1px solid #ddd;
border-top:2px solid #ddd;
background:#eee;
cursor:pointer;
font-weight:normal;
color:#666;
}
#pagecutter a:hover{
background:#fff;
border:1px solid #368;
}
#pagecutter a.current, #pagecutter a.current:hover { font-weight:bold; border:1px solid #ddd; background:#eee;}
/*--------------------Search box-----------------------*/
#properties_topic, #agents_topic, #rental_topic, #services_topic{
width:130px;
margin-bottom:5px;
color:#666;
padding-bottom:3px;
border-bottom:1px dotted #333;
font-size:10px;
font-weight:bold;
margin-left:13px;
}
#properties_topic:hover, #agents_topic:hover, #rental_topic:hover, #services_topic:hover{
color:red;
}
#properties select, #agents select, #rental select, #services select, #properties option, #agents option, #services option{
font-size:11px;
width:133px;
margin:3px 0 5px 0;
}
#properties input, #agents input, #rental input, #services input{
width:90px;
margin-bottom:10px;
}
#properties, #agents, #rental, #services{
color:#999;
font-size:10px;
width:140px;
margin:0 0 5px 13px;
}
/*--------------------Footer-----------------------*/

#footer{
background:#fff top left url(../images/footer.jpg) no-repeat;
height:128px;
}
#footterlink{
padding:42px 20px 0;
line-height:15px;
color:#5e89a0;
font-size:10px;
}
#footterlink a{
color:#b8d1dd;
}
#footterlink a:hover{
color:#fff;
}
#copyright{
color:#999;
font-size:9px;
padding:22px 20px 0;
}
/*--------------------inhouse section-----------------------*/
.inhouse{margin-top:10px;margin-bottom:25px; color:#999;}
.inhouse li{ margin-bottom:5px;}
.inhouse-padleft{padding-left:28px;}
/*--------------------map-----------------------*/
#mapsymbol{ 
font-size:10px; 
margin:15px 0;
padding:3px 0;
border-top:1px dotted #999;
border-bottom:1px dotted #999;
}
#mapsymbol img{
margin:-3px 3px 0 15px;
vertical-align:middle;
}
*:first-child+html #mapsymbol img{margin:0 3px 0 15px;;}/*ie7*/
.mapbg{
background:center url(../images/mapbg.jpg)}
#getmap{
cursor:pointer;
width:542px;
height:142px;
background:#ddd;
margin-bottom:10px;
}
/*--------------------request form-----------------------*/
.req-top{
color:#000;
font-weight:bold;
border-bottom:1px dotted #f00;
padding:5px;
}
.req{
margin:10px 0 20px 0;
border-collapse:collapse;
border-bottom:3px dotted #ddd;
}
.req td{padding:5px;color:#999;}
.req-width{width:340px;}
.req div{margin-bottom:4px;color:#000;}
.req tr:hover{background:#f5f5f5;}
.req textarea, .req input{
width:340px;
font-size:14px;
border:1px solid #ccc;
}
.req textarea:hover, .req input:hover{
background:#ffc;
}
/*-------------------new----------------------------------*/
img.float-right { margin: 0 0 0 10px;}
td.tbl_bgcolor-none { font-weight:bold;}
.tbl_bgcolor2 {background-color: #c5ccd1;}
ul.service_sup li { text-transform:uppercase;}
.prev-issue {
margin-top:10px;
text-align:center;
}
.prev-issue img {
margin:0 8px;
}