/* CSS Document */

/*border:1px solid red;*/
body{
 	background-color:#FFFFFF;	
	background-position:top;
	font-family:Arial, Calibri, Verdana, sans-serif;
	font-size:0.8em;
	line-height:1.3em;
	color:#333;
	margin:0;
	padding:0;
	height:100%; /* needed to display bkgnd2 at full height in IE */}	
img { border: none; }
.bordered { border:1px solid #aaa; }
#content { width:700px; background:#eee; margin-left:auto; margin-right:auto; padding:8px; border-left:10px solid #ccc; border-right:10px solid #ccc; }
A:link {
	text-decoration:none;
	color: #000;}
A:visited {
	text-decoration:none;
	COLOR: #000}
A:hover {
	text-decoration:none;
	COLOR: #DE7818}
A:active {
	text-decoration:none;
	COLOR: #000; }
#global {
	position: absolute; /*needed to expand to full height beyond content in FF */
	top: 0px;
	right: 0px;
	height:auto; /* FF needs this setting to expand div to fit long content */
	min-height:100%; /*sets minimum height in FF*/
	width:100%;
	text-align:center;
	 /*centers #main in old IE*/}
* html #global {
	height:100%;} /*sets bkgnd2 to full height in IE w short content -- also need height:100% in body*/
#main {
	margin:0px auto;
	width:1002px;
    text-align:center;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;}
	/*background-image:url(../images/logo1.jpg);
	background-repeat:no-repeat;
	background-position:center top;*/	 
#alldivs {
	margin:0px auto;
	width:1002px;
    text-align:center;}
#midcolumn{
/*	border:1px solid red;*/
	width:740px;
	float:left;
	margin:0px;
	padding:0px;}
* html #midcolumn{
	width:726px;
	float:left;
	margin:0px;
	padding:0px;}
#leftcolumn{
	/*background:url(../images/left-bg.jpg) no-repeat left top;
	width:11%;*/
	width:130px;
	height:555px;
	float:left;
	margin:0px;
	padding:0px;}
#rightcolumn{	
	/*border:1px solid blue;
	background:url(../images/right-bg.jpg) no-repeat right top;*/
	width:130px;
	height:555px;
	float:right;
	margin:0px;
	padding:0px;}
#footer {
	width:1002px;
	bottom:0px;
	margin: 0px;
	padding: 0px;	
	color: #fff;
	text-align: left;
	overflow:auto;
	clear:both;}
#footerleft{
	width:130px;
	margin: 0px;
	float:left;
	height:100px;
	}
#footerright{
	width:130px;
	margin: 0px;
	float:right;
	height:16px;
	}
#footermid{
	width:737px;
	float:left;
	background:url(../images/footer_bg.gif) repeat-x top;
	padding:5px 0px 0px 5px;
	height:100px;
	font-size:11px;
}
#header{
	width:742px;
	height:150px;
	background-color:#000;
	text-align:center;
	border:none;
	border-bottom:1px solid #F0831E;
	border-top:1px solid #F0831E;}
#banner{
	height:250px;
	margin:0px;
	padding:0px;}
#innertube{
	padding:10px 20px 10px 20px;
	text-align:left;}
* html #innertube{
	overflow:auto;
	text-align:left;}
.spacer{
	height:20px;
	width:1px;}
#language{
	margin:0px;
	padding:0px;}
#select{
	text-align: center;
	width:auto;
	height:26px;}
#languagebox{
	width:99%;}
* html #languagebox{
	width:98%;
	text-align:center;
	margin-bottom:5px;}
#left_curve{
	margin:0px;
	text-align: left;
	width:7px;
	height:88px;
	float:left;
	background:url(../images/left-curve.gif) top no-repeat;}
#right_curve{
	margin:0px;
	text-align: left;
	width:7px;
	height:90px;
	float:left;
	background:url(../images/right-curve.gif) top no-repeat;}
#mid_content{	
	margin:0px;
	border-top:1px solid #B4B4B6;
	border-bottom:1px solid #B4B4B6;
	height:83px;
	float:left;
	width:97.9%;
	text-align:center;}
