/* CSS Document */

/*====================================Default Variable===================================*/

a:link {
	color: #666666;
	text-decoration: none;
	}
	
a:visited {
	text-decoration: none;
	color: #666666;
	}
	
a:hover {
	text-decoration: underline;
	color: #6b6f2a;
	}
	
a:active {
	text-decoration: none;
	color: #666666;
	}

a.index:link {
	color: #6b6f2a;
	font-weight:bold;
	text-decoration: none;
	}
	
a.index:visited {
	text-decoration: none;
	font-weight:bold;
	color: #6b6f2a;
	}
	
a.index:hover {
	text-decoration: underline;
	font-weight:bold;
	color: #a55121;
	}

a.index:active {
	text-decoration: none;
	font-weight:bold;
	color: #6b6f2a;
	}


a.ftr:link {
	color: #333333;	
	text-decoration: none;
	}
	
a.ftr:visited {
	text-decoration: none;	
	color: #333333;
	}
	
a.ftr:hover {
	text-decoration: underline;	
	color: #6b6f2a;
	}
	
a.ftr:active {
	text-decoration: none;	
	color: #333333;
	}


a.villa-title:link {
	color: #a3a86b;
	text-decoration: none;
}
a.villa-title:visited {
	text-decoration: none;
	color: #a3a86b;
}
a.villa-title:hover {
	text-decoration: underline;
	color: #6b6f2a;
}
a.villa-title:active {
	text-decoration: none;
	color: #a3a86b;
}


.wrapper {
		width: 950px;
		margin: 0 auto;					
		}

#border { 
 min-height: 500px;
 float: right;
 width: 850px;
 margin-left:50px; 
 background-color:#FFFFFF;
 position: absolute;
}

#border2 { 
 min-height: 500px;
 float: right; 
 width: 850px;
 margin-left:50px;
 display:inline; 
 background-color:#ececde;
 position: absolute;
}

* html #border2 {height:500px} /* IE Min-Height Hack */

body {
	padding: 0;
	margin: 50px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #666666;
	background-color:#dcdcc1;
	line-height: 150%;
	}
h1 {
	font-size:18px;
	color:#8b8e4b;
	text-align:center;	
	}
.font2 {
	font-size:14px;
	}
	 
h2 {
	font-size:14px;
	color:#a3a86b;
	text-align:center;	
	}	
	
h3 {
	font-size:13px;
	color: #666666;
	font-weight:bold;
	}
.font3 {
	font-size:13px;
	color: #666666;
	font-weight:bold;
	}

h4 {
	font-size:11px;
	color:#666666;
	font-weight:bold;	
	}

h5 {
	font-size:11px;
	color:#666666;
	text-align:center;
	font-style:italic;
	font-weight:normal;
	}

h6 {
	font-size:11px;
	color:#8b8e4b;
	font-weight:bold;	
	}

.font4 {
	font-size:14px;
	color:#8b8e4b;
	font-weight:bold;			
	}

.font5 {
	color:#FF0000; 
	font-size:14px; 
	font-weight:bold;
	}

.font6 {
	color: #006600; 
	font-size:14px; 
	font-weight:bold;
	}		
				
/*====================================Index Header Variable===================================*/

#header {
		min-height:550px; 
		width:850px; 
		margin:0 auto; 
		padding:0 auto;
		background-color:#FFFFFF; 
		position:relative;
		display: block;				
		}
		
* html #header {height:550px} /* IE Min-Height Hack */

.header_left {
 		width:400px;
		height: auto;		 
		padding:25px 0px 25px 25px;				
		display:inline; 
		float:left;
		text-align:justify;
		position:relative 		
		}

.header_right {
		width:400px; 
		height: auto; 		
		padding:0px 0px 25px 0px;			
		display:inline;		
		float:right; 
		} 
.tag {
	width:375px; 
	height: auto; 		
	padding-right:25px;
	padding-top:25px;				
	text-align:right;
	display: block;
	font-size:12px;		  	
	} 

/*====================================Index Awards Variable===================================*/

#awards {
		width:850px;
		min-height:100px;
		margin:0 auto;		
		background-color:#ececde;
		font-size:12px;		
		color:#6b6f2a;		
		position:relative;
		display:block;
		}
