/* Layout Front End Custom CSS */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:75%;	
	margin:0;
	padding:11px 0 20px 0;
	background:#fff;
}

form{
	margin:0;
	padding:0;
}

div.clear{
	clear:both;
}

a img{
	border:none;
}

img.blueBorder{
	background:#EBF3FC;
	padding:5px;
	border:2px solid #96B7DC;
}	

td{
	font-size:75%;
	voice-family:"\"}\""; /* IE 5.x hack */
	voice-family:inherit;
	font-size:100%;	
}

html>td{font-size:100%;}

div#wrap{
	width:760px;
	margin:0 auto;
	text-align:left;
}

div#header div.logo h1{
	color:#96B7DC;
	font-weight:bold;
	margin:0;
	padding:8px 0 0 3px;
	float:left;
	font-size:100%;
}

div#header div.logo img{
	float:right;
	padding:0 3px 0 0;
}

div#header div.pics{
	clear:both;
	padding:6px 0 0 0;
	text-align:center;
}

div#header div.pics img{
	float:none;
	border:1px solid #777;
	margin:0 9px 0 0;
}
div#header div.pics img.end{
	margin:0;
}

div#header p.link{
	text-align:center;
	margin:5px 0 3px 0;
	padding:0;
}

div#header p.link a{
	color:#FF9000;
	text-decoration:none;
}

div#header ul{
	margin:0;
	padding:0;
	text-align:center;
}

div#header ul li{
	display:inline;
}
div#header ul li a{
	background:#EBF3FC;
	border-top:1px solid #BFD9F5;
	border-bottom:1px solid #BFD9F5;
	display:block;
	padding:3px 0;
	float:left;
	font-weight:bold;
	text-decoration:none;
	color:#5688BF;
}

div#header ul li a:hover{
	background:#F9E9C0;
}

div#header ul li a.home{width:70px;border-left:1px solid #BFD9F5;}
div#header ul li a.villa{width:120px;}
div#header ul li a.cape{width:110px;}
div#header ul li a.car{width:90px;}
div#header ul li a.about{width:90px;}
div#header ul li a.contact{width:110px;}
div#header ul li a.before{width:168px;border-right:1px solid #BFD9F5;}

div#innerWrap{
	clear:both;
	padding:22px 0 0 0;
}
		
div#nav{
	width:150px;
	border:2px solid #BFD9F5;
	clear:both;
	margin: 0;
	padding:0;
	text-align:center;
	border-bottom:none;
	float:left;
}	

div#nav h3{
	margin:0;
	padding:3px 0;
	background:#BFD9F5;
	color:#6A88BF;
	font-size:110%;
}	
div#nav h3 a{
	color:#6A88BF;
}
div#nav h3 a:hover{
	text-decoration:none;
}
div#nav ul{
	border-top:2px solid #BFD9F5;
	padding:0;
	margin:0;
}	
div#nav ul li{
	list-style:none;
	border-bottom:2px solid #BFD9F5;
	margin:0;
	padding:0;
	width:100%;
	display:inline;
	voice-family:"\"}\""; /* IE 5.x hack */
	voice-family:inherit;
	display:block;
}	

html>div#nav ul li{display:block;}

div#nav ul li a{
	background:#ebf3fc;
	display:block;
	color:#686494;
	padding:4px 0;
	width:100%;
	text-decoration:none;
}

div#nav ul li a span{
	padding:0 3px;
	display:block;
	margin:0;
}
div#nav ul li a:hover{
	background:#F9E9C0;
}

div#nav form{
	background:#ebf3fc;
	margin:0;
	padding:3px 0;
	border-top:2px solid #BFD9F5;
	border-bottom:2px solid #BFD9F5;
}

div#nav form p{
	margin:3px 0;
	padding:0;
}

div#nav form p a{
	color:#686494;
	text-decoration:none;
}

div#nav form select{
	width:130px;
}
div#content{
	color:#42648A;
	float:right;
	padding:0 5px 0 18px;
	width:610px;
	voice-family:"\"}\""; /* IE 5.x hack */
	voice-family:inherit;
	width:583px;
}

html>div#content{width:583px;}

div#content h1{
	color:#96B7DC;
	font-size:200%;
	text-align:center;
	margin:5px 0 18px 0;
	padding:0;
}
div#content h2{
	color:#96B7DC;
	font-size:200%;
	text-align:center;
	margin:5px 0 18px 0;
	padding:0;
}

div#content h3{
	color:#FF9000;
	font-size:130%;
	text-align:left;
	margin:10px 0 10px 0;
	padding:0;
}
#h1name {
	color:#FF9000;
	font-size:130%;
	text-align:left;
	margin:10px 0 10px 0;
	padding:0;
}
div#content h3 a{
	color:#FF9000;
	font-size:110%;
	text-align:left;
	margin:10px 0 10px 0;
	padding:0;
}


