/* CSS Document */

/* pop-up ----------------------------------*/
#overlay {
	background-image: url(../../images/overlay.png);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
	width: 100%;
	height: 100%;
}

*html #overlay {
	background-color: #333;
	background-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
		        src="images/overlay.png", sizingMethod="scale");
}


#box {
	color: #fff;
	margin:o;
	width: 610px;
	height:540px;
	padding:0;
	background:url(../../images/img_bg.jpg) no-repeat;
}

#box p{
	font:16px/18px "Times New Roman", Times, serif;
	padding:0 80px 10px 80px;
}

#box #top {
	padding-top:286px;
}

/* end pop-up ----------------------------------*/


html, body {
	height: 100%;
	background-color:#565A2A;
}

body {
	padding:0;
	margin:0;
	background-color:#565A2A;
}
.imgTop{
	background-image: url(../../images/bg_top_border.gif);
	background-repeat: repeat-x;
	background-position:bottom;
}

.imgBtm{
	background-image: url(../../images/bg_btm_border.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#container {
	padding:0;
	margin:0;
	background:url(../../images/bg_nav.gif) repeat-y;
	height: 100%;
}

.logo {
	padding:12px 0 0 0;
	margin:0 auto;
	display:block;
	width:156px;
	border:0;
}
.villas-button {
	padding:22px 0 0 0;
	margin:0 auto;
	display:block;
	width:190px;
	border:0;
}

#background {
	background:url(../../images/bg_nav.gif) repeat-y;
}

#nav {
	padding:0;
	margin:0;
	background-color:#a5a873;
	float:left;
	width:210px;
	font:.85em/1.2em Arial, Helvetica, sans-serif;
	height: 100%;
}

#nav ul {
	padding:10px 24px 0 24px;
	margin:0;
}

#nav ul li {
	padding:0 0 16px 0;
	margin:0;
	list-style:url(../../images/img_bullet.gif);
}

#nav a {
	text-decoration:none;
	color:#000;
}

#nav a:hover {
	color:#fff;

}

#homes_page #nav #homes a,
#villas_page #nav #villas a,
#floor #nav #villas a,
#rhome #nav #villas a,
#scape #nav #villas a,
#centerstage_page #nav #centerstage a,
#gallery_page #nav #gallery a,
#amenities_page #nav #amenities a,
#ccrc_page #nav #ccrc a,
#setting_page #nav #setting a,
#new_page #nav #new a,
#contact_page #nav #contact a {
	text-decoration:none;
	color:#fff;
}

