@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{margin:0; width:100%;  font-size:12px; font-family: Tahoma; line-height:16px;}
a{ border:none; text-decoration:none;}
img{ border:none;}
a:hover, .lang a:hover, #left li a:hover, #footer_link a:hover, .detail a:hover, .detail h3 a:hover {color:#0099FF;}
.clear{ clear:both;}
#wrapper{width:960px; margin:0 auto;  background:url(../images/bg_top2.jpg) top left repeat-x; }
/**top**/
#top{  height:118px;}
h1{ background:url(../images/ananda_logo.jpg) top left no-repeat; width:182px; height:117px; text-align:center; float:left; line-height:40px; font-size:30px;}
span{ visibility:hidden;}
.lang { float:right; text-align:right; padding:7px 19px 0 0; color:#898989;}
.lang a{color:#898989;}
.socialnetwork { width:250px; height:65px;  padding-top:7px; color:#cccccc; }
.socialnetwork ul{ margin:0; padding:0; }
.socialnetwork ul li{ list-style:none; display:inline; float:right;   font-size:9px; padding-right:6px;  }
/**Navi**/
#navi{ height:30px;}
#navi li{
	display: block;
	float:left;
	padding-top:0px;
	list-style:none;
}
/***Menu Thai**/
li.menu1th {background: url(../images/menu-th/menu1_th.jpg)  center left no-repeat; width:131px;}
li.menu1th a:hover{ background: url(../images/menu-th/menu1_over_th.jpg) center left no-repeat; width:131px;}

li.menu2th {background: url(../images/menu-th/menu2_th.jpg) center left no-repeat; width:123px;}
li.menu2th a:hover{ background: url(../images/menu-th/menu2_over_th.jpg) center left no-repeat; width:123px;}
li.menu2_1th{ background:#dddddd; width:123px; font-size:11px; border-bottom:#ffffff solid 1px; height:23px; }
li.menu2_1th a{ color:#5e5e5e; font-size:11px;}
li.menu2_1th a:hover{ background:#a7aebe; color:#ffffff; font-size:11px; width:113px; height:20px; }

li.menu3th {background: url(../images/menu-th/menu03_th.jpg) center left no-repeat; width:176px;}
li.menu3th a:hover{ background: url(../images/menu-th/menu03_over_th.jpg) center left no-repeat; width:176px;}
li.menu3_1th  { background:#dddddd; width:176px; font-size:11px; border-bottom:#ffffff solid 1px; height:23px; }
li.menu3_1th a{ color:#5e5e5e; font-size:11px;}
li.menu3_1th a:hover{ background:#a7aebe; color:#ffffff; font-size:11px; width:140px; height:20px;  }

li.menu4th {background: url(../images/menu-th/menu4_th.jpg) center left no-repeat; width:153px;}
li.menu4th a:hover{ background: url(../images/menu-th/menu4_over_th.jpg) center left no-repeat; width:153px;}

li.menu5th {background: url(../images/menu-th/menu_05_th.jpg) left center no-repeat; width:100px;}
li.menu5th a:hover{ background: url(../images/menu-th/menu_05_over_th.jpg) left center no-repeat; width:100px;}

li.menu6th {background: url(../images/menu-th/menu_06_th.jpg) center left no-repeat; width:104px;}
li.menu6th a:hover{ background: url(../images/menu-th/menu_06_over_th.jpg) center left no-repeat; width:104px;}

/***Menu Eng**/
li.menu1 {background: url(../images/menu1.jpg) center left no-repeat; width:131px;}
li.menu1 a:hover{ background:url(../images/menu01_over.jpg) center left no-repeat; width:131px;}

li.menu2 {background: url(../images/menu2.jpg) center left no-repeat; width:123px;}
li.menu2 a:hover{ background:url(../images/menu02_over.jpg) center left no-repeat; width:123px;}
li.menu2_1{ background:#dddddd; width:123px; font-size:10px; border-bottom:#ffffff solid 1px; height:23px; }
li.menu2_1 a{ color:#5e5e5e;}
li.menu2_1 a:hover{ background:#a7aebe; color:#ffffff; font-size:10px; width:93px; height:20px; }

li.menu3 {background: url(../images/menu3.jpg) center left no-repeat; width:176px;}
li.menu3 a:hover{ background:url(../images/menu03_over.jpg) center left no-repeat; width:176px;}
li.menu3_1  { background:#dddddd; width:176px; font-size:10px; border-bottom:#ffffff solid 1px; height:23px; }
li.menu3_1 a{ color:#5e5e5e;}
li.menu3_1 a:hover{ background:#a7aebe; color:#ffffff; font-size:10px; width:140px; height:20px;  }


li.menu4 {background: url(../images/menu4.jpg) center left no-repeat; width:153px;}
li.menu4 a:hover{ background:url(../images/menu04_over.jpg) center left no-repeat; width:153px;}

li.menu5 {background: url(../images/menu5.jpg) left center no-repeat; width:100px;}
li.menu5 a:hover{ background:url(../images/menu05_over.jpg) left center no-repeat; width:100px;}

li.menu6 {background: url(../images/menu6.jpg) center left no-repeat; width:104px;}
li.menu6 a:hover{ background:url(../images/menu6_over.jpg) center left no-repeat; width:104px;}


/**Flash**/
#flash{ padding:4px 0 19px 0; text-align:center; height:341px;}

.title { background:#6e86ba; border:#788fbf 1px solid; height:20px; padding-left:20px; padding-top:7px;}

/***left***/
#left{ width:230px; float: left;}
#left li{ border-bottom:#dddddd 1px solid; list-style:none; padding:0px 0 0px 12px; }
#left li a{ color:#444444;/*** font-family:"Cordia New"; font-size:18px;**/} 
#left em{ color:#00a99d; font-style:normal; font-size:10px;}
#left b{color:#1ebed8; font-weight:normal; font-size:10px;}
#left u{color:#da511f; text-decoration:none; font-size:10px;}
#left ul{ padding-bottom:18px; }

/**E-mail**/
.e-mail{ color:#808080; font-size:11px; padding-bottom:18px;}
#formname {
	border-bottom:#dddddd solid 1px;
	border-left:#dddddd solid 1px;
	border-right:#dddddd solid 1px;
 padding:15px 20px; line-height:26px; text-align:center;}
#formname label{ color:#252525; font-size:12px; width:80px; }
#left .e-mail #formname #hName{ border:#dddddd 1px solid; height:20px; width:130px;}
#left .e-mail #formname #hEmail{ border:#dddddd 1px solid; height:20px; width:130px;}


/**Social**/
.social{	border-bottom:#dddddd solid 1px;
	border-left:#dddddd solid 1px;
	border-right:#dddddd solid 1px;
	background: url(../images/bg_social.jpg) no-repeat bottom center; height:43px; text-align:center; padding:17px 0 0 0; margin-bottom:18px;
}

/**Download**/
.download{border-bottom:#dddddd solid 1px;
	border-left:#dddddd solid 1px;
	border-right:#dddddd solid 1px; text-align:center; padding:7px 0 0 0;
}
.download img{ padding-bottom:7px;}

.our{ text-align:center; padding:10px 0; border-bottom:#dddddd solid 1px; margin-bottom:18px;}


/***right***/
#right{ width:715px; float:right;}

/***Landed Housing**/
.housing_left{ border-bottom:#dddddd solid 1px; width:350px; float:left; padding-top:20px;}
.housing_right{ border-bottom:#dddddd solid 1px; width:350px; float: right; padding-top:20px;}
.img{float:left; padding-left:7px;}
.detail{ width: 190px; float:right; color:#676767; font-family:tahoma; font-size:12px;}
.detail h3 a, .detail h3{ color:#444444; font-size:12px; font-weight:bold; padding-bottom:5px; padding-top:10px;}
.detail strong{ color:#444444; font-weight:bolder; }
.detail p { padding-top:10px;}
.detail p a{font-size:12px; color:#b4b5b7;}

.housing_left2{ border-bottom:#dddddd solid 1px; float:left; padding-top:20px; width:100%;}
.housing_left2 .detail{ float:left; padding-left:15px;}

.banner{ padding-top:25px; padding-bottom:25px; text-align:center;}

.promotion{ background: url(../images/bg_news.jpg) top left no-repeat; height:300px; }
.detail_pro  {padding-top:10px; }
.promotion .detail_pro .img{ float:left; padding-left:8px;  }
.detail_pro .detail{ float:left; padding-right:15px; padding-top:3px; padding-left:15px; width:500px;}
.detail_pro h3{ font-size:12px;}

/*****Page News*****/
.title_news_update{ background:#dddddd; border:#dddddd 1px solid; height:20px; padding-left:20px; padding-top:7px; margin-bottom:10px; }
.news_update{ background:url(../images/news_bg_table.jpg) top left repeat-y; margin-top:20px; margin-bottom:10px; color:#444444; font-size:11px; width:711px;}
.news_img{ padding-left:20px; float:left; width:300px;}
h3{ color:#3f4f70; font-size:12px; padding-top:20px;} 
.news_update p{ padding-bottom:15px;}
.date{ color:#363636; padding-top:15px;}

.news2, .news1{ background:url(../images/bg_news_line.png) top left no-repeat; padding-top:10px; font-size:11px; padding-left:20px; height:65px; color:#444444; margin-top:5px;	behavior: url("iepngfix.htc");
}
.news1{ background:url(../images/bg_news_line1.gif) top left no-repeat;}
.news2 p, .news1 p{ float:left; width:180px; padding:0;}
.news2 div, .news1 div{ float:left; padding-left:20px;}
.news2 h3, .news1 h3{ padding-top:0px;}
.news2 img, .news1 img{ padding-top:5px;}
.news2 p img, .news1 p img { padding:0;}
.page, .page a{ text-align:right; color:#636363; font-size:11px; padding:5px;}
.page a{ padding:10px;}
#right .page .this_page{
	background: url(../images/page_bg.png) center center no-repeat; padding:10px; color:#ffffff; font-style:normal; behavior: url("iepngfix.htc");

}

/**News Detail**/
.show_img{ text-align:center; margin: 17px 0 15px 0; color:#444444; font-size:11px;}
.show_img p{ width:610px; margin:0 auto; background:#f2f3f6; border-bottom:#e9e9e9 solid 1px; border-left:#e9e9e9 solid 1px; border-right:#e9e9e9 solid 1px; text-align:left; padding:13px 20px;}
.show_img p img{ display:block; float:left; padding-right:15px; padding-top:5px;}
.page_news_detail{ width:500px; float:right; text-align:right; padding-right:10px; color:#6e86ba;}
.page_news_detail a{ color:#6e86ba; font-size:11px;} 
.back{ width:200px; float: left; padding-top:5px;}



/***slide***/
.slide{width:655px; margin:0 auto;}
.slide p{ height: 60px; float:left; background:url(../images/bg_slide.jpg) top left repeat-y; padding-top:30px;}
.show_slide{ width:638px; float:left;}
.show_slide img { border:#d5d9d4 1px solid; margin-left:3px; }
p.bg_right { background:url(../images/bg_slide_right.jpg) top right repeat-y;}



/***Footer***/
#footer_link{ border-top:#dedede solid 1px; font-size:11px; color:#676767; padding:10px 0; font-weight:normal; }
#footer_link a{ font-size:11px; color:#676767;}
#footer_link h4{ width:180px; font-size:12px; padding-left:20px; float:left; display:block; height:25px; margin-right:20px; }

#footer{ background:#bcbcbc; border-top:#cdcdcd solid 3px; text-align:left; width:960px; margin:0 auto;}
#footer p{ width:855px; margin:0 auto; height:77px; padding-top:15px; }