* html #mid_content{
	margin:0px;
	width:97%;
	border-top:1px solid #B4B4B6;
	border-bottom:1px solid #B4B4B6;
	height:83px;
	float:left;}
#button_box{
	margin-left:7%;	
	padding:0px;}
* html #button_box{
	padding:0px;
	margin-left:6.5%;}
.button{
	text-align:left;
	width:32%;
	height:57px;
	float:left;}
*html .button{
	text-align:left;
	width:32%;
	height:57px;
	float:left;}
.text{
	clear:both;
	text-align:justify;}
.welcome{
	text-align:left;
	float:left;
	height:20px;
	padding:20px 0px 20px 0px;}
.infobox{
	background-color:#F5F6F6;
	border:1px solid #CECFD0;
	padding:10px;
	height:400x;
	width:670px;
	clear:both;}
.textbox{
	float:left;
	width:420px;
	height:auto;}
.image{
	border:1px solid #323232;
	margin-right:10px;
	float:left;}
.title{
	text-transform:uppercase;
	clear:both;
	float:left;
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;}
.more_img{
	float:right;
	width:55px;
	margin-top:20px;}
/*index page ends here*/
#header2{
	border:1px solid red;
	width:731px;
	height:117px;
	background-color:#000;
	text-align:left;
	border:none;
	border-bottom:1px solid #F0831E;
	border-top:1px solid #F0831E;
	padding:5px;}
.logo{
	width:341px;
	height:97px;
	float:left;}
.sale{
	margin-right:10px;
	margin-top:5px;
	width:333px;
	height:104px;
	float:right;
	background:url(../images/title_bg.gif) no-repeat left top;}
.property_title{
	float:left;
	margin:0px;}
.sale_title{
	/*background:url(../images/sale-titlle.jpg) no-repeat top;*/
	width:220px;
	height:24px;
	float:left;
	margin:0px;
	font-weight:bold;
	color:#F98A20;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:6px;}
.sale_more{
	width:55px;
	height:18px;
	float:right;
	text-align:right;
	color:#fff;
	padding:3px 6px 0px 0px;
	}
.more:link, .more:active, .more:hover, .more:visited {
	width:30px;
	margin:0px;
	padding:0px;
	color:#fff;
	text-decoration:none;}
.top_content{
	
	width:333px;
	height:80px;
	clear:both;
	float:left;
	margin:0px;}
.sale_img{
	width:119px;
	height:63px;
	float:left;
	margin:8px 10px 8px 8px;
	border:1px solid #292828;}
* html .sale_img{
	width:119px;
	height:63px;
	float:left;
	margin:8px 8px 5px 4px;
	border:1px solid #292828;}
.sale_text{
	width:182px;
	height:64px;
	float:left;
	color:#fff;
	margin:4px;
	line-height:0.9em;
	text-align:justify;}
#banner2{
	height:132px;
	margin:0px;
	padding:0px;}
#maintext{
	text-align:left;
	background:url(../images/leftcolbg.jpg) repeat-y left top;
	margin-left:2px;
	overflow:auto;}
* html #maintext{
	text-align:left;
	background:url(../images/leftcolbg.jpg) repeat-y left top;
	margin-left:2px;
	overflow:auto;
	height:100%;}
#leftlinkscolumn{
	width:149px;
	float:left;
	margin:0px;
	border-right:1px solid #CFCFCF;}
#all_text{
	margin-left:auto;
	margin-right:auto;
	width:74%;
	float:left;
	margin:15px 0px 15px 25px;}
* html #all_text{
	width:74%;
	float:left;
	margin:15px;}
#leftlinks{}
#leftlinks ul{
	margin:0px;
	padding:0px;
	color:#fff;
	font-weight:bold;
	font-size:8.8pt;}
#leftlinks li{
	background:url(../images/menu.gif) no-repeat left top;
	width:148px;
	height:19px;
	list-style:none;
	display:list-item;
	padding-top:1px;}
#leftlinks li:hover{
	width:148px;
	background:url(../images/menu_ov.gif) no-repeat left top;
	text-decoration:none;
	cursor:pointer;}
