@charset "utf-8";
a {
	text-decoration:none;
	color:#45220a;
}
a:hover{
color:#1DBFD8;
}

#contrainer{
	width:970px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
}

body {
	
	margin: 0 0 0 0 ;
	font-family:Tahoma;
	font-size:11px;

}
img{ border:0px;}



#head-all{
	width:970px;
	background:url(../images/bg-headr.gif) right no-repeat top;
}

.clear{ clear:both;}
#head-all #left{
	float:left;
	width:154px;
	margin-top:11px;
}
#head-all #right{ float:right;  width:816px;}
#head-all #right #lang{  width:50px; float:right; clear:both;}
#head-all #right #slocan{ margin-left:34px;  margin-top:3px; }
#head-all #right #menu{ background-color:#66CCFF;  margin-left:34px; margin-top:8px;}
#head-all #right #menu ul{ margin:0; padding:0;}
#head-all #right #menu ul li{ display:inline; float:left;}

#head-all #right #lang  span {
padding:1px 1px 1px 1px;
}
.lang-bg{
border:1px solid #CCCCCC ;
background-color:#CCCCCC;
}




.header {

	background:url(../images/bg-headr.gif) right no-repeat;
}
.head-logo {

	float: left;
}.head-menu {
	float: right;
}
.bt-menu {
	float: left;
	padding-right: 1px;
}

.header .head-menu ul {
margin-left:-20px;
	list-style-type: none;
}
.mybody{
margin:-20px 0 0 0;
}
.mybody-left{
float:left;
width:230px;
}
.mybody-right{
	float:right;
	width:720px;;

}
.bar-ourproject{
margin-bottom:5px;
background:url(../images/bg-bar-blue.gif) repeat-x #1dbfd6 ;
}
.bar-hilight{
clear:both;
margin-bottom:5px;
margin-top:15px;
background:url(../images/bg-bar-gray.gif) repeat-x #acacac;
}
.bar-fromideo{
clear:both;
background:url(../images/bg-bar-gray.gif) repeat-x #acacac;
margin-bottom:5px;
margin-top:15px;
}
.bar-download{
clear:both;
background:url(../images/bg-bar-gray.gif) repeat-x #acacac;
margin-bottom:5px;
margin-top:15px;
}
.bar-ourlocation{
background-color:#1dbfd6;
margin-bottom:3px;
background:url(../images/bg-bar-blue.gif) repeat-x ;
}
.bar-hilight2{
float:left;
clear:both;
background-color:#da501f;
margin-bottom:3px;
margin-top:15px;
background:url(../images/bg-bar-orange.gif) repeat-x ;
height:28px;
width:100%;
}
.bar-news-activities{
margin-bottom:25px;
height:28px;
width:49%;
float:left;
margin-top:15px;
}
.bar-news-activities2{
margin-bottom:25px;
width:49%;
float:right;
margin-top:15px;
}
.bar-projectprog{
clear:both;
background:url(../images/bg-bar-gray.gif) repeat-x #acacac;
margin-bottom:3px;
margin-top:15px;
height:28px;
width:100%;
}
.list-menuleft {
padding-left:2px;
padding-bottom:1px;
	border-bottom-style: inset;
	border-bottom-width: thin;
}
.cont-news{
padding-top:10px;

}.img-news {
	float: left;
	padding-right: 5px;

}
.descsmall-news {
	width:200px;
	float: left;

}
.line-news{
	clear:both;
	margin:2px 0 2px 0;
	border-bottom-width: 1px;
	border-bottom-style: inset;
	border-bottom-color: #cccccc;
}
.date-news {
padding-left:145px;
font-size:9px;
}
.img-news img {
	border: 3px solid  #e2e2e2;
}
.bordermap {
	border: 1px solid #CCCCCC;
}