#content_home {
	padding:0;
	margin:0;
	background:url(../../images/img_homepage.jpg) no-repeat;
	height:577px;
	float:left;
	display:block;
	width:758px;
}
#villa {
	padding:0;
	margin:0;
	background:#fff;
	float:left;
	display:block;
	width:759px;
}
body#scape div#villa {height:;}
body#floor div#villa, body#rhome div#villa {
}
div#villa div.villaright {float:left;width:449px;}
div#villa div.villaright-text {float:right;width:449px;padding:0px 0px 0px 0px;background:#e8e2ae;font-family:Verdana;font-size:0.9em;}
div#villa div.villaright ul {list-style: none;margin:0px;padding:0px;background:url(../../images/NAV-3_03.png) no-repeat;position: absolute;width:457px;height:39px;}
div#villa div.villaright ul li {float: left;}
div#villa div.villaright ul li a {display: block;width:149px;height:39px;}
div#villa div.villaright ul li.street a {background:url(../../images/navspt.png) 0 0 no-repeat;}
div#villa div.villaright ul li.street a:hover, body#scape div#villa div.villaright ul li.street a {background:url(../../images/navspt.png) 0 -39px no-repeat;} 
div#villa div.villaright ul li.floor a {background:url(../../images/navspt.png) -151px 0 no-repeat;margin:0px 0px 0px 0px;}
div#villa div.villaright ul li.floor a:hover, body#floor div#villa div.villaright ul li.floor a {background:url(../../images/navspt.png) -151px -39px no-repeat;margin:0px 0px 0px 0px;} 
div#villa div.villaright ul li.reserve a {width:149px;background:url(../../images/navspt.png) -301px 0 no-repeat;}
div#villa div.villaright ul li.reserve a:hover, body#rhome div#villa div.villaright ul li.reserve a {width:149px;background:url(../../images/navspt.png) -301px -39px no-repeat;} 
div#villa div.blogo {background:url(../../images/villa-logo-wht.gif) 50% 95% no-repeat;height:577px;}
div#villa div.flogo {background:url(../../images/villa-logo-wht.gif) 50% 95% no-repeat;height:775px;}
div#villa div.rlogo {height:676px;}
div#villa div.villaleft {float:left;width:290px;padding:0px 10px 0px 10px;font-family:Verdana;font-size:0.9em;}
div#villa div.villaleft strong {color:#363b74;}
div#villa div.villaleft a {color:#363b74;text-decoration: none;}
div#villa div.villaleft a:hover {text-decoration: underline;}
div#villa div.villaleft ul {list-style: none;margin:10px 0px 0px 0px;padding:0px;}
div#villa div.villaleft ul li {background:url(../../images/greendia.gif) no-repeat;padding:0px 0px 0px 13px;}
div#villa div.villaleft div.title {text-align: center;}
div#villa div.villaleft div.title img {margin:15px 0px 0px 0px;}
div#villa div.villaleft div.title img.welcome {margin:10px 0px 0px 0px;}
div#villa div.home {background:url(../../images/Villa_Index-2-1_05.jpg) no-repeat;height:827px; }
div#villa div.scape {background:url(../../images/Streetscape_map.jpg) 0 100% no-repeat;height:583px;} 
div#villa div.floor {background:url(../../images/Floorplans_rt.jpg) 0 100% no-repeat;height:676px;}
div#villa div.reserve {background:url(../../images/ReserveHome_03.jpg) 0 100% no-repeat;height:676px;}

/* --------------------- homepage --------------------- */

#copy_home {
	padding:36px 0 0 198px;
	margin:0;
	font:13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#e0d896;
}

#copy_home p {
	float:left;
	width:345px;
	padding:0;
	margin:0;
}

#rsvp {
	float:left;
	width:442px;
	padding:20px 0 0 52px;
	margin:0;
}

#flash {
	float:left;
	padding:40px 0 0 53px;
}

#home_page #copy_home a {
	color:#e0d896;
}

#home_page #copy_home a:hover {
	text-decoration:none;
}


#footer {
	margin:15px auto;
	padding:0;
	font:11px/40px Arial, Helvetica, sans-serif;
	color:#a5a873;
	position:inherit;
	vertical-align:top;
	background:url(../../images/logo_eho.gif) right no-repeat;
	width:967px;
}
form#login_form {font-family:Arial, Helvetica, sans-serif;color:#333;font-size:11px;}
form#login_form label {display: block;}
form#login_form fieldset {border: none;margin:5px 0px 0px 0px;}
#login_error {
    display: none;
    background: red;
    color: #FFF;
}
/* --------------------- font feature --------------------- */

#font {
	padding:5px 0 10px 0;
	height:30px;
}

#font_changer {
	float:left;
	padding:2px 2px 0 20px;
	margin:0;
	font-size:12px;
	color:#565a29;
	width:102px;
}

a.minus {
	padding:0 5px 0 0;
	margin:0;
	background:url(../../images/btn_mns_off.gif) no-repeat;
	width:21px;
	height:21px;
	float:left;
}


a:hover.minus {
	background:url(../../images/btn_mns_on.gif) no-repeat;
}

a.plus {
	padding:0;
	margin:0;
	background:url(../../images/btn_pls_off.gif) no-repeat;
	width:25px;
	height:21px;
	float:left;
}

a:hover.plus {
	background:url(../../images/btn_pls_on.gif) no-repeat;
}
div#pform div.collect p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;line-height:1.6em;}
div#pform div.collect a {text-decoration: none;color:#2a2f64;}
div#pform div.collect a:hover {text-decoration: underline;}