#leftlinks li a{
	padding-left:10px;
	color:#fff;
	text-decoration:none;}
#leftlinks li a:hover{
	padding-top:2px;
	padding-left:10px;
	color:#fff;
	text-decoration:none;}
#sub_leftlinks{
	background-color:#fff;
	text-align:left;}
#sub_leftlinks ul{
	margin:0px;
	padding:0px;
	background-color:#fff;}
#sub_leftlinks li{
	list-style:none;
	display:list-item;
	background-image:none;
	font-weight:normal;}
#sub_leftlinks li span{
	font-size:8pt;
	color:#333;}
#sub_leftlinks li:hover{
	background-image:none;}
#sub_leftlinks li a{
	font-size:8pt;
	background-image:none;
	font-weight:bold;
	color:#EF8119;}
#sub_leftlinks li a:hover{
	font-size:8pt;
	background-image:none;
	color:#BB520D;}
h1{	margin:0px 0px 20px 0px;
	padding:0px;
	font-weight:bold;
	font-size:0.9em;}
h2{	
	margin:0px 0px 20px 0px;
	color:#F96705;
	padding:0px;
	font-weight:bold;
	font-size:1.2em;
	font-family:Arial, Calibri, Verdana, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	float:left;}
.content{
	width:97%;
	margin:0px;
	text-align:justify;
	clear:both;}
* html .content{
	width:99.9%;
	margin:0px;
	text-align:justify;
	clear:both;}
#image_table{
	padding:0px;
	margin:0px 0px 0px 0px;
	clear:both;}
#table_title{
	float:left;
	height:22px;
	width:99%;}
#title1{
	width:151px;
	float:left;}
#title2{
	float:right;
	text-align:right;
	padding-top:5px;
	width:200px;}
#title2 a{
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#BB4A00;
	text-decoration:underline;}
#gallery{
	clear:both;
	border:1px solid #979797;
	margin:0px 0px 10px 0px;
	padding:10px 10px 0px 10px;
	height:auto;
	width:525px;
	background-color:#F4F4F4;
	float:left;}
* html #gallery{
	clear:both;
	border:1px solid #979797;
	margin:0px 0px 10px 0px;
	padding:8px 8px 8px 8px;
	height:auto;
	width:520px;
	background-color:#F4F4F4;
	float:left;}
#gallery_1{
	float:left;
	width:270px;
	margin-left:8px;}
* html #gallery_1{
	float:left;
	width:260px;
	margin-left:5px;}
* html #gallery_2{
	float:left;
	width:245px;
/*	border:1px solid red;*/}
#gallery_2{
	float:left;
	width:240px;}
.box{
	width:238px;
	height:215px;
	margin-bottom:15px;
	clear:both;
/*	border:1px solid black;*/}	
.gallery_title{
	text-transform:uppercase;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	width:238px;
	height:20px;}
.gallery_image{
	width:238px;
	margin:0px;
	padding:0px;
	border:1px solid #9C9C9C;
	clear:both;}
.gallery_details{
	width:238px;
	margin:10px 0px 0px 0px;
	clear:both;}
.details{
	float:left;
	font-size:11px;
	text-align:left;}
.photogallery{
	float:right;}
.maintitle{
	float:left;
	margin-bottom:20px;}
#sm_gallery{
	clear:both;	
	height:100%;
	width:550px;
	float:left;}		
* html #sm_gallery{
	clear:both;
/*	border:1px solid #979797;*/
	margin:0px;
	padding:8px; 
	height:100%;
	width:520px;
	float:left;}	
#sm_gallery_1{
	float:left;
	width:285px;}	
#sm_gallery_2{
	float:left;
	width:255px;;}
* html #sm_gallery_1{
	float:left;
	width:261px;}
* html #sm_gallery_2{
	float:left;
	width:255px;}
* html .sm_box{
	width:253px;
	margin-bottom:20px;
	overflow:auto;}
.sm_box{
	width:265px;
	margin-bottom:20px;
	overflow:auto;}