.bannerswf{
padding-bottom:25px;
}
.border-bar-download {
	margin-top: -5px;
	border: 1px solid #CCCCCC;
	border-top: 0px;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.left-sponcer {
padding-top:20px;
text-align:center;
}
.footer{
background-image:url(../images/footer.gif);
height:60px;
}.footer .footersub1 {
	font-size: 9px;
	color: #FFFFFF;
	float: left;
	padding-left: 65px;
	padding-top: 15px;
}.footer .footersub2 {
	font-size: 9px;
	color: #FFFFFF;
	float: left;
	padding-left: 20px;
	padding-top: 15px;
}
.icon-ananda{ display:block; width:60px; height:30px;float:left;}
.icon-egaz{ display:block; width:80px; height:30px; float:left;}
.designby{ display:block;float:left;}

#footer-quicklink ul {
width:970px;
margin:0;
padding:0;
	
	
	font-size: 10px;
	
}
#footer-quicklink ul li {
float:left;
	list-style-type: none;
	padding-left:15px;
	padding-right:15px;
	
}
.f1{
background-color:#CCFF00;
	border-top:1px solid ;
	border-bottom	:1px solid ;
	padding:0 30px 0 30px;
	
	size:auto;
	
} 
.img-head{ float:left;}

.bt-next {
float:right;
margin:5px 0 0 0;
}
.bt-next  .bt2st{
	padding-left:5px;
	padding-right:5px;
}
.bt-next  .bt1st{
	border-right:#CCCCCC solid 1px;
	padding-left:5px;
	padding-right:5px;	
}
.bt-next span {
padding:0px;
margin:0px;
width:1px;
}
.bar-ourcompany {

}
#list-cp{ width:100%; margin:0 0 0 0px; padding:0;}
#list-cp li{ width:112px; float:left; list-style-type:none; margin:0; padding:0; border-bottom:solid 1px #cccccc;border-right:solid 1px #cccccc; text-align:center;}
#list-cp > li + li {border-bottom:solid 1px #cccccc;border-right:solid 1px #ffffff;}
#list-cp > li + li + li{border-bottom:solid 1px #cccccc;border-right:solid 1px #cccccc;}
#list-cp > li + li + li + li{border-bottom:solid 1px #cccccc;border-right:solid 1px #ffffff;}
#list-cp > li + li + li + li + li{border-bottom:solid 1px #cccccc;border-right:solid 1px #cccccc;}
#list-cp > li + li + li + li + li + li{border-bottom:solid 1px #cccccc;border-right:solid 1px #ffffff;}
#footer-ideo-th {  width:100%; list-style-type:none; margin:0; padding:0px;}
#footer-ideo-th li{ 
display:inline;
border-top:solid; 
border-top-width:1px; 
border-bottom:solid; 
border-bottom-width:1px; 
float:left;
padding:5px 25px 5px 25px;
background-image:url(../images/edge.gif);
background-position:right;
background-repeat:no-repeat;
}
#footer-ideo-th > li + li + li + li + li + li + li {
background-image:url(../images/edge-white.gif);
background-position:right;
background-repeat:no-repeat;
}
#footer-ideo-th > li + li + li + li + li + li + li + li {
border-top:solid; 
border-top-width:1px; 
border-top-color:#FFFFFF;
border-bottom:solid; 
border-bottom-width:1px; 
border-bottom-color:#FFFFFF;
background-image:url(../images/edge.gif);
background-position:right;
background-repeat:no-repeat;
}
#footer-ideo-th > li + li + li + li + li + li+ li + li  {
border-top:solid; 
border-top-width:1px; 
border-top-color:#FFFFFF;
border-bottom:solid; 
border-bottom-width:1px; 
border-bottom-color:#FFFFFF;
background-image:url(../images/edge.gif);
background-position:right;
background-repeat:no-repeat;
}
#footer-ideo-th > li + li + li + li + li + li + li + li + li + li + li{
background-image:url(../images/edge-white.gif);
background-position:right;
background-repeat:no-repeat;
}
#footer-ideo-th  li a{ text-decoration:none; color:#45220a; }
#footer-ideo-th li .blue{ color:#1dbfd7; font-size:10px;}