div#content p{
	margin:10px 0;
	padding:5px 0;
}

div#content td{
	color:#42648A;
}

div#content a{
	color:#4164A0;
	text-decoration:underline;
}

div#content a:hover{
	text-decoration:none;
}

div#content ul.midMenu{
	text-align:center;
	margin:20px 0 10px 0;
	padding:0;
}

div#content ul.midMenu li{
	display:inline;
	color:#FF9000;
}

div#content ul.midMenu li a{
	color:#FF9000;
	font-weight:bold;
	text-decoration:underline;
	text-transform:uppercase;
}

div#content ul.midMenu li a:hover{
	color:#FF9000;
	text-decoration:none;
}


div#content img.fLeft{
	float:left;
	margin:5px 8px 5px 0;
}

div#content table.results{
	clear:both;
	width:100%;
}

div#content table.results tr.head td{
	background:#96B7DC;
	border:2px solid #96B7DC;
	padding:2px 5px 2px 5px;
	color:#fff;
	font-weight:bold;
}
div#content table.results tr.head td.r{
	text-align:right;
}
div#content table.results tr.body td{
	border-right:2px solid #96B7DC;
	border-left:2px solid #96B7DC;
	border-bottom:2px solid #96B7DC;
	padding:2px 10px 2px 5px;
}
div#content table.results tr.body td a.img{
	float:left;
	margin:3px 10px 0 0;
}
div#content table.search{
	width:100%;
	margin:5px 0;
}
div#content table.results tr.body table.search tr td{
	border:none;
	color:#000;
}
div#content table.results tr.body table.search tr td.l{
	text-align:right;
	padding-right:0px;
}

div#content table.search td{
	font-size:75%;
}

div#content table.search td select{
	width:140px;
}

table.villas{
	width:100%;
	border-top:1px solid #BFD9F5;
	border-left:1px solid #BFD9F5;
}

table.villas td{
	border-bottom:1px solid #BFD9F5;
	border-right:1px solid #BFD9F5;
	width:33%;
	text-align:center;
	vertical-align:top;
}

table.villas td h4{
	background:#BFD9F5;
	padding:6px 0;
	font-size:110%;
	margin:0 0 10px 0;
}
div#content table.villas td h4 a{
	color:#528dcc;
}
div#content table.villas td p{
	margin:0;
	padding:10px 10px;
}

div#content table.villas td p a{
	color:#4800F1;
}

div#content h3.name{
	color:#96B7DC;
	float:left;
	font-size:180%;
	margin:0 0 25px 0;
	padding:0;
}
div#content h1.name{
	color:#96B7DC;
	float:left;
	font-size:180%;
	margin:0 0 25px 0;
	padding:0;
}
div#content h3.area{
	color:#FF9000;
	float:right;
	font-size:130%;
	margin:5px 0 25px 0;
	padding:0;
}

/* DETAILS PAGE */

div#content p.title{
	clear:both;
	background:#EBF3FC;
	margin:3px 0 5px 0;
	padding:6px 12px;
	text-align:center;
	font-weight:bold;
	color:#42648A;
}

.title{
	clear:both;
	background:#EBF3FC;
	margin:3px 0 5px 0;
	padding:6px 12px;
	text-align:left;
	font-weight:bold;
	color:#42648A;
}

.features{
	list-style:none;
	margin: 3px 0 0 10px;
}

.tab{
	margin:3px 0 0 10px;
	text-align:left;
}

.urllinks{
	font-weight:bold;
	text-align:center;
}

/* END OF DETAILS PAGE */


div#content p.description img{
	float:right;
	background:#EBF3FC;
	padding:4px;
	margin:5px;
	border:3px solid #96B7DC;
}

div#footer{
	text-align:center;
	clear:both;
	padding:10px 0 0 0;
}

div#footer ul{
	width:600px;
	margin:5px auto;
	border-top:1px solid #8D8D8D;
	border-bottom:1px solid #8D8D8D;
	padding:6px 0;
}

div#footer ul li{
	display:inline;
	list-style:none;
	line-height:1.5em;
}

div#footer ul li a{
	color:#5688bf;
	text-transform:uppercase;
	padding:0 5px;
	font-size:85%;
	text-decoration:underline;
}

div#footer ul li a:hover{
	text-decoration:none;
}

div#footer p{
	color:#42648A;
	font-size:85%;
	margin:2px 0;
	padding:1px 0;
}

div#footer p img{
	margin:3px auto 0 auto;
	display:block;
}

div#footer p a{
	color:#4800F1;
}

div#footer p a:hover{
	text-decoration:none;
}