.sm_image{
	width:94px;
	height:79px;
	padding:0px;
	float:left;
	padding:2px;
	border:1px solid #C2BFBF;
	margin-right:2px;}
.sm_image_detail{
	float:right;
	width:155px;
	font-size:0.9em;
	line-height:1.3em;}
* html .sm_image_detail{
	float:right;
	width:150px;
	font-size:0.9em;
	line-height:1.3em;}
.sm_image_detail span{
	font-weight:bold;}
.sm_title:link, .sm_title:active, .sm_title:hover, .sm_title:visited{
	color:#C55503;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:underline;}
.textimage{
	padding:4px;
	border:1px solid #BCC0C1;}
.title_tab{
	width:98%;}
* html .title_tab{
	width:100%;}
.title_gallery{
	text-align:right;
	float:right;
	width:200px;
	height:23px;}

/*Our Villas Sub section css starts here*/
.finca_column{
	background-color:#FFBC7D;
	font-weight:bold;
	text-align:center;
	border:1px solid #CCC;
	margin:0;
	padding:4px 0px 4px 0px;}
#finca_details{
	width:537px;
	text-align:center;
	margin:0;
	padding:0;
	clear:both;}
#finca_details ul{
	margin:0px;
	padding:0px;}
#finca_details li{
	line-height:20px;
	list-style:none;
	text-align:left;
	padding-left:4px;}	
.finca_border{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;}
#topmainimg{
	text-align:left;
	clear:both;
	margin-top:20px;
	margin-bottom:20px;}
* html #topmainimg{
	text-align:left;
	clear:both;
	margin-top:10px;
	margin-bottom:10px;}
.image_left{
	float:left;
	margin-right:10px;}
.image_right{
	float:right;
	margin-left:10px;}
.two_col{
	width:536px;
	clear:both;
	text-align:left;
	margin-top:20px;}
.two_col_space{
	float:left;
	width:20px;}
.two_col_title{
	width:252px;
	background-color:#FFBC7D;
	padding:3px 0px 3px 5px;
	font-weight:bold;
	text-align:left;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	margin:0;
	text-transform:capitalize;}
#distances{
	float:left;
	clear:both;
	width:258px;
	overflow:auto;
	border-left:1px solid #CCC;}
.distances1{
	width:129px;
	text-align:left;
	float:left;
	margin:0;
	padding:0;}
.distances1 ul{
	margin:0;
	padding:0;}
.distances1 li{
	line-height:20px;
	list-style:none;
	text-align:left;
	padding-left:8px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;}
.distances2{
	width:129px;
	text-align:left;
	float:left;
	margin:0;
	padding:0;}
.distances2 ul{
	margin:0;
	padding:0;}
.distances2 li{
	line-height:20px;
	list-style:none;
	text-align:left;
	padding-left:8px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;}
.weeekprices{
	float:right;
	overflow:auto;
	width:258px;
	border-left:1px solid #CCC;
	border-bottom:1px solid #CCC;}
.weeekprices1{
	width:167px;
	text-align:left;
	float:left;
	margin:0;
	padding:0;}
.weeekprices1 ul{
	margin:0;
	padding:0;}
.weeekprices1 li{
	line-height:20px;
	list-style:none;
	text-align:left;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	margin:0;
	padding:0;}
.weeekprices2{
	width:90px;
	text-align:left;
	float:left;
	margin:0;
	padding:0;}
.weeekprices2 ul{
	margin:0;
	padding:0;}
.weeekprices2 li{
	line-height:20px;
	list-style:none;
	text-align:left;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;}
.space{
	padding-top:30px;
	padding-bottom:30px;}
.deposit{
	width:251px;
	padding:3px 0px 3px 5px;
	text-align:left;
	border-right:1px solid #CCC;
	margin:0;
	clear:both;}
#allimages{
	float:left;
	width:535px;
	clear:both;}