#footer-ideo-en {  width:100%; list-style-type:none; margin:0; padding:0px;}
#footer-ideo-en li{ 
display:inline;
border-top:solid; 
border-top-width:1px; 
border-bottom:solid; 
border-bottom-width:1px; 
float:left;
padding:5px 42px 5px 42px;
background-image:url(../images/edge.gif);
background-position:right;
background-repeat:no-repeat;
}
#footer-ideo-en > li + li + li + li + li {
background-image:url(../images/edge-white.gif);
background-position:right;
background-repeat:no-repeat;
}
#footer-ideo-en > li + li + li + li + li + li{ padding:5px 10px 5px 10px;}
#footer-ideo-en > li + li + li + li + li + li + li + li {
border-top:solid; 
border-top-width:1px; 
border-top-color:#FFFFFF;
border-bottom:solid; 
border-bottom-width:1px; 
border-bottom-color:#FFFFFF;
background-image:url(../images/edge.gif);
background-position:right;
background-repeat:no-repeat;
}
#footer-ideo-en > li + li + li + li + li + li  {
border-top:solid; 
border-top-width:1px; 
border-top-color:#FFFFFF;
border-bottom:solid; 
border-bottom-width:1px; 
border-bottom-color:#FFFFFF;
background-image:url(../images/edge.gif);
background-position:right;
background-repeat:no-repeat;
}
#footer-ideo-en > li + li + li + li + li + li + li + li + li + li + li{
background-image:url(../images/edge-white.gif);
background-position:right;
background-repeat:no-repeat;
}
#footer-ideo-en  li a{ text-decoration:none; color:#45220a; }
#footer-ideo-en li .blue{ color:#1dbfd7; font-size:10px;}



