@charset "utf-8";
/* COLOR
top dark 11374c
bg  #dadde4
content BG  608598
*/

body, html { height: 100%; }
body {
	font-family: "Lucida Grande", Calibri, Arial, sans-serif;
	/*font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-size: .8em; 
	margin: 0 auto;
	padding: 0;
	background: url(images/body-bg.jpg) repeat-x #dadde4; color:#11374c;		
}

/* headers */
h1, h2, h3, h4, h5, h6 { color:#012f45; margin: 0; font-weight: normal; }
h1 { font-size: 1.8em; padding: 15px 0; }
h2 { font-size: 1.5em; padding: 12px 0; }
h3 { font-size: 1.3em; padding: 10px 0; }
h4 { font-size: 1.1em; padding: 8px 0; }
h5 { font-size: 1em; padding: 4px 0; }	
h6 { font-size: 0.9em; padding: 4px 0 0; }


/* text */
p {line-height: 1.5em; margin: 0 0 20px; }
acronym { cursor: help; }
code { font-size: 1.5em !important; margin: 0 0 20px; border: 1px dashed #333; padding: 10px; display: block; background-color: #111; color: #ffc; }
blockquote { font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 20px; border: 1px solid #333; padding: 15px 15px 0 15px; display: block; background-color: #111; }
blockquote p { margin-bottom: 15px; }

/* links */
img { border:none}
a { text-decoration: none; color:#006699}
a:hover { text-decoration: none; color:#FF3300}


/* lists */
ul, ol, dl, table, blockquote, code {}
ul, ol, dl { margin: 0 0 30px; padding: 0 0 0 25px; }
ul ul {margin: 0; }
ol ol {margin: 0; }
dl { padding: 0; }
dl dt { font-weight: bold; }



/* forms */
form select { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

/* horizontal rule */
hr { border: 0; height: 1px; background-color: #333; color: #333; margin: 30px 0 0; }
td{ vertical-align:top}

/* classes */
.left { float: left; }
.right {float: right; }
.clear{clear:both}
.clear5{clear:both; height:5px}

#top{ margin:auto;}


/* MY USER DEFINED */
.DoMINIUM{color:#FF6600; font-weight:bold}
.c-dark{ color:#11374c}
.c-ora{ color:#FF6633}
.c-yel{color:#FFFF33}
.c-whi{color:#FFFFFF}
.c-red{color:#FF0000}
.c-blk{color:#000000}

.txth{display:none}
.t1 { font-size:.8em}
.t2 { font-size:.9em}
.t3 { font-size:1em}
.t4 { font-size:1.1em}
.t12 {font-size:12px;}
.img-bd1{padding:1px; border:1px solid #CCCCCC }

.first{color:#FFFFFF; display: block; float: left; font: 50px/40px Georgia, Times, serif; padding: 0px 4px 0 0;}



#header,#body-top{ margin:auto; width:900px; padding:0px;}


/* Front page*/ 
#header{height:59px; 
	background: url(images/dominium-realestate-thailand.png) no-repeat #11374c; 
	font-size:9px; color:#FFFFFF;}
#header h1, #header h2, #header h3{ display:none;}	
#header .description{font-size:0.9em;line-height:15px; display:none}


#body-top{ margin:auto;  background:url(images/body-top-bg.png) no-repeat; padding:10px;}
#menu{ width:900px; background:#6a6a6a url(images/top-menu-bg.png) repeat-x; height:30px; margin:0 auto}
#menu .lt { float:left; width:10px; height:30px; padding:0px; margin:0px; background:url(images/top-menu-bg-l.png) no-repeat;}
#menu .rt { float:right; width:10px; height:30px; background:url(images/top-menu-bg-r.png) no-repeat;}

#tmenu, #tmenu ul {	float: left;	margin: 0px;	padding: 0px;}
#tmenu li { float:left;	list-style: none;
	margin: 0 0 0 5px;	overflow: hidden;
	padding: 7px 10px 0 10px; height:20px;		
}
#tmenu li:hover {background: url(images/tmenu-hover.gif) repeat-x;}
#tmenu li a {	color: #000;	display: block;	float: left;text-decoration: none;}
#tmenu li:active{background: url(images/tmenu-active.gif) repeat-x;}
#tmenu li.selected {background: url(images/tmenu-active.gif) repeat-x;}
#menu .city{color:#999999; padding:7px 0 0 50px; float:left; font-size:.85em}


/*  Banner*/
#banner{ height:210px; }
#bnn_left{ float:left; border:#fbfbfb 1px solid; margin:0px 0px 10px 10px; 
			      width:610px; padding:0px;height:200px;}
#bnn_right{width:200px; float:right; margin-right:10px;
	padding:10px 10px 10px 10px; height:180px; background:#ff6c26; 
	font-size:.9em;
}
#bnn_right p{margin:5px 0px; color:#FFFFFF}


/* Find area*/
#search-area{ margin:0 10px;}
#find-area { height:260px; }
#find-area .hd, #exp-area .hd{height:30px;background: url(images/where-property.png) no-repeat;}
#find-area h2, #exp-area h2{display:none}

.find-sep{ height:200px;background:url(images/find-seperate.gif) no-repeat; width:10px; float:left}

#search{ float:left;margin:0px; height:230px; width:230px; background:url(images/search-condo-bg.png) no-repeat;	padding-left:120px;}

#find-area h3{padding:10px 0; color:#000000}
	
#find-ct{ width:260px; }
#find-rt{float:right; height:230px; width:500px;}
	
/* #FORM*/
#search form .lab{ float:left; padding-top:2px;width:50px;}
#search form select,
	#search form input, 
	#search form textarea { width: 200px; font-size:.9em;  border: 1px solid #CCCCCC; background-color: #c8d4da; padding:0px; margin: 1px;
	color:#000; }

#p-city{width:880px; height:85px;  color:#999999; margin:0px auto; font-size:.85em; line-height:1.1em; border-bottom:1px dotted #666666; 
	background:url(images/search-property-in-city-bg.jpg) repeat-x #e6e6eb;}
#p-city #p-left, #p-city #p-right{float:left; margin:0px; padding:5px;}
#p-city #p-left{ width:320px; padding-left:0px;}
#p-city #p-right{width:95px;}
#p-right h4 { margin:0px; padding:0px; color:#FF6600; font-weight:bold}
#p-right ul { margin:2px; padding:0px;}
#p-right li { list-style:none; margin:0px; padding:0px; font-size:.9em}

#b-city{float:left; width:95px}
#b-city h5 { margin:0px; padding:0px; color:#FF6600; font-weight:bold}
#b-city ul { margin:2px; padding:0px;}
#b-city li { list-style:none; margin:0px; padding:0px; font-size:.85em}
#tabMAP{ float:left; width:350px; height:155px; background:#fafafa; margin: 0px 0 0 15px;}
.list_none{list-style:none; padding:2px 0;}

#tabP{ margin:0px;}
#tabP li{ float:left; list-style:none; margin:0px;padding:3px; width:70px;}
#tabP .lf{width:85px; height:50px;}
#tabP .h{display:none}
#tabP li .c{ font-size:.8em; color:#999999}
#tabP li img{ width:70px; height:48px; border:1px solid #CCCCCC}
#tabP li a:hover{}



/* Property of Week*/
#prop-box{ width:900px; padding:0px 0 10px 0; height:365px; margin:10px auto; margin-top:0px;}
#prop-box h4{color:#FFFFFF; font-size:1.3em; font-weight:bold;padding:4px;}
#prop-box h5{ font-size:13px; font-weight:bold; padding:0px;}
#prop-box .h{color:#11374c; text-decoration:underline;}


#prop-wk{float:left; margin-left:5px;padding:0 0 0 5px; width:450px; background:url(images/recommended-bg.jpg) top left  no-repeat}
#prop-wk h4 {background:url(images/recommended-title.jpg) no-repeat left top; margin:10px 10px 0px 10px; height:20px;}
#prop-wk h4 span { display:none}

#pwk { width:430px;  float:left;margin:5px 0 0 10px;; padding-bottom:5px; clear:both; border-bottom:1px solid #999999;}
#pwk .img{ float:left; width:120px; margin-top:5px;}
#pwk .cont{ float:left; width:310px; height:70px; font-size:12px;}
#pwk .pz{ color:#333333;font-size:0.9em}
#pwk .more{ float:right; width:320px; height:24px; text-align:right}


#prop-new{  float:right;height:300px; width:390px; 
	background: url(images/new-property-bg.png) no-repeat top;  padding:0 0px 15px 15px; margin:4px 10px 0 0;}

#prop-new li {border:1px  #CCCCCC solid;}
#prop-new li{height:120px; width:110px; 	
	float:left;
	list-style: none;
	margin: 0 0 4px 4px;
	padding:4px 4px 0px 4px;
	overflow: hidden;
	}
#prop-new ul{ padding:0px; margin:0px;}
#prop-new li img{height:78px; width:110px; } /*org=133x100 */
#prop-new li p{padding:0px; margin:0px; line-height:1em} 
#prop-new li .cap{color:#EEEEEE; font-size:1.1em}
#prop-new li .city{ text-align:right; font-size:0.8em; color:#FFF; line-height:.9em; background:#FF6600;
							padding:0 5px 1px 5px; border-bottom:1px solid #666666}
#prop-new li .price{color:#FDCE60; font-size:0.8em}
#prop-new .price{color:#FDCE60;}

#prop-new li a:hover{color:#11374c; text-decoration:none}
#prop-new li:hover{ background:#11374c;text-decoration:none}
#pow-ft{ height:15px; margin:auto; width:900px; clear:both; background: #556268}




/*  CONTENTS Frontpage*/
#f-contents{ margin:auto; width:860px;padding:20px 60px}
#f-contents .hd{ height:70px;background:url(images/realty-services.png) no-repeat}
#f-contents h2, #f-contents .subtitle{display:none;}

.hr1{color: #96a3ab; background-color: #96a3ab; height: 1px; margin:5px 0px; clear:both}
.hr2{color:#cccccc; background-color:#cccccc; height: 1px; margin:5px 0px; clear:both }



#f-browse{ float:left; width:190px; padding:5px; margin:5px;}
#f-browse h5{ font-size:14px; font-weight:bold; }
#f-browse ul{ padding:0px; margin:0px; }
#f-browse li { list-style:none}

#footer_clear{height:20px ; background:#9dacb3; clear:both}

#footer_bg{margin:0px auto; background:url(images/footer-bg.jpg) repeat-x bottom;color:#FFFFFF} 
#footer{ margin:auto; width:900px; padding:50px 0 0 50px; height:200px;background:url(images/pattaya-night-property-1.png) no-repeat bottom;
}	
#footer .p0{margin:10px 0px; border-bottom:1px solid #608598; width:600px;}
#footer .pL{ font-size:.85em;}
#footer .p1 {font-size:.8em; width:400px; margin:5px 0px;}
#footer .p2 {font-size:.75em;}
#footer a{color:#FFCC66}
#footer a:hover{color:#FF9900}



/* All Page  */


/* EXpan Search*/
#exp-area{background:url(images/exp-area-bg-in.jpg) repeat-x; width:900px;}
#exp-area .sub{padding:10px; height:15px; color:#999999}
#exp-form{margin:10px 10px 0px 10px; height:230px; display:none}
#exp-bt{ margin:auto;  width:850px; height:35px; padding:0 0 0 50px; background:url(images/exp-click-bg.jpg) repeat-x #dadde4}


#content { min-height:680px; width:900px; background:#dadde4; padding:0px; margin:0px auto ;}
	#content .bh{ float:left; height:20px; width:900px; background:#262626}
	#content #hd{float:left;  width:660px; margin:10px 15px 10px 20px; font-size:.9em;}
	#content #hd h2{padding:0px;; font-size:1.8em; color:#ee2a01}
	#content #hd p{float:left; padding:0px; margin:0px;}
	
#col-left {float:left;width:180px;margin:0 10px; font-size:1em;}

#main{float:right; min-height:700px; color:#FFFFFF; width:650px; border:1px solid #cccccc; 
	margin:0px 10px 0px 10px; padding:10px; background:#608598}
#main .loc{ font-size:.8em; color:#F8F8F8}
#main h2{ padding:0px; color:#FFCC00}	
#main h3{color:#FFCC00}	
#main .description{display:none}
#main .sub1{ float:left;font-size:.85em; font-weight:bold; color:#FFFFFF;}
#main #nav{ width:630px; font-size:.85em; background:url(images/main-nav-bg.png) no-repeat; float:left;height:14px; padding:5px 10px;; margin:5px 0px;}
	#main #nav .lt { float:left; width:120px;}
	#main #nav .ct { float:left; width:380px; text-align:center}
	#main #nav .rt { float:right; width:120px; text-align:right; }
	#main #nav a{color:#FFFFFF}	
	#main #nav :hover{color:#FFCC00}
	#main #nav .p {background:#666666;  color:#FFFFFF;padding: 0 2px;}
	#main #nav .ps {background:#996600;  color:#FFFFFF;padding: 0 2px;}
	#main #nav .ct .p:hover{background:#CCCCCC; color:#FF6600}


#main a{ color:#FFFF66;}
#main a:hover{ color:#FF6600}

#prop{ float:left; width:650px;}
#prop li 	{ float:left; width:154px; height:155px;}
#prop li #tt  	{ float:left; width:154px;	}
#prop li img  	{ float:left; width:148px;height:100px; padding:3px;	}	

#prop li {color:#f0cf12; padding:0px; margin:3px; border:1px solid #CCCCCC ;list-style:none;}
#prop li #tt{background:#004e71; padding-top:2px;}
#prop li .tt-l, #prop .tt-r{float:left; height:15px; color:#FFFFFF; font-size:.8em; padding:0px 3px;}
#prop li .tt-r{ float:right;color:#CCCCCC}

#prop li a{color:#FFFFFF;}
#prop li a:hover{color:#ffc900;}
#prop li:hover{ background:#11374c;}
#listsub{float:left; width:148px; padding:0px 0px 3px 3px;}
#prop li .pj{ text-align:left; font-size:12px}
#prop li .pz{color:#FFCC00;font-size:.85em}


/* INquiry Box */
#inqhd{width:190px; margin:0;height:40px; background:url(images/my-inquiry-top.png) no-repeat; }
#inqhd h3{ display:none}
#inquiry{width:160px; margin:0 auto; padding:5px 10px; color:#FFFFFF; background:#43606e;}
#inqft{width:190px; margin:0; padding-bottom:10px; background:url(images/my-inquiry-bt.png) no-repeat; }
#iq-box{border-bottom:1px solid #a3b4be; border-top:1px solid #a3b4be; padding:5px; font-size:10px;}
	#iq-box a{ color:#FFFF99;}
	#iq-box a:hover{ color:#FF6600;}
#iq-box #item{ width:150px; border-bottom:1px  dotted #003366; line-height:12px;}
.tr1{border-bottom:1px dotted #CCCCCC}


#mnu-left{font-size:.9em;}
#mnu-left ul{ margin:0 0 10px 0;}
#mnu-p-tools,#mnu-p-city,#mnu-p-browse	{
	width:180px; margin:0; padding:0px; height:40px;
	}
#mnu-p-tools h3,#mnu-p-city h3,#mnu-p-browse h3{ display:none}

#mnu-p-city{ background:url(images/hd-city-property.png) no-repeat; }
#mnu-p-tools{ background:url(images/hd-property-tools.png) no-repeat; }
#mnu-p-browse{ background:url(images/hd-browse-property.png) no-repeat; }