body{
  margin: 0px 0px 0px 0px;
  font-family: arial;
  /*background-image: url(../image/Canaries.wav);*/
}

.hide{
  visibility: hidden;
}

#loaded{
  text-align: center;
  vertical-align: middle;
  font-size: 10px;
  font-family: @Arial Unicode MS;
}

#load{
  text-align: center;
  vertical-align: middle;
  font-size: 8px;
  font-family: @Arial Unicode MS;
}

/* Home style */

.home_body{
  background-color: #2d3c29;
  background-image: url(../image/bg_home.jpg);
  background-position: top;
  background-repeat: repeat-x;
}

#main{
  width:1004px;
  margin: 0px auto 0px auto;
}


#frame{
  position: absolute;
  width:1004px;
  top: 0px;
  z-index: 3;
  text-align: center;  
}

#logo{
  position: absolute;
  top: 60px;
  z-index: 4;
  width: 1004px;
  text-align: center;
}

#shadow
{
  position: absolute;  
  z-index: 2;
  top: 0px;
  width: 1004px;
  text-align: center;
}

#pic_back{
  margin: 50px 0px 0px 0px;
  position: relative;
  z-index: 1;
  text-align: center;  
}

#menu_home{
  position: absolute;
  z-index: 5;
  top: 547px;
  width: 1004px;
}

.menu{
  font-size: 11px;  
  color: rgb(255,255,255);  
  padding: 10px 0px 10px 0px;    
}

.menu_sparator{
  width: 12px;
}

/* drop menu */

.menu span a:hover{
  cursor: pointer;
  color: rgb(255,255,153);  
}

.menu span a{
  cursor: pointer;
  font-size: 11px;  
  color: rgb(255,255,255);
  font-weight: bold;
  text-decoration: none;
}

.submenu{
  overflow: hidden;
  position: absolute;
  background-color: rgb(0,102,0);
  padding: 0px 15px 0px 15px;
  height: auto;    
}

.submenu a{
  display: block;
  padding: 4px 0px 4px 15px;  
  background: url(../image/triangle.gif) no-repeat left center;
  font-weight: normal;
  color: rgb(255,255,255);
  text-decoration: none;
	cursor:pointer;
}

.submenu a:hover{
  cursor: pointer;
  color: rgb(255,255,153);
}

/* --------- */

/* main style */

.main_body{
  background-color: #434e24;
  background-image: url(../image/bg_main.jpg);
  background-position: top;
  background-repeat: repeat-x;
}

#menu_main{
  position: absolute;
  z-index: 6;
  top: 168px;
  width: 1004px;
}

#content{
	position: absolute;
	z-index: 5;
	top: 252px;
	width: 1004px;
	text-align:center;
}

#content_title{
	height:61px;	
	background-repeat:no-repeat;
	background-position:center;
}

#content_text{
	background-repeat:no-repeat;
	background-position:center;
	font-size: 10px;
	font-family: @Arial Unicode MS;
	height:256px;
	text-align: left;
}

.content_title_text{
	margin: 0px 0px 0px 190px;
	padding: 10px 0px 0px 0px;
	text-align: left;
	vertical-align: middle;
}

/* --------- */

/* event & promotion style */

.promo_btn{
  cursor: pointer;
  vertical-align: middle;
}

#promotion{
  height: 220px;;
  vertical-align: middle;
  width: 500px;
}

.event{
  color: #000000;
  font-size: 12px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 15px;
  background-image: url(../image/triangle_black_right.png);
  background-repeat: no-repeat;
  background-position: 0px 4px;
}

.event span{
  cursor: pointer; 
}

.img_promo{
  text-align: center;
  cursor: default;
}

.title_promo{
  text-align: center;
}

.title_promo a{
  text-decoration: none;
  font-weight: bold;
  color: rgb(0,153,0);
}

.img_promo img{
}

/* --------- */

/* our product style */

#search{
  position: absolute;
  top: 27px;
  left: 485px;
  text-align: right;
}

#search select{
  margin: 0px 0px 4px 0px;
  width: 130px;
  height : 18px;
  font-size: 9px;
}

#search_button{
/*  padding: 10px 0px 0px 0px;*/
  cursor: pointer;
}

.by{
  overflow: hidden;
}

.comercial_link{
  color: rgb(102,255,0);
  text-decoration: none;
}

.residential_link{
  color: rgb(255,255,51);
  text-decoration: none;
}

.title_promotion{
  color: rgb(255,255,0);
  font-size: 20px;
}

.title_commercial{
  background-color: rgb(153,198,51);
  color: rgb(255,255,255);
  font-weight: bold;
}

.title_commercial td{
  padding: 0px 20px 0px 20px;
}

.row_commercial td{
  padding: 0px 20px 0px 20px;
}

.residential_pic{
  border: 1px #FFFFFF solid;
  padding: 2px 2px 2px 2px;
  margin: 5px 10px 5px 0px;
  text-align: center;
}
/* --------- */

/* our facilities style */

.facilities_pic{
  border: 1px #FFFFFF solid;
  padding: 2px 2px 2px 2px;
  margin: 5px 5px 5px 5px;
  text-align: center;
  cursor: pointer;
  text-align: center;
}

.inner_pic{
  width: 60px;
  overflow: hidden;
  border: none;
}

/* --------- */

/* our live at alam sutera style */

.senses{
}

.senses_file{
  color: rgb(0,204,0);
  vertical-align: middle;
  text-align: left;
  padding: 0px 10px 0px 0px;
}

.liveat_img{
  border: 1px rgb(255,255,255) solid;
}

.community{
  color: #FFFFFF;
  font-size: 12px;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 15px;
  background-image: url(../image/triangle_black_right.png);
  background-repeat: no-repeat;
  background-position: 0px 4px;
}

.community span{
  cursor: pointer; 
}

.cheese_table td{
  vertical-align: top;
}

.cheese_title{
  color: rgb(0,255,0);
  font-size: 12px;
  margin: 2px 0px 0px 10px;
}

.cheese_content{
  margin: 2px 0px 0px 10px;
}

.cheese_content a{
  color: rgb(0,255,0);
}

.cheese_img{
  border: 1px rgb(255,255,255) solid;
}

.cheese_thumb{
  height: 45px;
  padding: 0px 10px 0px 10px;
  cursor: pointer;
}

.sharing_table td{
  vertical-align: top;
}

.sharing_table a{
  color: rgb(0,255,0);
}

.sharing_title{
  color: rgb(0,255,0);
  font-size: 12px;
  margin: 2px 0px 0px 0px;
}

.form_sharing input{
  width: 200px; 
  font-size: 9px;
  height: 10px;
}

.form_sharing td{
  vertical-align: top;
}

/* --------- */

/* our contact us style */

.i_comment{
  font-size: 9px;
  height: 10px;
  width: 300px;
}

.uploader{
  display: none;
}

#error{
  color: rgb(255,0,0);
  font-weight: bold;
  text-align: left;
}