@charset "utf-8";
body  {
	font: 100%  Geneva, Arial, Helvetica, sans-serif; 
	background: url(cssimages/back.jpg) repeat-x #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	color:#999999; 
}
 
p { color: #666666;
	font-size:12px;
	text-align:justify;
	margin:10px 0px;
	padding:0px;
	
	
	}

h1, h2  {  color:#003366;}
h1 {
	font-size:20px; margin:9px 0px 5px 5px; padding:0px; }
 h2 {
 	font-size:16px; padding:0px; margin:0px 0px 0px 5px;
	
	}
a { color:#003366; font-weight:bold; text-decoration:none;}
a:hover { color:#FF9933; }


.villa-rental #container {
position:relative;
	width:910px;
	background: #FFFFFF;
	margin: 0 auto; 
	
	text-align: left; 
} 
#header {
			position:absolute;
			top:0px;
			width:902px;
			height:139px;
			/* background: url(cssimages/headback.jpg) no-repeat ; */ 
			padding: 0px;
			
			} 
			#logo { margin:25px; float:left;  
					}
					
			#info { float:left; 
					margin-right:25px; 
					margin-top:5px;
					font-size:11px;}
			#info img { padding-left:15px;}	
			/* WIDGETS */
				#clockbox {position: absolute; left: 350px; padding-top:27px; font-size:10px;}	
				#livechat {
					position: absolute;
					left: 825px;
					top:12px;
					height:31px;
					width:68px;
					}
					#toll-free {
					position: absolute;
					left: 560px;
					padding-top:10px;
					}
					 .free {
						 font-weight:bold; color:#000066;
						 font-size:12px;
						}
					 .number {
					font-size:12px;
					font-weight:bold;
					padding-left:10px;
					
					}
						 
				#weather {
					position: absolute;
					left: 260px;
					top:16px;
					}
					#weather a{ _display:none;}
				#googlemap {
					position:absolute;	
					left: 260px;
					width:85px;
					height:28px;
					background:url(cssimages/google-earth.jpg) no-repeat top left;
					text-align:right;
					}
					
	
			
 #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

#head  {
	position:absolute;
	width:614px;
	height:282px;
	margin:0px;
	padding:0px;
	top:8px;
	left:8px;
	}
	/* #head img { _position:absolute; _top:8px } */
	#separator {
		background: url(cssimages/separator.jpg) repeat-x;
		height:28px;
		width:100%;
		margin:0px;
		padding:0px;
		margin-top:1px;
		}
	.separator {
		
		height:5px;
		width:200px;
		border-bottom:1px solid #ccc;
		margin:0px 0px 0px 5px;
		padding:0px;
	
		}
		.top-margin290 { margin-top:283px !important; }
		.top-margin366 { margin-top:366px !important; }
		.top-margin25 {	margin-top:0px !important; 
						background: url(cssimages/separator2.jpg) 0px -2px repeat-x !important;  
						height:60px !important; }
	.options2 {	margin-top:410px !important; 
				background: url(cssimages/separator2.jpg) 0px -2px repeat-x !important;  
				height:60px !important;    }
				.none {	_margin-top:0px !important;}
				
				
#middle { position:absolute;
			width:902px;
			height:201px;
			top:139px;
			_left:0px; }
#navigation {
			
			width:260px;
			height:201px;
			background:url(cssimages/back2.jpg) 0px 20px no-repeat; 
			padding: 0px;
			margin: -20px 0px 0px 0px;
			float:left;
			padding-bottom:20px;
			}
			#navigation ul{
							padding:10px 0px;
							margin:0px 0px 0px 0px;
							width:259px;
							height:181px;
							text-align:right;
							font-size:11px;
							
							}
			#navigation ul li{
							list-style:none;
							width:inherit;
							margin-left:30px;
							}
			#navigation ul li a{ text-decoration:none;
								width:160px;
								height:15px;
								display:block;
								color:#001381;
															
								padding:3px 15px;
								
								}
			#navigation ul li a:hover{ color:#FFFFFF;
										background-color:#001381; }
										


#sidebar1 {
	position:absolute;
	top:360px;
	width:250px;
	float: left;
	color:#666666;
	font-size:12px;
	left:10px;
	padding:0px;
	margin:0px;
	}
	#sidebar1 h1{ color: #003366; font-size:18px; font-weight:bold; padding:5px 0px ;}
	#sidebar1 img{ border:0px;}
	#sidebar1 p { margin:10px;
					padding-left:5px; text-align:left !important; clear:right; _padding-bottom:15px }
.villa-rental #sidebar1 h3, .villa-rental #sidebar1 p {
	margin-left: 0px; 
	margin-right: 35px;
	text-align:justify;
}