* html #awards {height:100px} /* IE Min-Height Hack */

.awards-left {
		width:250px;
		height:auto;
		left:25px;
		top:15px;		
		position: absolute;
		text-align:center;		
		}
.awards-middle {
		width:250px;
		height:auto;
		top:15px;
		left:340px;		
		position: absolute;
		text-align:center;		
		}
.awards-right {
		width:225px;
		height:auto;
		top:17px;
		right:0px;		
		text-align:center;
		position: absolute;	
		}

/*====================================Index Content Variable===================================*/

#index-content {
		width:850px;
		min-height:1000px;
		margin:0 auto;	
		background-color:#FFFFFF;
		position:relative;
		}
* html #index-content {height:1000px} /* IE Min-Height Hack */

#index-content .left {
		width:659px;
		min-height:500px;
		padding-top:20px;
		border-bottom:#a3a86b solid 1px;
		display:inline;		
		float:left;		
		}
* html #index-content .left {height:500px} /* IE Min-Height Hack */

/*====================================Index Property Variable===================================*/

.index-kmubud {
		width:152px;
		min-height:500px;
		display:inline;
		float:left;
		margin-left:0px;
		padding-left:10px;
		padding-bottom:20px;		
		}
* html .index-kmubud {height:500px} /* IE Min-Height Hack */
		
.index-kmnusadua {
		width:152px;
		min-height:500px;
		display:inline;
		float:left;
		margin-left:0px;
		padding-left:10px;
		padding-bottom:20px;		
		}
* html .index-kmnusadua {height:500px} /* IE Min-Height Hack */

.index-kmjimbaran {
		width:152px;
		min-height:500px;
		display:inline;
		float:left;
		margin-left:0px;
		padding-left:10px;
		padding-bottom:20px;		
		}
* html .index-kmjimbaran {height:500px} /* IE Min-Height Hack */

.index-gangsa {
		width:152px;
		min-height:500px;
		display:inline;
		float:left;
		margin-left:0px;
		padding-left:10px;
		padding-bottom:20px;		
		}
* html .index-gangsa {height:500px} /* IE Min-Height Hack */

/*====================================Index Menu Variable===================================*/

#index-content .right {
		width:170px;
		min-height:1000px;		
		padding:20px 10px 30px 10px;		
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;		
		border-left:#a3a86b solid 1px;
		display:inline;
		float:right;				
		}
* html #index-content .right {height:1000px} /* IE Min-Height Hack */
					
/*====================================Index Below Variable===================================*/

#below-content {
		width:659px;
		min-height:400px;				
		text-align:justify;
		display:inline;		
		float:left;				
		}
* html #index-content .below {height:400px} /* IE Min-Height Hack */

.below-content-text {
		width:619px;
		min-height:200px;		
		padding:40px 20px 40px 20px;
		text-align:justify;
		display:inline;		
		float:left;		
		}
* html #index-content .below {height:200px} /* IE Min-Height Hack */

/*====================================Index Promotion Rate Variable ===================================*/

#promo {
		width:659px;
		height:100px;
		margin:0 auto;
		padding:0;						
		display: inline;
		text-align:center;
		float:left;			
		color:#6b6f2a;				
		background-color:#ececde;							
		}

.column1 {
		width:150px;		
		display: inline;
		margin-left:0px;
		padding-left:10px;
		padding-top:15px;
		float:left;	
		}

.column2 {
		width:130px;
		display: inline;
		margin-left:0px;
		padding-left:10px;
		padding-top:15px;
		float:left;	
		}		

.column3 {
		width:110px;
		display: inline;
		margin-left:0px;
		padding-left:10px;
		padding-top:15px;
		float:left;	
		}

.column4 {
		width:220px;
		display:inline;
		margin-left:0px;
		padding-left:10px;
		padding-top:15px;
		float:left;
		text-align:left;		
		}	

a.index-promo:link {
	color: #6b6f2a;
	text-decoration: none;
}
a.index-promo:visited {
	text-decoration: none;
	color: #6b6f2a;
}
a.index-promo:hover {
	text-decoration: underline;
	color: #a3a86b;
}
a.index-promo:active {
	text-decoration: none;
	color: #6b6f2a;
}
# legend{ 
    color:#6b6f2a;
    background:#fff;
	border: 1px solid #6b6f2a;
	margin:0 0 0 1px;
	padding: 1px 1px;}


