@charset "UTF-8";
@import url('clear.css');
@import url('jqModal.css');
@import url('calculate.css');
@import url('agent.css');

/*#menu-main li a, a.btn-home, #hd-content, #content-calculate p input.btn-calculate, #content-calculate p input.btn-reset { behavior: url(../js/iepngfix.htc) }*/

body { background-image: url(../images/bg-body.png); background-repeat: repeat-x; font-size:13px; font-family:Tahoma, Arial, Helvetica, sans-serif; }
a { text-decoration:none; font-size:11px; _cursor:pointer; color:#666; font-weight:normal; }
a:hover { text-decoration:underline; }
#container { width:950px; margin: 0 auto; padding: 0 5px; position:relative; }


/* Header Area */
#header h1 a { background-image: url(../images/logo-homelivingmall.png); background-repeat: no-repeat; display: block; height: 139px; width: 200px; text-indent:-9999px; }

#header { background-image: url(../images/bg-header.jpg); background-repeat: no-repeat; background-position: right top; position:relative; margin:0px; height:139px; overflow:hidden; }

#header h2 { display:none; }

ul#menu-main { display:inline; position:absolute; top:49px; left: 160px; }

ul#menu-main li { display:inline; }

ul#menu-main li a { text-indent:-9999px; display: block; height: 90px; background-repeat: no-repeat;  float:left; position:relative; position:relative; top:50px; }

ul#menu-main li a:hover { margin-top:-50px; }

a.btn-main-1 { background-image: url(../images/btn-menu-main-1-trans.png); width: 182px; z-index:10004;  }

a.btn-main-2 { background-image: url(../images/btn-menu-main-2-trans.png); width: 192px; left:-30px; z-index:10003; }

a.btn-main-3 { background-image: url(../images/btn-menu-main-3-trans.png); width: 183px; z-index:10002; left:-40px;  }

a.btn-main-4 { background-image: url(../images/btn-menu-main-4-trans.png); width: 178px; z-index:10001; left:-60px; }

a.btn-main-1:hover { _background-image: url(../images/btn-menu-main-1-trans.png);  }

a.btn-main-2:hover { _background-image: url(../images/btn-menu-main-2-trans.png); }

a.btn-main-3:hover { _background-image: url(../images/btn-menu-main-3-trans.png); }

a.btn-main-4:hover { _background-image: url(../images/btn-menu-main-4-trans.png); }

#header a { color:#fff; }

a.btn-contact { position:absolute; right:10px; top:10px; font-size:11px; text-decoration:none; background-image: url(../images/bullet-contact.png); background-repeat: no-repeat; background-position: 0px 5px; display:block; text-indent:15px; font-weight:bold; }

a.btn-contact:hover { text-decoration:underline; }

a.btn-llink { position:absolute; right:10px; top:30px; font-size:11px; text-decoration:none; display:block; text-indent:15px; font-weight:bold; }

a.btn-llink:hover { text-decoration:underline; }

a.btn-home { text-indent:-200em; display:block; background-image: url(../images/btn-home-trans.png); background-repeat: no-repeat; height: 16px; width: 16px; position: relative; padding-right:5px; position:absolute; right: 75px;  .right:80px;
top:10px; border-right-width: 1px; border-right-style: solid; border-right-color: #a5d0eb; _cursor:pointer; }

/* Left Area */
#left { position:relative; width:790px; background-image: url(../images/bg-left.png); background-repeat: repeat-y; float:left; _width:790px; overflow:hidden; }

#search { background-color: #D0C76C; background-image: url(../images/bg-search.jpg); background-repeat: no-repeat; padding-top:20px; padding-left: 10px; padding-bottom:10px; position:relative; _width:780px; _height:auto; _overflow:hidden; }

#search p { position:relative; }

#search p { margin-bottom:5px; font-size:12px; }
#search-line1-2 span { display:block; float:left; }
#search label { color:#603913; font-size:12px; font-weight:bold; padding-right:5px; padding-left:10px; }

input.search-input-1 { width:150px; height:16px; }

input.search-input-2 { width:80px; height:16px; }

#search select { height:22px; font-size:11px; }

span.cost-count, #search label em { color:#a67c52; font-size:12px; font-weight:bold; padding-left:0px; }

input.btn-search { position:absolute; right:10px; top:5px; .top:0px; _top:3px; }

#advance-search { padding-top:10px; color:#793f0d; position:relative; z-index:11000; }

a.btn-advance-search { text-indent:-9999px; display:block; width:80px; height:20px; left:25px; position:relative; }

span.search-group { width: 400px; display:block; float:left; position:relative; }

span.search-group input { margin-right:5px; }

span.checkbox-label label { font-weight:normal; width:auto; height:auto; }

span.checkbox-label { width:auto; display:block; float:left; height:20px; padding-right:10px; }

p.btn-submit-advance { float:right; padding-right:10px; padding-top:10px;  }

#advance-search-line-end label { float:left; display:block; }
#advance-search-line-end span, #advance-search-line-end select { display:block; float:left; }

#hd-content { background-image: url(../images/bg-content-top-trans.png); background-repeat: no-repeat; display: block; height: 10px; width: 790px; position: relative; bottom:-10px; left:-10px; }

#ajax-content { position:relative; }

ul#ajax-tab { display:block; position:relative; padding-left:15px; border-bottom: solid 1px #c1c1c1; margin: 0 7px; margin-bottom:15px; }

ul#ajax-tab li { display:inline; }

ul#ajax-tab li a { display:block; float:left; position:relative; top:10px; }

ul#ajax-tab li.btn-content-1 a, ul#ajax-tab li.btn-content-2 a, ul#ajax-tab li.btn-content-3 a, ul#ajax-tab li.btn-content-4 a { background-image: url(../images/btn-content-1.png); background-repeat: no-repeat; background-position: 0px 0px; display: block; height: 40px; width: 130px; text-indent:-200em; left:10px; position:relative; z-index:10002; }

ul#ajax-tab li.btn-content-1 a { }

ul#ajax-tab li.btn-content-2 a { background-image: url(../images/btn-content-2.png); left:25px; }

ul#ajax-tab li.btn-content-3 a { background-image: url(../images/btn-content-3.png); left:40px; }

ul#ajax-tab li.btn-content-4 a { background-image: url(../images/btn-content-4.png); left:55px; }

ul#ajax-tab li.btn-content-1 a:hover, ul#ajax-tab li.btn-content-2 a:hover, ul#ajax-tab li.btn-content-3 a:hover, ul#ajax-tab li.btn-content-4 a:hover, ul#ajax-tab li a.selected { background-position: 0px -40px; }

#content-head-5 { height:25px; background-image:url(../images/devide.png); background-repeat:no-repeat; background-position: 5px 50%; padding-left:20px; padding-top:5px; display:block; float:left; margin:0px 0 20px 0; position:absolute; z-index:10002; top:10px; right:30px; }

#content-head-5 select { height:22px; font-size:11px; }

#content-detail, #content-detail2 { font-size:11px; position:relative; height:auto; width:auto;  margin: 0 1px; display:inline; _margin:0px; _left:1px; }
#content-detail { height:310px; display:block; }
#tab-construction {display:block; background-image:url(../images/bg-tab-undercons.jpg); background-repeat:no-repeat; background-position: 50% 50%; height: 300px; width:770px; left:1px; position:relative; }
a.btn-tab-sold { position:absolute; background-image:url(../images/btn-tab-sold.png); width:120px; height:30px; display:block; top: 133px; left:461px; text-indent:-200em; background-position: 0px 0px; }
a.btn-tab-sold:hover { background-position: 0px -30px; }

#content-detail ul, #content-detail2 ul { padding-left:10px; padding-right:5px; display:block; position:relative; width:770px; background-color:#fff; left:1px;  }

#content-detail ul li, #content-detail2 ul li { display:block; width:130px; height:280px; float:left; background-image: url(../images/bg-content-block.png); background-repeat: no-repeat; background-position: 100% 0%; padding:5px 0 0 20px; color:#666; }

#content-detail ul li img, #content-detail2 ul li img { position:relative; left:5px; }

#content-detail ul li a, #content-detail2 ul li a { width:120px; position:relative; height: 125px; overflow:hidden; left:5px; font-size:11px; margin-top:5px; display:block; }

#content-detail ul li em, #content-detail2 ul li em { font-weight:bold; color:#b4a851; margin-left:5px; }

p.line { position:relative; margin: 0 7px; height:22px; display:block; border-top: solid 1px #edeac7; }

p.line2 { position:relative; margin: 0 7px; height:22px; display:block; border-bottom: solid 1px #b4ac7e; }

a.btn-project-all { background-image: url(../images/btn-project-all.png); display: block; width:77px; height:20px; text-indent:-200em; position:absolute; right:0px; }
a.btn-asset-all { background-image: url(../images/btn-asset-all.png); display: block; width:77px; height:20px; text-indent:-200em; position:absolute; right:0px; }

a.btn-new-asset { background-image: url(../images/btn-new-asset.png); display: block; width:77px; height:27px; text-indent:-200em; position:absolute; right:0px; top:2px; }

#content-detail2 ul li { background-image: url(../images/bg-content-block-2.png); height:250px; }

#content-detail2 ul li a { height: 95px; }

#content-detail3 { padding: 60px 0 0px 0px; width:auto; display:block; _padding-bottom:10px; }

#news { width:290px; float:left; border-right:solid 1px #c3c3c3; padding:0 20px 0 10px; height:210px; display:block; color:#aaa; font-size:11px; position:relative; }

#news a { color:#83adb6; font-size:12px; display:block; position:relative; left:5px; }

#news ul { position:relative; top:10px; _top:30px; }

#news li { padding-left: 30px; position:relative; display:block; margin-bottom:10px; .margin-top:-10px;
_margin-top:-20px; }

span.news-month, span.news-day { position: absolute; left:0px; top:3px; _left:-30px; font-family:Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color:#708778; margin-right:10px; float:left; }

span.news-day { top:10px; font-size:20px; }

span.news-text { left:5px; display:block; position:relative; }

#news a, span.news-text { .top:-12px; }

#news p a.btn-view-all { position:absolute; top:195px; left:250px; font-size:11px; width:50px; display:none; }

#article { float:left; padding:0 0 0 10px; height:210px; display:block; margin-bottom:10px; position:relative; }

.scroll-pane { position: relative; width: 465px; height: 210px; overflow: auto; background: #fff; float: left; }

#pane1 ul { padding-bottom:200px; }

#news h2, #article h2 { background-image: url(../images/hd-news.png); background-repeat: no-repeat; height: 45px; width: 160px; display:block; text-indent:-9999px; top:0px; position:absolute; margin-bottom:10px; top: -50px; }

#article h2 { background-image:url(../images/hd-article.png); }

#article ul li { background-image: url(../images/bullet-article.png); background-repeat: no-repeat; margin-left:13px; padding-left:17px; margin-top:5px; width: 380px; background-position: 0px 3px; }

#article a { font-size:12px; color:#8c6239; }

#content-detail4 { }
#new-asset { display:block; padding: 0 0 0 8px;  }
#new-asset li { display:block; width: 130px; height:175px; .height: 172px; background-image: url(../images/bg-content-block-mini.png); background-repeat: no-repeat; background-position: center top; float:left; padding: 5px 12px;  font-size:11px; overflow:hidden; margin-bottom:10px; color:#666; }
#new-asset li strong a { height:115px; .height:118px; }
#new-asset li img { left:5px; position:relative; margin-bottom:15px;  }

#left-bottom { background-image: url(../images/bg-content-footer.png);     background-repeat: no-repeat;     height: 15px;     width:790px;     display:block;}

#content-detail h2, #content-detail2 h2, #content-detail4 h2, #content-detail5 h2 { background-repeat:no-repeat; text-indent:-200em; width:auto; height:22px; margin:5px 0 0 7px; margin-bottom:10px; }

h2.hd-project-advise { background-image:  url(../images/hd-project-advise.png); }

h2.hd-project-all { background-image:  url(../images/hd-project-all.png);  } 

h2.hd-project-interest { background-image:  url(../images/hd-project-interest.png); }

h2.hd-asset-advise { background-image:  url(../images/hd-asset-advise.png); }

h2.hd-asset-new { background-image:  url(../images/hd-asset-new.png); }

h2.hd-asset-now { background-image:  url(../images/hd-asset-now.png); }

h2.hd-project-asset-posses { background-image:  url(../images/hd-project-asset-posses.png); }

h2.hd-project-similar { background-image:  url(../images/hd-project-similar.png); }

h2.hd-asset-similar { background-image: url(../images/hd-asset-similar.png); }

h2.hd-asset-project { background-image: url(../images/hd-asset-project.png); }

h2.hd-asset-all { background-image: url(../images/hd-asset-all.png); }

/******* Right Area *********/
#right { float:right; width:160px; position:relative; display:block; right:-5px; }

#member { width:138px; height:90px; background-repeat:no-repeat; padding: 45px 0 0 27px; position:relative; }

#member label, #member h3 { display:none; }

#member .input-member { border: 1px solid #865118; background:transparent; width:120px; height:15px; margin-bottom:5px; color:#865118; font-size:11px; }

#member a { color:#CC671C; }

#member a:hover { color:#7C3F10; }

input.btn-login { background-image: url(../images/btn-login.png); background-repeat:no-repeat; border: 1px solid #F0EC4A; display: block; height: 17px; width: 42px; margin-left:20px; text-indent:-9999px; position:absolute; right:13px; bottom:25px; font-size:0px; color:#fff; }

#agent-menu { position:relative; top:-9px; }

#agent-menu li { padding-left:5px; margin-bottom:2px; }

#agent-menu li.name { color:#7C3F10; font-size:13px; font-weight:bold; margin-bottom:5px; padding-left:0px; position:relative; left:-10px; }



/******** Footer Area ********/
#footer { position:relative; padding: 30px 0px; width:960px; }

#footer ul { position:absolute; display:block; left:180px; }

#footer ul li { display:inline; }

#footer ul li a { display:block; float:left; padding: 0 10px; text-decoration:none; color:#333; font-size:11px; border-right-width: 1px; border-right-style: solid; border-right-color: #666; }

#footer ul li.menu-end a { border:none; }

#footer ul li a:hover { text-decoration:underline; }

#footer p { padding-top:30px; text-align:center; font-size:10px; }

#search p.search-line2 label { padding-left:5px; }

#search p.search-line2 label em { padding-left:0px; }

/** Pagination **/

#pagination-clean { margin:0px auto; text-align: center; width: 100%; top:5px; position:relative; padding-bottom:10px; }

#pagination-clean li { font-size:11px; list-style:none; /* savers */ padding: 0; display: inline;  }

/* savers #pagination-clean li,*/
#pagination-clean a { margin-right:2px; border-right-width: 1px; border-right-style: solid; border-right-color: #DEDEDE; }

#pagination-clean .previous-off, #pagination-clean .next-off { color:#888888; font-weight:bold; padding:3px 4px; }

#pagination-clean .next a, #pagination-clean previous a { border:none; font-weight:bold; }

#pagination-clean .active { color:#000000; font-weight:bold; padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }

#pagination-clean a:link, #pagination-clean a:visited { color:#8E8763; padding:3px 6px; text-decoration:underline; }

#pagination-clean a:hover { text-decoration:none; }

p.pagination2 {  display:block; width:775px; text-align:center; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #DEDEDE;  position:relative; }

p.pagination2 strong { font-weight:normal; color:#fff; background-image: url(../images/bg-pagination.png); background-repeat: no-repeat; height: 23px; width: 20px; padding-top:7px; padding-left:7px; padding-right: 7px; padding-bottom:2px; font-size:11px; }

p.pagination2 a:hover { text-decoration:none; }

p.pagination2 a strong { color:#A29C6B; background-image:none; padding-top:7px; padding-left:7px; padding-right: 7px; padding-bottom:2px; }

p.pagination2 a strong:hover { text-decoration:none; background-image: url(../images/bg-pagination.png); color:#fff; }



#vdo { position: absolute; left: 80px; top: 80px; }

#footer p.alert { font-size:16px; font-weight:bold; color:#FF0000; }


#googlemap_index { width:700px ;height:300px;  }