.villa-rental #mainContent {
	position:absolute;
	top:40px;
	margin: 0 1.4em 0 250px;
	
	
	padding:8px;
	z-index:1;

}
	
.villa-rental #mainContent p{
	margin:5px;
	padding:0px;
	line-height:16px;}


/* Miscellaneous classes for reuse */
.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.more { display:none;}
#butt {	
		
		
		color: #666;
		background:none;
		font-size:11px;
		padding:0px;
		margin:0px;
		border:none;
		width:auto;
		text-align:right;
		cursor:pointer;
		font-weight:bold;
		
		
		}
		#butt:hover {
			color:#FF9900; }
#butt1 {	
		
		 color: #666;
		background:none;
		background-color: #E9E9E9;
		font-size:11px;
		padding:0px;
		margin:0px;
		margin-right:25px;
		border:none;
		width:auto;
		text-align:right;
		cursor:pointer;
		font-weight:bold;
		float:right;
	
		}			
	.block {
	position:relative;
	width:186px;
	height: auto;
	/*min-height:430px;*/
	font-size:11px;
	float:left;
	margin:15px 9px 15px 2px;
	padding:3px ;
	background-color:#f4f4f9;

	/*border:1px #CCCCCC solid;*/
	}
	.blockopt { height: 290px !important; min-height:100px !important}
	
	.block p{ margin:5px 5px !important; padding:0px !important; font-size:12px; text-align:left; }
	.block a { text-decoration: none;  font-weight:bold; }
	.block a:hover { color:#FF9933 !important;}
	.block h3 { font-size:12px; color:#666666  ; padding:2px 5px; margin:5px 0px 0px 0px;    }
	.block h2 { font-size:14px; background-color:#DCEBFA; padding:2px 5px; margin:0px 0px 1px 0px;  }
	.block img { border:1px  #DBDBDB solid;}

.textarea {position:relative;
				top:0px;
				width:614px;
				border:#ced7fa 1px solid; 
				padding:8px;
				background-color:#FFFFFF;
				display:block;
				height:auto;
				float:left;
				}
				.textarea .text { padding: 0px 10px;}
				.textarea table { font-size:11px; color:#666666; margin:10px 0px; width:100%; border:1px #CCCCCC solid;
				
				}
				
				.textarea table tr td {text-align:center; line-height:18px; border:#E9E9E9 1px solid }
				
				.table_head { background: #DEF2FE; color: #003366; font-weight:bold}
	
	.map { display:none;}
	
	 .footer {	float:left;
	 			width:100%;
				margin:0px;
	 			color:#999999;
	 			padding-top:10px;
	 			} 
				.footer a{ text-decoration:none; color:#999999; font-size:10px; padding-right:4px;}
				.footer a:hover{ color:#FF9933;}
				.footer p{ text-align:center !important;}
				.footer ul{	width:100%;
							margin:0px;
							padding:0px;
							}
 					.footer ul li {list-style:none; display:inline; float:none; padding:0px; margin:0px;}
				#last {border:none}




.row { padding:10px 0px 10px 0px !important;}
.row span {   font-style:italic;   font-weight:bold !important; font-weight:bold; }
     
.f_text, .bar { border:none;
			background:none;
			width:200px;
			padding:0px;
			margin:0px;
			}
.attention { color:#FF0000; font-size:12px; font-weight:bold; }
.btn { margin:0px 25px;
		background-color:#DBE8FD;
		color:#003366;
		font-weight:bold;
		border:none;
		cursor:pointer;}
.btn:hover {  background-color: #FF9900 !important;} 

       
#inquiry { width:400px; margin:15px auto !important} 

.rows { width:612px; height:auto;
		display:block; 
		font-size:11px; 
		color:#999999; 
		float:left; 
		padding:10px 0px; 
		border-bottom:1px #CCCCCC solid;}
.rows span { width:85%; float:left;}
.firstColumn {font-weight:bold;}


#properties { width:100%;  margin:10px auto; z-index:5;}
#properties li {list-style:none;
float:left; 
				padding:5px 11px;
				font-size:12px; 
				font-weight:bold; 
				border:1px #d1e8f3 solid;
				margin:-2px 1px 0px 0px !important;
				background:url(cssimages/buttonback.jpg) repeat-x; }
#properties li a{  color: #003366; text-decoration:none; margin:}
#properties li a:hover{ color:#16a8e6 !important;}
#properties li a span { color:4bc1f1 !important; font-size:10;
}

.message{
border:1px solid #CCCCCC;
position:absolute;
width:150px;
border:1px solid  #006699;
background:  #FFFFCC;
padding:5px;
right:-270px;
top : -130px;
z-index:5;
color: #006699;
}

.read {
		position:absolute;
		bottom:2px;
		right:2px;
		background: #E9E9E9;
		padding:2px 5px;
		font-size:10px; 
		color:#999999;
		}
		.read:hover {background: #003366;} 
		/*
.det0, .det1, .det2, .det3, .det4, .det5, .det5, .det6, .det7, .det8, .det9, .det10, .det11, .det12, .det13, .det14, .det15 */ { display:none;}



	
	
	.villafloorplan {
		width:613px;
		height:547px;
		margin:0px 0px 5px 0px;
		padding:0px;
		display:block;
		position:relative;
		
	}
	
	.villa5 {
		background:url(images/villa5/villa5-floorplan-level1.jpg) no-repeat;
		}
	.villa5b {
		background:url(images/villa5//villa5-floorplan-level2.jpg) no-repeat;
	
		}
	.villa6 {
		background:url(images/villa6/villa6-floorplan-level1.jpg) no-repeat;
		}
	.villa6b {
		background:url(images/villa6/villa6-floorplan-level2.jpg) no-repeat;
		display:none;
		}
	.villa7 {
		background:url(images/villa7/floorplan-level1.jpg) no-repeat;
		}
	.villa7b {
		background:url(images/villa7/floorplan-level2.jpg) no-repeat;
		display:none;
		}
/* ***********popup window************* */ 
br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:6;
}
#popupContact{
display:none;
position:fixed !important;

margin:0px !important;
_position:absolute; /* hack for internet explorer 6*/
height:650px;
width:800px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:7;
padding:12px;
font-size:13px;

}

#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContact a{
cursor: pointer;
text-decoration:none;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}

.villa6vir { background:url(img/virtualtours/Villa6-level1a.jpg) #FFFFFF no-repeat;
				width:800px;
				height:480px;
				display:block;
				position:relative; }
				.villa6vir img {position:absolute; border:none; }
				#a1 {left:450px; top:100px;}
				#a2 {left:230px; top:240px;}
				#a3 {left:320px; top:280px;}
				#a4 {left:200px; top:320px;}
				#a5 {left:180px; top:135px;}
				#a6 {left:250px; top:165px;}
				#a7 {left:210px; top:280px;}
				#a8 {left:480px; top:260px;}
				#a9 {left:260px; top:400px;}
				#a10{left:240px; top:80px;}
				#a11{left:510px; top:200px;}


.villa6vir2 { background:url(img/virtualtours/Villa6-level2a.jpg) #FFFFFF no-repeat;
				width:615px;
				height:471px;
				display:block;
				position:relative; }


#button1{ cursor:pointer;}

/* VILLA NAVIGATION */

#button {
	position:absolute;
    height: 200px;
	width:250px;
	text-align:right;
    background:none;
	_position:relative;
	margin: auto;}
	
	
#button img {border-bottom: 1px dotted #CCCCCC; margin:5px 0px; background: #DFE7FF; border-top: 1px dotted #CCCCCC;}
#v6, #v7 {  border-top: 1px dotted #CCCCCC; }
#v6c, #v7c, #v5c { color:#999999; font-size:10px; } 
ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu_class {
	border-left: 1px dotted #CCCCCC;
	width: 36px;
	cursor:pointer;
	
}


.the_menu {
	display:none;
	_position:absolute;
	_top:33px;
	_left:0;
	width:250px;
	cursor:pointer;
	 border-bottom: 1px dotted #CCCCCC;
	background: url(images/button-back1.jpg) 12px repeat-y;
        padding-bottom:10px;

	 
}

.the_menu li {
         height:18px;width:250px; 
		 _display:block; <float:left;

	
	/* border-bottom:1px solid #738e9a; */
}

.the_menu li a {
	color: #003366;
	text-decoration:none; 
	padding:0px 50px; 
	display:block;
	cursor:pointer;
	
}

.the_menu li a:hover {
	padding:0px 50px;
	font-weight:bold;
	color: #fff;
	background-color:#003366;
}

/* Virtual tour */ 

.teaser { 
	width:200px; 
	height:200px; 
	display:block; 
	float:left; 
	padding-left:80px;
	font-size:11px;
	text-align:center;
	}
	.teaser img {margin-bottom:5px;}
	.centerit { text-align:center !important }
	
	#front-video {
	
	}
	#front-video img {padding-bottom:7px;}


	
	#virtual img { width:230px; height:173px;  padding:2px; border:solid 1px #CCCCCC; margin:10px 10px 0px 0px;
	
		}
	.addthis_toolbox {margin:0px auto; float:none; width:160px;}