/* CSS Document */
body{
	background:url(../images/bg.gif) repeat-x 0 0 #FFFFFF; margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
hr{
	margin:0px; height: 1px; background-color: #e9eccd; border:none; padding: 0px;}
.spacer{
	font-size:0; line-height:0; clear:both;}
	
/* -- top start -- */
#top{
	width:738px; height:58px; margin:0 auto; position:relative; border-bottom:#6434bd solid 4px; margin-bottom:1px;}
#top img{
	border:none; position:absolute; margin:17px 0 0 0;}
#top h1{
	font:normal 11px Arial; color:#333; position:absolute; left:2px; top:43px;}
#top ul{
	font: 11px Arial;margin:43px 0 0 0;padding: 0;list-style: none;float:right;}
#top li{
	display: inline;margin: 0 2px 0 0;padding: 0 3px 0 3px;float:left;border-right: 1px solid #6434bd;}
#top li.noborder{
	display: inline;margin: 0 2px 0 0;padding: 0 0 0 3px;float:left;border:none;}
#top a{
	float: left;display: block;color: #333;margin: 0 1px 0 0;text-decoration: none;}
#top a:hover{
	color: #6434bd;}
/* -- top end -- */

/* -- header start -- */
#header{
	width:738px; height:200px; margin:0 auto; position:relative;}
#header img{
	border:none; position:absolute; }
/* -- header end -- */

/* -- body-page start -- */
#body{
	width:714px;  margin:0 auto; padding:0 12px 0 12px; background:url(../images/bg-content.gif) no-repeat #FFFFFF; position:relative; height:157px;}
#menu{
	width:715px;font:normal 12px/17px Arial, Helvetica, sans-serif;color:#5B5B5B; background-color:#FFFFFF;position:absolute; padding:0;margin:0 auto 0 auto;top: -9px; border-top:#6434bd solid 4px; margin-bottom:1px;}
#menu ul{
	font: 11px Arial;margin:1px 0 0 0;padding: 0;list-style: none;float:right;}
#menu li{
	display: inline;margin: 0 2px 0 0;padding: 0 3px 0 3px;float:left;border-right: 1px solid #6434bd;}
#menu li.noborder{
	display: inline;margin: 0 2px 0 0;padding: 0 0 0 3px;float:left;border:none;}
#menu a{
	float: left;display: block;color: #333; margin: 0 1px 0 0;text-decoration: none;}
#menu a:hover{
	color: #6434bd;}
#menu #current a{}
/* -- body-page end -- */

/* -- content start -- */
#content{
	width:685px;font:normal 12px/17px Arial, Helvetica, sans-serif;color:#5B5B5B; background-color:#FFFFFF;position:relative; padding:35px 15px 0 15px;margin:0 auto 0 auto; top:-10px;}
#left{
	width:495px; padding:0; position:relative; float:left; }
#left ul{
	list-style:inside;}
#left p{
	margin:0; padding:0;}
#left h2{
	font:bold 16px Century Gothic; background-color:#FFFFFF; color:#6434bd;  height:28px;}
#left h3{
	font:bold 14px Century Gothic; background-color:#FFFFFF; color:#855c00; padding-top:5px; height:20px; }