/*====================================Footer Variable ===================================*/

#footer {
 height:70px; 
 width:850px;  
 margin:0 auto;
 padding-top:15px; 
 position: relative;
 display: inline;
 float:left; 
 text-align: center;
 color: #333333; 
 font-size:10px; 
 background-color:#dcdcc1;  
 }


/*====================================Content Variable ===================================*/

#content {
		width:850px;
		min-height:500px;
		background-color:#ffffff;
		display:inline;
		float:left;
		}
* html #content {height:500px} /* IE Min-Height Hack 659 */

#content2 {
		width:850px;
		min-height:500px;
		background-color:#ececde;
		display:inline;
		float:left;
		}
* html #content2 {height:500px} /* IE Min-Height Hack */


.text {
		width:610px;
		min-height:100px;
		padding:25px 25px 25px 25px;
		background-color:#FFFFFF;
		text-align:justify;
		display:inline;		
		float:left;		
		}
* html .text {height:100px} /* IE Min-Height Hack */

.text-directory {
		width:460px;
		min-height:100px;
		padding:25px 25px 25px 25px;
		background-color:#FFFFFF;
		text-align:justify;
		display:inline;		
		float:left;		
		}
* html .text {height:100px} /* IE Min-Height Hack */

.ads-google {
		width:120px;
		min-height:100px;
		padding-top:260px;
		padding-right:10px;
		background-color:#FFFFFF;
		display:inline;
		float:right;
		}		

.img {
		width:640px;			
		padding:0px 10px 0px 10px;
		background-color:#FFFFFF;		
		display: block;		
		float:left;		
		}

/*====================================Menu Variable ===================================*/

.menu {
		width:170px;
		min-height:1000px;		
		padding:20px 10px 30px 10px;		
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;		
		background-color:#ececde;				
		display:inline;
		float:right;				
		}
* html .menu {height:1000px} /* IE Min-Height Hack */







img.float {float:left; margin: 0px 10px 0px 0px; 
}



/* ------------------------ Start Slide Gallery -----------------*/

#holder {position:relative; background:transparent url(images/gallery/bg-gallery2.gif) 5px 10px no-repeat; margin-bottom:10px; z-index:1;}
#scrollbox {width:390px; height:80px; background:#f4f4f4; overflow:auto; border:1px solid #aaa; margin-left:5px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; margin:3px; float:left; font-size:11px;}
a.slidea {background:url(images/gallery/resident1-s.jpg);}
a.slideb {background:url(images/gallery/resident2-s.jpg);}
a.slidec {background:url(images/gallery/resident3-s.jpg);}
a.slided {background:url(images/gallery/commercial1-s.jpg);}
a.slidee {background:url(images/gallery/commercial2-s.jpg);}
a.slidef {background:url(images/gallery/commercial3-s.jpg);}
a.slideg {background:url(images/gallery/office1-s.jpg);}
a.slideh {background:url(images/gallery/office2-s.jpg);}
a.slidei {background:url(images/gallery/office3-s.jpg);}
a.slidej {background:url(images/gallery/retail1-s.jpg);}
a.slidek {background:url(images/gallery/retail2-s.jpg);}
a.slidel {background:url(images/gallery/retail3-s.jpg);}


a.gallery span {display:block; position:absolute; left:5px; top:-1px; width:1px; height:1px; overflow:hidden; background:#efedec; z-index:100; font-size:11px;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; z-index:100;}
a.gallery:active img, a.gallery:focus img {border:1px solid #000; z-index:50;}

a.gallery:hover span {display:block; position:absolute; width:400px; height:430px; top:5px; left:5px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:100; font-size:11px;}
a.gallery:active {border:1px solid #eee;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:400px; height:430px; top:5px; left:5px; padding:5px; font-style:italic; color:#000; background:#fff; z-index:50;}
#thumbs {width:1005px; height:60px;}
#pad {height:460px; width:1px;}


/* ------------------------ End Slide Gallery -----------------*/