.imagegallery1{
	float:left;
	margin-right:15px;
	margin-bottom:15px;
	padding:4px;
	border:1px solid #BCC0C1;}
.imagegallery2{
	float:right;
	padding:4px;
	margin-bottom:15px;
	border:1px solid #BCC0C1;}
.appt_images{
	margin-right:10px;
	float:left;
	padding:4px;
	border:1px solid #BCC0C1;}
.rentacar{
	text-align:center;
	margin-top:15px;
	height:150px;}
.rentacar_img{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:15px;
	margin-bottom:20px;
	width:190px;}
.bookings{
	color:#E55E06;
	font-weight:bold;}
.info:link, .info:visited, .info:active, .info:hover {
	font-size:11px;
	color:#E55E06;
	font-weight:bold;}
.conditions{
	margin:20px 0px 0px 0px;
	padding:0px;}
.conditions ul{
	margin:0px;
	padding:0px;}
.conditions li{
	list-style:url(../images/arr.gif);
	display:list-item;
	margin:0px 0px 0px 20px;
	padding:0px;
	padding-bottom:8px;}
/*Booking request style*/
.booking_mainbox{
/*	border:1px solid red;*/
	width:100%;
	padding:0px;
	text-align:center;}
.book_box{
	margin-top:20px;
	padding-bottom:10px;
	height:auto;
	overflow:auto;
	border:1px solid #FF6600;
	width:450px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;}
.book_tab{	
	background-color:#F9BC83;
	height:18px;
	width:445px;
	margin:0px;
	padding:4px 0px 4px 5px;
	font-weight:bold;}
.tab_box{
	width:200px;
	font-weight:bold;
	height:15px;
	float:left;
	margin-right:10px;}
.radio_btn{
	margin:2px 0px 0px 0px;
	padding:0px;}
.booking_details{
	width:450;
	float:left;
	margin:10px 5px 10px 5px;
	padding:0px;
	font-size:11px;}
.details1{
	width:55px;
	float:left;
	margin:0px;
	padding:0px;}
.details1 ul{
	margin:0px;
	padding:0px;}
.details1 li{
	display:list-item;
	list-style:none;
	line-height:2.3em;
	*line-height:2.1em;}
* html .details1 li{
	display:list-item;
	list-style:none;
	line-height:2.3em;}
.details2{
	width:160px;
	float:left;
	margin:0px;
	padding:0px;}
.details2 ul{
	margin:0px;
	padding:0px;}
.details2 li{
	display:list-item;
	list-style:none;
	padding-bottom:6px;
	*padding-bottom:0.2em;
	padding-top:1px;}
* html .details2 li{
	display:list-item;
	list-style:none;
	padding-bottom:0.4em;
	padding-top:1px;}
.inputbox{
	background-color:#F3F4F6;
	border:1px solid #D4D4D4;
	height:14px;
	font-size:11px;}
.details3{
	width:210px;
	float:left;
	text-align:left;
	}
.details3 ul{
	margin:0px;
	padding:0px;}
.details3 li{
	display:list-item;
	list-style:none;
	line-height:20px;}
.details4{
	width:55px;
	float:left;
	margin:0px;
	padding:0px;}
.details4 ul{
	margin:0px;
	padding:0px;}
.details4 li{
	display:list-item;
	list-style:none;
	line-height:12px;}
.listbox{
	background-color:#F3F4F6;
	border:1px solid #D4D4D4;
	height:18px;
	font-size:11px;}
.details5{
	margin:0px;
	padding:5px;
	float:left;
	width:175px;}
.book_buttons{
	width:305px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;}
.btn{
	width:110px;
	float:left;
	margin-left:40px;
	background-color:#333;
	border:1px solid #000;
	font-weight:bold;
	color:#fff;}
/* property css */
.prop_flash{
	width:535px;}
.propert_title{
	background:url(../images/pro_title.gif) repeat-x top;
	height:23px;
	width:520px;
	margin-bottom:20px;
	padding:3px 5px 0px 5px;
	color:#fff;
	font-weight:bold;}

.property_details{}
.property_details ul{
	margin:10px 0px 0px 0px;
	padding:0px;}
.property_details li{
	list-style:none;
	display:list-item;
	padding-left:15px;
	background:url(../images/bullet.gif) no-repeat 1px 8px;
}