.content{font:normal 12px/17px Arial, Helvetica, sans-serif;color:#5B5B5B;}
.content a{
	color:#333333; text-decoration:underline;}
.content a:hover{
	text-decoration:none;}
#right{
	width:175px; position:relative; float:right; left:5px; padding:0 0 0 10px; border-left:#E1E1E1 solid 1px;}
#right h3{
	font:bold 12px/14px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#855c00;  height:25px; text-transform:none;}
#right a{
	font:normal 11px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#6434bd; text-decoration:none;}
#right a:hover{
	font:normal 11px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#6434bd; text-decoration:underline;}
#right p{
	font:normal 11px Arial, Helvetica, sans-serif; padding:0 0 10px 0; margin:0}
.bvra{
	width:175px; position:relative; float:left; text-align:center; margin:10px 0 0 0; color:#5b5b5b;}
.bvra a img {
	border:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.8;}
.bvra a:hover img {
	border:0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;}
.bvra span{
	line-height:30px;}
/* -- content end -- */

/* -- category pannel start -- */
#category{
	width:738px; margin:0 auto; position:relative;}
/* -- feature start -- */
.feature{
	width:250px; float:left; margin-right:10px;}
.feature h2{
	background:url(../images/feature.gif) no-repeat; color:#FFFFFF; width:165px; padding:9px 0 0 85px; margin:0; font:normal 18px/43px Arial, Helvetica, sans-serif;}
.feature ul{
	padding:10px 0 0 17px;}
.feature ul li{
	background:url(../images/featured-li-bg.gif) no-repeat 0 0 #FFFFFF; height:19px; margin:0 0 1px 0; padding:0 0 0 45px; font:normal 11px/17px Arial, Helvetica, sans-serif; color:#020202;}
.feature ul li a{
	background-color:#FAF8EC; height:19px; margin:0 0 1px 0; text-decoration:none; font:bold 11px/17px Arial, Helvetica, sans-serif; color:#8F0000;}
.feature ul li a:hover{
	background-color:#FAF8EC; height:19px; margin:0 0 1px 0; text-decoration:none; font:bold 11px/17px Arial, Helvetica, sans-serif; color:#4B7E00;}
/* -- feature end -- */
/* -- news start -- */
#news{
	width:718px; margin:0 auto; position:relative; padding:15px 10px 5px 10px; color:#5B5B5B; font:normal 12px/17px Arial, Helvetica, sans-serif;}
#news h3{
	font:bold 12px/14px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#855c00;  height:25px; text-transform:none;}
#news a{
	font:normal 12px/14px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#6434bd; text-decoration:none;}
#news a:hover{
	font:normal 12px/14px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#6434bd; text-decoration:underline;}
#news p{
	padding:0 0 10px 0; margin:0}
/* -- news end -- */
/* -- search start -- */
.form{ padding:0 0 0 10px;}
.search{
	width:175px; float:left;}
.search h2{
	background:url(../images/find-villas.gif) no-repeat; color:#855c00; padding:9px 0 0 40px; margin:0; height:32px; font:normal 14px Century Gothic;}
.search ul{
	padding:0 0 0 10px}
.search ul li{
	height:19px; margin:0 0 1px 0; padding:0; font:bold 11px/17px Arial, Helvetica, sans-serif; color:#333;}
.search ul li span{
	height:19px; margin:0 0 1px 0; text-decoration:none; font:normal 11px/17px Arial, Helvetica, sans-serif; color:#333;}
form select {
	margin:0; height:17px; font:bold 10px Arial, Helvetica, sans-serif; color:#333; width:50px;}
.field-list {
	margin-right: 10px; float:none;	}
.field-listz {
	margin-right: 6px; float:none; width:85px;}
.button {
	font:11px Arial, Helvetica, sans-serif; color:#333; border:1px solid #cccccc;background-color:#faf8ec;padding:2px; width:55px; cursor:pointer;}
.viewal {
	margin: 10px 10px 0 10px; border-top:#cccccc solid 1px; text-align:right; }
.buttonz {
	font:11px Arial, Helvetica, sans-serif; color:#333; border:1px solid #cccccc;background-color:#cccccc;padding:2px;  cursor:pointer; color:#ffffff; margin-top:-1px; font-weight:bold;}

/* -- search end -- */
/* -- right start -- */
.right{
	width:210px; float:left; padding:10px 0 0 0; text-align:center;}
/* -- right end -- */
/* -- category pannel end -- */

/* -- futured pannel start -- */
#futured{
	background-color:#f4f0fa; font:normal 12px/17px Arial, Helvetica, sans-serif; color:#757057;}
#futured span.midleTop{
	background:url(../images/midle_top_bg.gif) repeat-x 0 0 #f4f0fa; color:#757057; height:20px; display:block;}
#futured span.midleBottom{
	background:url(../images/midle_bottom_bg.gif) repeat-x 0 0 #f4f0fa; color:#757057; height:20px; display:block;}
#futureContainer{
	width:739px; padding:0; margin:0 auto;}
.future{
	 background-color:#ffffff; border:#e5dcf4 1px solid; width:235px; margin:0 0 7px 7px; float:left; padding-bottom:8px;}
.future p {margin:0; padding:0;}
.future .img{
	 text-align:center; padding-top:4px;}
.future .img img{
	 width:220px; height:88px; padding:3px;background-color:#ffffff;}
.future .img a img{
	 border:#CCCCCC 1px solid; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
-moz-opacity: 0.8;}
.future .img a:hover img{
	 background-color:#FFFDF3;border:#999999 1px solid; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;}
.future h2{
	 font:normal 14px Century Gothic; color:#855c00; line-height:2em; padding:0 0 0 10px; text-transform:none;}
.future h2 a{
	font:bold 14px Century Gothic; color:#6434bd; line-height:2em; text-decoration:none;}
.future h2 a:hover{
	font:bold 14px Century Gothic; color:#6434bd; line-height:2em; text-decoration:underline;}
.future .disc{
	 font:normal 11px Arial, Helvetica, sans-serif; color:#5b5b5b; padding:0 10px 0 10px;}
.future .disc a{
	 font:italic 11px Arial, Helvetica, sans-serif; color:#6434bd; text-decoration:none;}
.future .disc a:hover{
	 font:italic 11px Arial, Helvetica, sans-serif; color:#6434bd; text-decoration:underline;}
.future .disc span{
	 font:normal 11px Arial, Helvetica, sans-serif; color:#3b3b3b;}
.future .line{
	 height:10px; background:url(../images/line_bg.gif) repeat-x 0 5px; color:#000000;width:215px; font:bold 12px/13px Arial, Helvetica, sans-serif;}

/* -- futured pannel end -- */

/* -- footer start -- */
#footer{
	background:url(../images/footer_bg.gif) repeat-x 0 0 #755987; color:#E5E2D0;}
#footerContainer{
	width:738px; margin:0 auto; padding:18px 0 20px 0; text-align:center;}
#footerContainer ul{
	margin:0 auto;}
#footerContainer ul li{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#755987; color:#FFFFFF; float:left;}
#footerContainer ul li a{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#755987; color:#FFFFFF; text-decoration:none; padding:0 10px;}
#footerContainer ul li a:hover{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#634a73; color:#FFFFFF; text-decoration:none; padding:0 10px;}
#footerContainer p{
	font:normal 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; background-color:#755987; color:#E5E2D0;  margin:0 auto;}
#footerContainer p a{
	color:#E5E2D0; text-decoration:none; font-weight:bold;}
#footerContainer p a:hover{
	color:#E5E2D0; text-decoration:underline;}

/* footer end -- */