body {
	background:url(bg_body2.jpg) repeat-x #F2F2F2;
	font-family:"Trebuchet MS",verdana,arial;
	font-size:12px;
	height:100%;
}

a {
	color:#7AC5ED;
	text-decoration:none;
}

a:hover {
	color:black;
	text-decoration:underline;
}

#container {
	width:965px;
	margin:auto;
	position:relative;
	background:#FFF;
}
/*----------------------------------------------+
+ HEADER +
+----------------------------------------------*/
#header {
	position:absolute;
	width:960px;
	top:0px;
	height:306px;
	clear:both;
}

#header h2 {
	border:0;
}

#header img {
	padding-top:10px;
}

#header_admin {
	position:absolute;
	width:945px;
	top:0px;
	height:150px;
	clear:both;
}

#header_admin img {
	padding-top:10px;
}
/*----------------------------------------------+
+ CONTENT +
+----------------------------------------------*/
#content {
	position:absolute;
	top:306px;
	background:#FFF;
	width:938px;
	padding:10px 10px 200px 10px;
    min-height:100%;
	border:1px solid #CCC;
}

#content ul li {
	list-style:none;
}

#content li {
	background:url(bullet_wh.gif) no-repeat 0px 6px;
	padding-left:10px;
}
#content p {

}
h1{
	font-size:14px;
	color:#121516;
	background:url(arrow_bl_gr.gif) no-repeat 10px 7px #F1F1F1;
	padding:5px 5px 5px 35px;
	margin:0px;
	text-transform:uppercase;
	white-space: no-wrap;
	overflow:none;
	border-bottom:1px solid #CCC;
	}


h2 {
	font-size:14px;
	color:#666;
	background:url(arrow_bl_gr.gif) no-repeat 10px 7px #F1F1F1;
	padding:5px 5px 5px 35px;
	margin:0px;
	border-bottom:1px solid #CCC;
	font-style:italic;
}

h5{
	font-size:16px;
}

h6{
	text-transform:uppercase;
}

p {
	text-align:justify;
	color:#484D51;
}

li {
	text-align:justify;
	color:#484D51;

}

#homedesc {
	float:right;
	width:575px;
	height:205px;
	overflow:auto;
	padding:-10px 10px 10px 0;
	}

#homedesc a {
	text-decoration:underline;
}

/*----------------------------------------------+
+ CONTENT ADMIN +
+----------------------------------------------*/
#content_admin {
	position:absolute;
	top:150px;
	background:url(bg_content.jpg) repeat-y 0 -10px white;
	width:905px;
	padding:10px 30px 30px 30px;
	margin-left:-10px;
	margin-right:-10px;
}


/*----------------------------------------------+
+ RIGHT COL +
+----------------------------------------------*/

#right_col{
	float:right;
	width:635px;
	background:white;
	padding-right:5px;
	left:320px;
	min-height:100%;
}



/*----------------------------------------------+
+ EDITO +
+----------------------------------------------*/
#edito{
	width:590px;
	height:157px;
	background:#2BA3E2;
	position:absolute;
	top:149px;
	padding-left:340px;
	padding-right:30px;
	overflow:auto;
}

#edito #form_submit_link {
	position:absolute;
	top:100px;
	right:50px;
	height:28px;
	background:url(menu_x_hover2.gif) repeat-x top #2C3338;
	padding:10px 20px 0 20px;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:3px;
	cursor: pointer; cursor: hand;
}

#edito > h1 {
	background:url(arrow_wh_bl.gif) no-repeat 0px 15px ;
	font-size:16px;
	color:white;
	padding-top:10px;
	padding-left:20px;
	border:0;
}

#edito p {
	color:white;
}

#edito select {
	font:12px, "Trebuchet MS" sans serif;
	border:1px solid #7AC5ED;
	color:#999999;
	
}

#edito fieldset{
	color:#FFF;
	border:1px solid #FFF;
	margin:5px;
	float:left;
	width:280px;
	height:150px;
	font-weight:bold;
	font-size:12px;
}

#edito legend{
	background:white;
	margin:0 auto;
	padding:0;
	color:#484D51;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	
}

#edito #search_wrapper {
	position:absolute;
	left:0px;
	width:925px;
	background: url(bg_100.png) repeat-x bottom #2BA3E2;
	padding-left:20px;
	height:247px;

}

#edito #search_wrapper h1 {
	padding:0px 0px 0px 20px;
	background:url(arrow_wh_bl.gif) no-repeat 0px 5px ;
}

/*----------------------------------------------+
+ SEARCH BUTTON +
+----------------------------------------------*/
.process {
cursor: pointer; cursor: hand;
}
.filter {
cursor: pointer; cursor: hand;
text-decoration:underline;
}

#searchbutton{
	background:#2BA3E2;
	align:right;
	width:270px;
	height:40px;
	margin-top:34px;
	float:right;
	text-align:center;
	cursor: pointer; cursor: hand;
}

