@charset "utf-8";
/* CSS Document */
/*
Color
left menu  #00c685
*/
* {
    padding: 0;
    margin: 0;
}
html { background:#8c694a;}
body {width:960px; padding:0px 0px; margin:10px auto;
	font: 12px/18px  Tahoma,Verdana, sans-serif, Helvetica; 
	background:#fff592;
	color:#000;
} 

/* ----  general styles  ----*/
td{ vertical-align:top}
a { color:#06c; text-decoration: underline;background:none; }
a:hover { color:#C30; background:none; text-decoration:underline; }

p { padding:10px 0px 0px 0px}
ul { margin: 0; margin-left:30px; padding : 0; }
li {padding-left:0px; margin-left:0px; list-style-position:outside}
blockquote{margin-left:30px; margin-right:20px;}

h1,h2,h3,h4 { margin:10px 0 5px 0px; padding:0;}
h1{font-size:22px; font-weight:normal; line-height:24px;}
h2{font-size:18px; font-weight:normal}
h3{font-size:16px; font-weight:normal}
h4{font-size:16px; font-weight:normal}
h5{font-size:16px; font-weight:normal}
.hi{display:none}
img { border: 0;}
.h{display:none}
.clear{clear:both; height:1px;}
.clear5{clear:both; height:5px;}
.spacer{font-size:0; line-height:0; clear:both;}
.clear10{clear:both; height:10px;}
.clear20{clear:both; height:20px;}

.cG{color:#666}
.cR{color:#F00}
.cB{color:#000}
.cBl{color:#06C}
.cW{color:#FFF}
.cO{color:#F60}

.tN{font-weight:normal}
.tB{font-weight:bold}
.t9{font-size:9px;}
.t10{font-size:10px;}
.t11{font-size:11px;}
.t12{font-size:12px;}
.t14{font-size:14px;}
.tdCap{ text-align:right; padding-right:10px;}
.tErr{font-size:11px; color:#F00}

.fR{ float:right}
.fL{ float:left}
.m0{margin:0;}
.p0{padding:0}
.p20{padding:2px 0}
.p2{padding:2px}

.pleft5{padding-left:5px}

.line-solid, line-pink, line-red { clear:both; border: 0; height: 1px; background-color: #CCC; color: #CCC; margin: 5px 0 10px 0; }
.line-pink {background-color: #FAA; color: #FAA; height:1px}
.line-red {background-color: #F00; color: #F00; height:1px}
.line-gray {background-color: #ddd; color: #ddd; height:1px}
.line-dotted{ clear:both; border: 0; height: 1px; background:url(/images/line-dotted.gif) repeat-x top;margin: 5px 0 10px 0; }
.line-break {background-color: #8c694a; color: #8c694a; height:10px}
.line-shadow1{ background:url(images/lineshadow1.gif) repeat-x top ; height:10px;}
.line-shadow2{ background:url(images/lineshadow2.gif) repeat-x top ; height:10px;}

.opa:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.opa img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.75;
opacity: 0.7;
}

/*  FRONT PAGE */

#header{ height:200px; background:url(images/header.gif) top no-repeat #8c694a;}
#header .logo{padding:0; margin:0; margin-top:20px;}
#header h1, #header p{padding:0; margin:0; margin-top:0px;}
#header h1{ font-size:10px; color:#FFC; float:left; margin-right:10px; font-weight:normal }
#header p{ font-size:10px; color:#FC0;float:left }
#header .translate{float:right; width:150px; margin-top:160px;}
#header .translate img{ border:1px solid #CCC; padding:1px;}

#Front{ padding:0 0 0 10px; background:#00c685; height:320px;}
#FShow{ width:720px; float:right; background:#fff592; height:320px;}
#FShow h1{ font-size:11px; font-weight:bold; line-height:16px; margin:0; padding:0; margin-top:5px;}
#FSearch{width:230px; float:left}
#FContent{ padding:10px 0 0px 10px;  background:#fff592}


/* PROPERTY DETAIL */
#imageBox{ margin:10px 0px;}
#imageBox .thumb{padding:5px; border:1px solid #CCC}
#imageBox .thumb li{ list-style:none; float:left;}
#imageBox .thumb li a img{padding:2px; background:none }
#imageBox .thumb li a img:hover{ background:#FC6}

#imageBox .descript{ padding:5px}
#imageBox .det{ padding:5px}

#sendinq{padding:15px;background:url(images/send-inquiry-bg.jpg) top left no-repeat; border-bottom:3px solid #CCC}
.descript p{ margin:2px 0 8px 0; padding:0} 
.descript, .det{color:#333; line-height:16px; font-size:11px;}
b.tt, b.tt{color:#742C35; font-size:12px;}
#detail_living ul li{float:left; width:180px; margin-left:15px;}

.FBlock{ background:url(images/block-bg.gif) top left no-repeat; width:315px;  float:left; text-align:center; margin-bottom:10px; height:265px;}
.FBlock .hd{height:45px;}
.FBlock .sub{ font-size:12px; background:#00c685; margin:0 8px 10px 8px; text-align:left}

.FBlock h5{font-size:18px; font-weight:normal; padding:5px 5px 0 5px; margin-top:10px;}
.FBlock p{font-size:14px; margin:0; padding:0}
.FBlock .img{ text-align:left; padding-left:2px; vertical-align:bottom}
.FBlock a{ color:#FF0; text-decoration:none;}
.FBlock a:hover{ color:#FF0; text-decoration:none; font-weight:bold}

#listmenu{ text-align:left;}
#listmenu li{list-style:none; padding:4px 0px; font-size:14px; font-weight:bold;}
#listmenu li a{ color:#000; text-decoration:none; float:left; height:24px; width:250px;}
#listmenu li a:hover{ color:#F60; text-decoration:none; background:url(images/action_forward.gif) right no-repeat}

#pagelistmenu{ text-align:left;}
#pagelistmenu li{list-style:none; padding:5px; font-size:14px; font-weight:bold;}
#pagelistmenu li a{ color:#000; text-decoration:none; float:left; width:210px; padding:5px}
#pagelistmenu li a:hover{ color:#F60; text-decoration:none; background:url(images/hover1.gif) bottom repeat-x #FFFFCC}



#FBCont{ font-size:12px;}
#FBCont h4{height:60px; width:600px; background:url(images/delight-realestate-pattaya.gif) left top no-repeat;}
#FBCont h4 b{display:none}



#navigate a.curr, #navigate a.norm{background:#F90; color:#FFF; padding:1px 4px; text-decoration:none}
#navigate a.norm{background:#F33;}
#navigate a.curr:hover, #navigate a.norm:hover{ background:#F90;}
#navigate a{text-decoration:none}



#BODY{background:url(images/page-left-bg.gif) top left repeat-y #FFF592; clear:both}
#Page{ width:240px; float:left; padding:0 0 0 10px;}
#Content{ width:690px; float:left; padding:10px;   background:#fff592}
#ContentPage{ width:670px; float:left; padding:10px 20px;;   background:#fff592}
#Content h1{padding-bottom:15px; margin-right:10px;}

#path{ margin:10px 0px 20px 0;font-size:10px; color:#999}
#path a{  font-size:10px; text-decoration:none; color:#999}



.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}



#footer{ text-align:center; font-size:11px; color:#CCC; background:#8c694a; padding:10px 0px;}
#footer p{padding:0; margin:0}
#footer p.menu{padding:2px 0px; margin:0; height:18px;}
#footer p.menu a{ color:#FFF; text-decoration:none;}

#SFORM{}
#SFORM select, #SFORM input.input{ font-family:Verdana, Geneva, sans-serif; background:#FFF592; border:1px solid #EEE; font-size:14px; width:215px;  height:24px;}
#SFORM .lb{ height:2px; background:#FFF592; width:215px;}
#SFORM select option{padding-left:10px;}

a.lnkW {text-decoration:none; color:#FFF;}
a.lnkC {text-decoration:none; color:#CCC;}