.our-project-NEWPROJECT{ color:#da511f; font-size:10px; font-weight:bold;}
.our-project-PRE-SALESCLOSED{ color:#da511f; font-size:10px;}
.our-project-SOLDOUT{ color:#1dbfd8; font-size:10px;}
#our-project-NEWPROJECT{ color:#da511f; font-size:10px; font-weight:bold;}
#our-project-PRE-SALESCLOSED{ color:#da511f; font-size:10px;}
#our-project-SOLDOUT{ color:#1dbfd8; font-size:10px;}

.header-en-th {
width:40px;
margin-top:-30px;
	}

.descsmall-news  {
color: #666666;
}
.descsmall-news strong{
	color:#45220a;
}
.centerbanner {
	border: 1px solid #CCCCCC;
	margin-top:15px;
	padding-top:10px;
	padding-bottom:2px;
	text-align:center;	
}
.centerbanner span {
	padding:0 2px 0 2px;	
}

.itemcondo { 
	text-align:center;
	display:block;
	list-style:none;
	width:20%;
	margin-left:-5px;
	float:left;
	
}
.projectbox{
border:3px solid #CCCCCC;
margin-top:-3px;
}



#project-box{ width:720px; border:3px solid #666666;}
#project-box ul{}
#project-box ul li{  list-style-type:none; float:left;}

#content-condo{ background-image:url(../images/bg-condo.gif); background-repeat:no-repeat; }
#content-condo .in{ margin:10px 0 15px 10px;}
#content-condo .in > p{ margin:0; padding:0;}
#content-condo .in > p + p + p{ margin:10px 0 0 0; padding-left:10px; background:url(../images/bull-condo.gif) no-repeat left center; padding-bottom:0px;}
#content-condo .in > p + p + p + p{ margin:5px 10px 0px 0; padding:1px 0 0 10px; border-top:solid 1px #CCCCCC;}
#content-condo .in a{ color:#1dbfd7; text-decoration:none;}
#content-condo .in a:hover{ color:#993300; text-decoration:none;}
#content-condo .in p { color:#666666;}
#content-condo .in p strong { color:#45220a;}
.truehit{
	float:right;
	padding-top: 18px;
	padding-right:18px;
}
.bg-footer{
background:url(../images/bg-footer.gif) repeat-x;
width:100%;
height:12px;
}
.bg-footer-news{
background:url(../images/bg-footer.gif) repeat-x;
width:136px;
height:12px;
}
.descsmall-news p  {
margin:0;
padding:0;
margin-top:6px;
}
.bg-nav-blank{
width:1px;
background-color:#FFFFFF;
}
.bg-nav {
background:url(../images/bg-nav.gif) repeat-x;
height:31px;
}
.bg-nav a:hover {
color:#FFFFFF;
}
.bg-nav div {
padding-top:7px;
text-align:center;
color:#FFFFFF;
}
.bg-nav  a {
color:#FFFFFF;
}
.bg-nav-swap {
background:url(../images/bg-nav-swap.gif) repeat-x;
height:31px;
}
.bg-nav-swap div {
padding-top:7px;
text-align:center;
color:#FFFFFF;
}
.bg-nav-swap  a {
color:#FFFFFF;
}

.bg-swap {
background:url(../images/bg-nav-swap.gif) repeat-x;
height:31px;
}
#nav { height: 39px; }
#nav li {list-style: none; float: left;}
 #nav li a {display: block; text-decoration: none; height: 39px; background-position: 0 0; background-repeat: no-repeat;}
 #nav li a:hover {background-position: 0 -39px;}
 
.tb-nav{ margin-left:35px; margin-top:6px;} 
#ttt{}
#ttt tr{}
#ttt tr td{ text-align:center;}
#ttt tr td a{ display:block; background-image:url(../images/bg-nav.gif);padding:7px 0px 0 0px; height:24px; color:#FFFFFF;}
#ttt tr td a:hover{background-image:url(../images/bg-nav-swap.gif);}
#ttt tr td .w1{ display:block; width:159px;}

.set-height-of-bar-news-activities{
height:500px;
}


/* Project Proguess */


#progress-contrain{ clear:both; width:720px;  }
#progress-header{ background-color:#1dbfd6; height:27px; border-bottom:solid #0ca3b8 1px; background-image:url(../images/progress-header.gif); background-repeat:no-repeat; margin:0; padding:0;}
.progress-header-th{ background-color:#1dbfd6; height:27px; border-bottom:solid #0ca3b8 1px; background-image:url(../images/progress-header-th.gif); background-repeat:no-repeat; margin:0; padding:0;}
.progress-header-en{ background-color:#1dbfd6; height:27px; border-bottom:solid #0ca3b8 1px; background-image:url(../images/progress-header-en.gif); background-repeat:no-repeat; margin:0; padding:0;}
.progress-header-th span{ display:none;}
.progress-header-en span{ display:none;}

#year{width: 720px; height: 28px;  margin:0; padding:0; background-image:url(../images/bg-year.gif); margin:0; padding:0; margin-top:31px;}
#year li {list-style: none; float: left; width:115px; text-align:center; font-size:14px; color:#fff;}
#year li a {display: block; text-decoration: none; height: 22px; background-position: 0 0; background-repeat: no-repeat; padding-top:5px;}
#year li a:hover {background-position: 0 -35px;}
#year li span { }

#yearli #y2551 a {background-image: url(../images/home.gif); width: 90px;}
#yearli #y2552 a {background-image: url(../images/service.gif); width: 112px;} 
.year-normal-active{ background-color:#fff; border-left:1px solid #acacac;border-top:1px solid #acacac;border-right:1px solid #acacac; }
.year-normal a{ color:#fff;}
.year-normal-active a{ color:#1ebed8;}


#month{ margin:21px 0 0 0; padding:0; width:116px; float:left;}
#month li {list-style: none;  width:115px; text-align:center; font-size:12px; color:#452307; border-bottom:1px solid #acacac;  border-top:1px solid #acacac;display: block; text-decoration: none; height: 20px; background-position: 0 0; background-repeat: no-repeat; padding-top:5px;}
#month > li + li{  border-top:0px solid #fff;}
#month li a { text-decoration:none;}
#month li a:hover {background-position: 0 -35px;}
#month li span { }
.month-normal a{ color:#452308;}
.month-active{ background-color:#da501f; }
.month-active a{color:#FFFFFF;}
.month-dis span{ color:#ababab;}

#right-progress{ width:604px; float:right;}

#quick-select{ background-image:url(../images/quick-select.gif); background-repeat:no-repeat; width:282px; height:18px; margin:19px 0 0 10px; padding:0;}
#quick-select span{ visibility:hidden;}


#tb-select{ background-color:#dedede; height:36px; width:100%;  border-bottom:#d5d5d5 1px solid; }
.label{ text-align:right; color:#7d7d7d;}
.fselect{ text-align:left; padding-left:10px; background-image:url(../images/edge-select.gif); background-position:right; background-repeat:no-repeat;}
.fselect-noedge{ text-align:left; padding-left:10px;}
select{ font-family:Tahoma; font-size:12px; color:#7d7d7d;}



#tab-date{width: 589px; height: 28px;  margin:0; padding:0; background-image:url(../images/bg-year.gif); margin:0; padding:0; margin-top:10px; margin-left:15px;}
#tab-date li {list-style: none; float: left; width:115px; text-align:center; font-size:12px; color:#fff;}
#tab-date li a {display: block; text-decoration: none; height: 20px; background-position: 0 0; background-repeat: no-repeat; padding-top:7px;}
#tab-date li a:hover {background-position: 0 -35px;}
#tab-date li span { }


.tab-date-active{ background-color:#fff; border-left:1px solid #acacac;border-top:1px solid #acacac;border-right:1px solid #acacac; }
.tab-date-normal a{ color:#45220c;}
.tab-date-active a{ color:#45220c;}


#box-dataprogress{ border-left:#acacac solid 1px; border-right:#acacac solid 1px; border-bottom:#acacac solid 1px;   margin:0 0 0 15px; padding-top:15px;}
#shadow-progress{ background-image:url(../images/shadow-progress.gif); height:27px; width:589px; margin-left:15px;}

.pic-building{ display:block;}
.pic-building img:hover{ display:block; border:1px solid #CCCCCC;}

#box-gray{background-color:#e2e2e2; padding:5px;}
.tb-dataprogress{ background-color:#fff; width:577px; }
.tb-dataprogress img a{ border:3px solid #CCCCCC;}
#tb-dataprogress2 { display:none; }
#content-condo2 {background-image:url(../images/bg-condo.gif);background-repeat:no-repeat;}
#content-condo2 .in2{ margin:10px 0 15px 10px;}
#content-condo2 .in2 > p{ margin:0 0 0 10px; padding:0;}
#content-condo2 .in2 > p + p { margin:5px 0 0 10px;}
#content-condo2 .in2 > p + p + p { margin:5px 10px 0px 0; padding:5px 0 0 10px; border-top:solid 1px #CCCCCC; background:url(../images/bull-condo2.gif) no-repeat left center;}
#content-condo2 .in2 a{ color:#1dbfd7; text-decoration:none;}
#content-condo2 .in2 a:hover{ color:#993300; text-decoration:none;}
#content-condo2 .in2 p { color:#666666;}
#content-condo2 .in2 p strong { color:#45220a;}
.project-name{ color:#452109;}
.linebm{ border-bottom:1px solid #CCCCCC;}


/* END Project Proguess */

/* box promotion */
.border-hilight .border { border:#dadada solid 3px;}
.border-hilight .img{ margin: 20px 0px 110px 0px; }
.border-hilight .red{ font-size:14px; font-weight:700; color:#e50009; margin:0px 0px 0px 25px;}
.border-hilight .blo { font-size:11px; color:#42220b; margin:0px 0px 0px 25px ;}
.border-hilight .blo2 { font-size:13px; color:#42220b; margin:0px 0px 0px 25px ;}

.border-hilight .link a{ color:#1dbfd7; text-decoration:none;}
.border-hilight .link a:hover{ color:#d54b1d;}
/* end box promotion */
#nodata{ width:650px; border:#1dbfd7 solid 3px; margin:0 auto 0 auto; padding:29px; background-color:#FFFFFF;}
#nodata #h3nodata{ margin:0; padding:0px; color:#1ec0d8; font-size:18px; font-weight:bold;}
#nodata #sale{ font-size:14px; color:#db521f; font-weight:bold;}


	.nav-foot-m{ width:968px; font-size:12px;}
	.nav-foot-m .foot-top{ }
	.nav-foot-m .foot-top { width:auto; text-align:left; padding:5px 0 5px 0; border-top:1px solid #000000;}
	.nav-foot-m .foot-top a{ color:#45220a; text-decoration:none;  border-right:1px solid #666666; padding:0 15px 0 15px;}
	.nav-foot-m .foot-top a:hover{ color:#1DBFD8;}
	.nav-foot-m .foot-top a.white-edge{border-right:1px solid #ffffff;}



.habitat022010{ background:url(../images/Habitat_bg.gif); width:230px; height:344px; list-style-type:none;
}
.habitat022010 ul{  margin:0; padding:3px 0 0 13px;   } 
.habitat022010 li { display:inline; list-style:none; margin:0;padding:0 0 0 -20px; float:left; }
.habitat022010x { padding-top:94px; }

.mysocialnetwork{ width:98%; border:#1dbfd7 solid 1px; background-color:#f2f2f2; text-align:left; }
.mysocialnetwork p { margin:0;  padding:0; }
.mysocialnetwork p span { display:block; padding:10px 0 10px 30px; border-bottom:solid #1dbfd7 1px; color:#707070; }
.mysocialnetwork p img { padding:15px 10px 5px 10px; }

.links{ color:#fff; }
.links:hover{ color:#000; }