#searchbutton h2 {
	color:white;
	font-size:16px;
	margin:0px 0px 0px 5px;
	background:none;
	padding:10px 0 0 0;
}
/*----------------------------------------------+
+ ADVANCED SEARCH +
+----------------------------------------------*/

#loader {
	width:500px;
	height:30px;
	float:right;
	background:url(loader01.gif) no-repeat center ;
}

/*----------------------------------------------+
+ footer                                +
+----------------------------------------------*/

#footer{
	background:url(bg_footer.jpg) repeat-x  bottom;
	width:958px;
	margin:auto;
	clear:both;
	height:139px;
	position:absolute;
	bottom: 0;
	margin-left:-10px;
	margin-top:50px;
	padding-top:50px;
	text-align:center;
}



/*----------------------------------------------+
+ NAVIGATION                                 +
+----------------------------------------------*/

#nav { font: bold 13px "Trebuchet MS", arial, sans-serif;height:40px;width:960px;position:absolute;top:109px;clear:both;background:#F2F2F2}
#nav #first {height:40px ;float:left}
#nav, #nav ul {padding: 0;margin: 0;list-style: none;}
#nav a {text-decoration:none;color:#333;display:block;padding: 9px 16px 9px 19px;background:url('bg_menu.jpg') repeat-x #F2F2F2;font-size:16px;}
#nav a:hover,#nav li.activ {color:#fff;background:#2A3035}
#nav li { padding: 0;float: left;height:27px;font-size:14px;z-index:3000}
#nav li:hover, #nav li.hover {position: static;background:#2A3035;color:#FFF;}
#nav li li li.sfhover ul {position: fixed;}
#nav li ul { margin:0 ;	position: absolute;	width: 200px;left: -999em;background:#F2F2F2; /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul li {height: auto;	color: #FFF9C2;border-bottom: 1px solid #666;	text-align: left;text-transform: none;float: none;background: url(arrow_4.gif) no-repeat 5px 7px #F2F2F2;}
#nav li ul li a{padding:0;padding: 4px 4px 4px 28px;background: url(arrow_bl_gr.gif) no-repeat 5px 5px ;display:block;font-size:12px}
li > ul {top: auto;left: 0;}
#nav li ul li a:hover { color: #FFF;background: url(arrow_wh_black.gif) no-repeat 5px 5px  #2A3035;}
#nav li ul ul { margin: -20px 0 0 185px;background:inherit;padding:0;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {	left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto;}

/*----------------------------------------------+
+ ADMIN                                 +
+----------------------------------------------*/
.output {
	padding:0;
	maring:0;
}

.output a {
	color:#000;
}

.output tr:hover{
	background-color:#7AC5ED;
	color:white;
}

.output tr a:hover{
	color:white;
}

#tr_header:hover {
	color:#000;
}

label{
	font-weight:bold;
}

.button {
	text-align:center;
}

.output td {
	border-bottom:1px solid #CCC;
	height:35px;
	font-size:13px;
}

.butt_prop {
font-weight:bold;
cursor: pointer; cursor: hand;
}

/*----------------------------------------------+
+ SEARCH FORM                                   +
+----------------------------------------------*/

#search_form{
	color:white;
	margin-right:-20px;
}
#search_form #searchtext {
	border: 1px solid rgb(153, 153, 153);
	padding: 2px 1px 1px;
	width: 450px;
	font-size: 16px;
	height: 22px;
	float:left;
	}

#search_form #options {
	font-weight:bold;
	}

#search_form h1 {
	border:0
	}

#tr_header{
	background:#F1F1F1;
	height:30px;

}

/*----------------------------------------------+
/* thumb result
/*----------------------------------------------+*/

.thumb_result {
	background:#121516;
	text-align:center;
	width:290px;
	height:260px;
	float:left;
	margin:2px 10px 10px 12px;
}

.thumb_result img {
	margin:10px 5px 5px 5px;
	width:256px;
	height:192px;
	background:url(ajax-loader.gif) no-repeat center #FFF;
	border:1px solid #FFF;
}

.thumb_result h1 {
	color:#000;
	width:100%;
	float:left;
}

.thumb_result .info  {
	padding:0 10px 5px 10px;
	color:#41B5EB;
	font-size:14px;
	font-weight:bold;
	margin:3px;
	text-align:right;
}

.thumb_result .info a {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
}

.thumb_result .info span {
	font-size:12px;
	float:left;
	text-align:left;
	clear:right;
	width:170px;
}

/*----------------------------------------------+
/* prop detail page
/*----------------------------------------------+*/

#mainpic {
	height:262px;
	width:350px;
	float:left;
	margin-right:630px;
	clear:none;
	background:url(ajax-loader.gif) no-repeat center #FFF;
}

#prop_thumbnail {
	float:left;
	width:525px;
	margin:-263px 0 0 0;
	padding-left:380px;
	height:280px;
	overflow:auto;
}

#prop_thumbnail img {
	margin:2px 10px 11px 10px;
	background:url(ajax-loader.gif) no-repeat center #FFF;
}

#prop_thumbnail img:hover{
}

#prop_thumbnail img:hover {
	cursor: pointer; cursor: hand;
}

.propInfo{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#FFF;
}

.propInfo td{
	vertical-align: top;
	border-bottom:1px solid #CCC;
	padding:5px 0px 5px 20px;
	color:#000
}

.ask{
	font-weight:bold;
	width:120px;
	background:url(bullet_wh.gif) no-repeat 8px 12px #FFF;
	padding:5px 0px 5px 20px;
}

/*----------------------------------------------+
/* Picture gallery
/*----------------------------------------------+*/

#picture_gallery .img_wrap {
	position:relative;
	padding:10px;
	margin:25px 25px 0 25px;
	background:#121516;
	width:230px;
	height:185px;
	float:left;
	text-align:center;
}

#picture_gallery .img_action a {
	color:#FFF;
}

#picture_gallery .img_action {
	top:180px;
	left:80px;
	position:absolute;
	color:#FFF;
	background:#121516;
}

#picture_gallery img {
	background:url(ajax-loader.gif) no-repeat center #FFF;
	border:1px solid #FFF;
}
/*----------------------------------------------+
/* Contact form
/*----------------------------------------------+*/
#contact_form {
	width:600px;
	padding-left:300px;
	border:1px solid #FFF;
}
#contact_form span {
width:150px;
float:left;
paddng:5px 5px 5px 15px;
font-weight:bold;
margin-left:10px
}

#contact_form input {
height:20px;
width:200px;
background:#F7F7F7;
border:1px solid #CCC;
}

#contact_address {
	background:#FFF;
float:left;
margin-left:-300px;
width:280px;
height:100%;
}

/*----------------------------------------------+
/* Various
/*----------------------------------------------+*/

#callusnow {
position:absolute;
top:0;
right:0;
color:#FFF;
width:211px;
height:19px;
background:url('bg_callusnow.png') no-repeat top left; 
display:block;
padding:9px 0 9px 19px;
font-size:14px;
}
 

#edito_home {
style:none;
padding:10px 10px 10px 0;

border:1px solid #F7F7F7;
}

#edito_home p {
color:#121516;
}

#edito_home h1 {
color:#FFF;
background:url(arrow_bl_black.gif) no-repeat 5px 8px #121516;
background-color:#121516;
border:none;
}

#edito_home h2 {
color:#FFF;
background:url(arrow_bl_black.gif) no-repeat 5px 8px #121516;
background-color:#121516;
border:none;
}


/*----------------------------------------------+
+ LEFT COL +
+----------------------------------------------*/

#left_col{
	width:285px;
	min-height:100%;
	padding-bottom:20px;
	border-right:1px solid #F7F7F7;

}


#left_col li {
margin: 0 0 0 -30px;
padding: 5px 0 0 20px;
background:url(arrow_1.gif) no-repeat 5px 10px #FFF;
width:230px;
border-bottom:1px solid #F7F7F7;
}

#left_col li a {
display:block;
}

#left_col li:hover {
background:url(arrow_1.gif) no-repeat 5px 10px #F7F7F7;
}



.featuredthumb {
width:280px;
padding:0;
overflow: hidden;
height:200px;
text-align:center;
}
.featuredthumb img {
margin-top:-220px;
margin-left:10px;
float:left;
}

.featuredthumb p {
	color:#666;
	position:relative;
	text-align:center;
	margin-top:155px;
}

.featuredthumb a {
	color:#FFF;
}
.featuredthumb a:hover {
	color:#FFF;
}

#slidenav {
	position:absolute;
	left:2px;
	top:225px;
	z-index:1;
	width:280px;
}

#prev2 {
padding:2px 2px 2px 15px;
float:left;
color:#60BAE9;
margin-left:10px;
width:70px;
background:#DFF1FB;
}
#next2 {
padding:2px 15px 2px 2px;
float:right;
color:#60BAE9;
width:70px;
background:#DFF1FB;
text-align:right;
}

  .clear {clear:both;height:1px}

#team img{
 	float:left;
 	padding:5px;
 }
#team ul li {
 	list-style:none;
 	clear:both;
 }
#team li {
 	background:none;
 	padding:0;
 }

 #featured{
 width:275px;
 height:207px;
 background:#60BAE9;
 }

#beaches img {
float:left;
margin:3px 5px 5px 0;
border:1px solid #CCC;
}
#beaches h2 {
clear:both
}
#agents {
padding-left:5px;
}
#agents img {
float:left;
margin:3px;
border:1px solid #CCC;
}
#contactus {
background:#121516;
color:#FFF;
padding:5px;
border-top:5px solid #60BAE9;
border-bottom:5px solid #60BAE9;
}
#contactus p{
color:#FFF;
}

.actioncall{
	width:275px;
	height:27px;
	background:url('bg_actioncall.png') no-repeat 0 0;
	color:#FFF;
	display:block;
	font-size:16px;
	font-weight:bold;
	padding:5px;
	padding-left:20px;
}
.actioncall:hover {
	background-position: 0 -37px;
	color:#FFF;
}
