@charset "utf-8";
/*==============================
 		Title:Offtocabo home wide
		Date:14.07.09
 =============================*/
body {
		font-family     : Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
		text-align      : center;
		background      : #c1d2e3 url(/public/images/bg.gif) repeat-x  top;
		font-size		: 12px;
}
* {
		margin          : 0;
		padding         : 0;
		outline-style   : none;
		outline-width   : 0;
}
img,fieldset {
	border          	: none;
}
ul,ol,li {
		list-style      : none;
		
}
input, textarea, select {
		font-family     : inherit;
		font-size       : inherit;
		font-weight     : inherit;
}
a {
		text-decoration : none;
}
a:visited {
		text-decoration : none;
}
a:hover {
		text-decoration : underline;
}
.hide,a b {
		 position       : absolute;
		 left           : -9999px;
}

.clear { clear:both; }
.clearfix:after { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.box{width:100%;margin-bottom:.5em;}
.box .hd .c,.box .ft .c { font-size:1px;height:4px; }
.box .ft .c { height:4px; }
.box .hd { background:transparent url('images/box_tl.gif') no-repeat 0px 0px;margin-right:4px; }
.box .hd .c { background:transparent url('images/box_tr.gif') no-repeat right 0px;margin-right:-4px;}
.box .bd { background:transparent url('images/box_ml.gif') repeat-y 0px 0px; }
.box .bd .c { background:transparent url('images/box_mr.gif') repeat-y right 0px; }
.box .bd .c .s { margin:0 1px 0 1px;background:#fff url('images/box_bg.gif') repeat-x bottom;padding:0 .3em; }
.box .ft { background:transparent url('images/box_bl.gif') no-repeat 0px 0px;margin-right:4px; }
.box .ft .c { background:transparent url('images/box_br.gif') no-repeat right 0px;margin-right:-4px;}

/* Page Structure ==============================================
------------------------- Start wrapper ----------------------*/
#wrapper{
		margin:0 auto;
		text-align:left;
		width:1000px;
		position:relative;
}
/*------------------------- Start header ----------------------*/
#header{
		width:1000px;
		height:105px;
}
#header #weather{
		position: relative;
}
#header #weather div{
		position: absolute; top: 4px; left: 12px; z-index:0; padding: 0px !important; width: 350px !important; color: #ffffff !important; font-size: 11px !important;
}
#header #weather div table, #header #weather div table td{
	background: none !important;
	border: none !important;
	text-align: center !important;
	color: #ffffff !important;
	position: relative;
}
#header #weather div table, #header #weather div table td b{ }
#header #weather div table td {padding: 0 3px; width: 132px;}
#header #weather div table a {color:transparent; position: relative; font-size:0px; color: transparent;}
#header #weather div table a img {height: 20px; width: 20px; margin: 0 auto; display: block;/*position: absolute; right: -10px;*/}
#header #weather #coverup{
		background: none;
		position: absolute;
		z-index: 1;
		bottom: -22px;
		left: 10px;
}
#header #weather div table td br {
	height: 0px;
	display: none;
}
#header #weather #coverupTop{
		background: #13446A;
		position: absolute;
		z-index: 1;
		top: 47px;
		left: 10px;
		height: 6px;
}
#header #weather #coverupBtm{
		top: 53px;
		left: 10px;
		z-index: 999;
}
#header #weather #weather-description{
		position: absolute;
		right: 70px;
		top: 7px;
}
/*------------------------- Start topArea ----------------------*/
.topArea{
		width:605px;
		height:57px;
		background:url(/public/images/top-area.gif) no-repeat top;
		float:right;
		margin-right:42px;
		display:inline;
}
.topArea ul{
		padding-left:38px;
}
.topArea ul li{
		float:left;
		font-size:10px;
		width:87px;
		padding:8px 0 0 0px;
}
.topArea ul li img{
		float:left;
		margin-right:6px;
}
.topArea ul li b{
		color:#fff;
		width:33px;
		float:left;
		padding-top:6px;
}
.topArea ul li b i{
		display:block;
}
.topArea span{
		color:#c8c8c8;
		font-size:12px;
		line-height:18px;
		float:right;
		padding: 0;
}
.topArea span strong{
		font:bold 14px "Trebuchet MS";
		color:#e1e8ec;
		display:block;
}
.topArea span a{
		color:#c8c8c8;
}
/*------------------------- Start navigation ----------------------*/
.navigation{
		height:30px;
		float:right;
		width:593px;
		padding:22px 50px 0 0;
}
* html .navigation{
		overflow:hidden;
}
*+ html .navigation {
		padding:19px 50px 0 0;
}
.navigation li{
		float:left;
		position:relative;
		background:url(/public/images/bar.gif) no-repeat left 3px;
		padding-left:2px;
}
.navigation .first{
		background:none;
}
.navigation li a{
		float:left;
}
.home{
		background:url(/public/images/home.gif) no-repeat;
		width:50px;
		height:30px;
}
#home-beaches{
		padding: 25px 10px 15px;
		background: #fff7f5;
		width: 93%;
}
.house{
		background:url(/public/images/house-tour.gif) no-repeat;
		width:79px;
		height:30px;
}
.reservations{
		background:url(/public/images/reservation.gif) no-repeat;
		width:87px;
		height:30px;
}
.cabo{
		background:url(/public/images/why-cabo.gif) no-repeat;
		width:73px;
		height:30px;
}
.photo{
		background:url(/public/images/photo.gif) no-repeat;
		width:90px;
		height:30px;
}
.faq{
		background:url(/public/images/faq.gif) no-repeat;
		width:46px;
		height:30px;
}
.contact{
		background:url(/public/images/contact-us.gif) no-repeat;
		width:77px;
		height:30px;
}
.resources{
		background:url(/public/images/resouces.gif) no-repeat;
		width:73px;
		height:30px;
}
.navigation li a:hover{
		background-position:0 -30px;
}
.navigation  li ul{
		position:absolute;
		width:178px;
		top:30px;
		left:2px;
		padding:13px 0 6px 9px;
		background: url(/public/images/dropdown-bg.gif) no-repeat bottom;
		display: none;
}
.navigation li:hover ul, .navigation li.over ul { display: block; }
.navigation li ul li{
		clear:both;
		background:none;
		width: 165px;
}
.navigation li ul li a{
		color:#31353d;
		font:bold 11px Arial, Helvetica, sans-serif;
		height:19px;
}
.navigation li ul li a:hover{
		text-decoration:underline;
		color:#13446a;
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

/*-----------------------  Start mainBody  ---------------------*/
#mainBody{
		width:1000px;
		overflow:hidden;
		background:url(/public/images/main-bg.gif) repeat-y right;
		float:left;
		padding-bottom:23px;
}
/*------------------------- Start mainArea ----------------------*/
.mainArea{
		background:url(/public/images/joint-bg.gif) repeat-y 277px top;
}
/*------------------------- Start mainBackground ----------------------*/
.mainBackground{
		background:url(/public/images/top-part.gif) no-repeat right -1px;
		overflow:hidden;
		width:1000px;
}
/*-----------------------  Start side  ---------------------*/
.side{
		width:240px;
		float:left;
		display:inline;
		margin-left:50px;
		padding-top:135px;
}
/*------------------------- Start gallery ----------------------*/
.gallery{
		position:absolute;
		left:0;
		top:8px;
}
/*------------------------- Start formArea ----------------------*/
.formArea {
		padding-left:15px;
}
.formArea h2{
		padding-bottom:6px;
}
.formArea ul{
		width:200px;
		background:url(/public/images/left-shadow.gif) repeat-x bottom;
		overflow:hidden;
		padding:5px 0 0 5px;
		border:1px solid #d6dce0;
		border-width:1px 0 1px;
		margin:0 0 7px 10px;
}
.formArea ul img{
		clear:both;
		display:block;
		margin-right:120px;
}
.formArea ul li strong img{
		padding-bottom:4px;
}	
.formArea ul li{
		padding:4px 0 6px;
}
.formArea select{
		width:50px;
		float:left;
		margin-right:4px;
}
.formArea .secondSelect{
		width:57px;
}
.formArea .thirdSeclect{
		width:64px;		
}
.formArea input#submit{
		font-size: 0px;
		width:49px;
		height:23px;
		background:url(/public/images/search.gif) no-repeat;
		border:none;
		float:right;
		margin-right:15px;
		display:inline;
		cursor:pointer;
}
/*------------------------- Start photoGallery ----------------------*/
.photoGallery{
		clear:both;
		margin-left:15px;
}
.photoGallery h2{
		background:url(/public/images/border.gif) no-repeat 13px  bottom;
		padding-bottom:7px;
}
.photoGallery img{
		border:1px solid #7d98ad;
		margin:21px 0 0 19px;
}
.photoGallery h2 img{
		border:none;
}
.photoGallery span{
		margin:10px 0 0 15px;
		float:left;
}
.photoGallery span img{
		border:4px solid #7d98ad;
		margin:0;
}
.photoGallery #more-photos{
		float:right;
		border:none;
		cursor:pointer;
		margin:0px 27px 20px 0;
}
.photoGallery #more-photos img{
		border: none;
}

/*-----------------------  Start main  ---------------------*/
.main{
		width:689px;
		float:right;
		overflow:hidden;
}
/*------------------------- Start contnetArea ----------------------*/
.contentArea{	
		padding:20px 0px 0 31px;
}
.contentArea h1, .contentArea h2, .contentArea h3, .contentArea h4, .contentArea h5, .contentArea table{
		padding: 5px 35px 10px 20px;
}

.contentArea h1 {font-size: 18px;}
.contentArea h2 {font-size: 16px;}
.contentArea h3 {font-size: 14px;}
.contentArea h4 {font-size: 13px;}
.contentArea h5 {font-size: 12px;}
.contentArea h6 {font-size: 12px;}

/*.contentArea table{
		padding:0px 0 15px 20px;
}*/
.contentArea table{
		padding: 0 0 25px 25px;
		width: 60%;
		letter-spacing: 1px;
}
.contentArea table th, .contentArea table td{
		padding: 3px;
}
.contentArea table th{
		font-weight: bold;
}
/*
.contentArea p{
		font:bold 11px/13px Trebuchet MS, Arial, Helvetica, sans-serif;
		color:#666666;
		padding:0 35px 13px 20px;
}*/
.contentArea p{
		font: 100%/13px Trebuchet MS, Arial, Helvetica, sans-serif;
		color:#333333;
		padding:0 35px 13px 20px;
		line-height: 18px;
}
.contentArea ul{
		padding: 0 0 15px;
		float: none;
}
.contentArea ul li{
		padding: 0 0 5px 40px;
}
.readMore{
		float:right;
		border:none;
		cursor:pointer;
		display:inline;
}
.contentArea dl{
		clear:both;
		width:650px;
		padding-top:20px;
}
.contentArea dl dd{
		width:195px;
		margin-right:21px;
		float:left;
}
.contentArea dl dd h3{
		height:20px;
		overflow:hidden;
		padding-bottom:9px;
		float:left;
}
.contentArea dl dd img{
		border:1px solid #7f7f7f;
}
.contentArea dl dd h3 img{	
		border:none;
}
.contentArea dl dd p{
		padding:10px 0 0;
		min-height:78px;
		margin-bottom:-7px;
}
* html .contentArea dl dd p{
		height:78px;
		margin-bottom:0;
}
*+ html .contentArea dl dd p{
		margin-bottom:0;
}
.contentArea dl dd .readMore{
		margin:10px 0 0;
		float:right;
		display:inline;
		border: none;
}

/*
06. Right sidebar
--------------------------------------------------
**/

#right-sidebar
{
  width:650px;
  float:right;
  padding:0 20px 0 0;
  color:#466174;
}
#right-sidebar-wrapper{ width:100%; }
.right-box-content { width:100%;float:left;}

/*#right-sidebar .box .bd .c .s { background:#fff; }*/

/*
06.a Listing
........................................................
*/
#listing-header 
{
  border-bottom:2px solid #466174;
  padding:1em 0 1em .6em;
}
#listing-footer {
  border-top:2px solid #466174;
  padding:1em 0 1em .6em;
}


#listing-header-left,#listing-footer-left
{
  width:48%;
  float:left;
  line-height:23px;
}
#listing-header-right,#listing-footer-right
{
  width:48%;
  float:right;
  text-align:right;
}
#listing-content
{
  clear:both;
  padding:.4em;
}

/*listing item*/
.listing-item-box
{
  background:url('images/listing-item-bg.gif') repeat-x bottom;
  padding:.4em 0 .8em 0;
}
.listing-item-box-last
{
  background:transparent;
}

/*listing item left */
.listing-item-left
{
  width:570px;
  float:left;
}
.listing-item-path { clear:both; }
.listing-item-path a, 
.listing-item-path a:link,
.listing-item-path a:visited { font-size:11px;color:#466174;text-decoration:none; }
.listing-item-path a:hover { color:#f63;text-decoration:underline; }

.item-thumb {float:left;margin:.5em 0 0 0; }
.item-vote {margin:.2em 0 0 0;}
.item-vote img { margin:0 .2em 0 0; }
.item-thumb img.thumb { padding:2px;border:2px solid #e2ecf3; }
.item-thumb img.selected { padding:2px;border:2px solid #f63;}
.item-featured { width:38px;height:35px;position:absolute;padding:4px;}
.item-description { font-size:11px;padding:.4em;width:420px;float:right;line-height:14px; }


/*listing item right */
.listing-item-right
{
  width:170px;
  float:right;
  font-size:11px;
}

h2.listing-title,h2.listing-title a
{
  font-size:13px;
  font-weight:bold;
  margin:.3em 0 .3em 0;
  color:#37597E;
}
h2.listing-title a:hover {
  
}

.item-options {}
.item-options-top { font-size:1px;height:7px;background:transparent url('images/listing-item-options-top.gif') no-repeat top left; }
.item-options-content { background:transparent url('images/listing-item-options-content.gif') repeat-y left;padding:5px; }
.item-options-content span { display:block;padding:.3em 0 .3em .4em;clear:both; }
.item-options-content span.item-rate { font-weight:bold;font-size:12px; }
.item-options-content a { color:#466174;display:block;clear:both; line-height:22px;/*height:22px;*/text-decoration:none; }
.item-options-content a img {vertical-align:middle;padding:.3em;}
.item-options-bottom { font-size:1px;height:7px;background:transparent url('images/listing-item-options-bottom.gif') no-repeat left;}

/*paging*/
.paging { padding-right:.4em; }
.paging a, .paging a:link, .paging a:visited 
{ 
  font-size:11px;
  background:#6B8190;
  color:#fff;
  text-decoration:none;
  height:23px;line-height:23px;
  padding:1px 5px 1px 4px;margin:0 1px; 
}

.paging a:hover { background:#f63;}

/*
06.b PROPERTY Details
........................................................
*/
#details { }
#details h2{ padding: 0 0 0 20px; }
#details #reviews,#details #views {
  width:80px;
  height:50px;
  border:2px solid #E3E7EA;
  position:absolute;
  margin-left:465px;
  text-align:center;
  padding:0 0 .3em 0;
}
#details #views { width:70px;margin-left:555px; }

#details#reviews span.title, #details #views span.title { display:block;background:#e4e7ea;line-height:14px;font-weight:bold;text-transform:uppercase;clear:both;font-size:11px; }
#details #reviews span.number,#details #views span.number{ display:block;font-size:14px;font-weight:bold;clear:both;color:#f63;padding:.3em;}
#details #views span.number { padding-top:.8em; }
#details #reviews a,#views a { color:#333;padding:.2em; }

#details .details_nav {
  height:20px;
  padding:.4em .3em;
  clear:both;
  color:#466174;
}
#details .details_box
{
  clear:both;
  margin:1em 0 2em 0;
  color:#333;
}
#details .overview {
  width:30%;
  float:left;
  margin:0;padding:0;
  padding:.3em 0 0 2em;
  margin:.5em 0;
}
#details .overview li { line-height:20px; padding: 0;}

#details .options {
  width:30%;
  margin:0;padding:0;
  padding:.4em 0 0 1em;
  margin:.5em 0;
  float:left;
  list-style:none;
}
#details .options a { color:#333;font-weight:bold;text-decoration:underline; }
#details .options li { height:24px;line-height:23px; }
#details .options li img { margin:0 .3em 0 0;vertical-align:middle;}

#details .details_splitter
{
  border-bottom:1px solid #CED5DA;
  height:5px;
  clear:both;
  margin:0 0 .2em 0;
}
#details .details_splitter_grey
{
  border-bottom:1px solid #ECEEF0;
  height:5px;
  clear:both;
  margin:0 0 1em 0;
}

#details .details_body
{
  padding:.5em .5em;
}
#details .details_body p { line-height:20px;}

#details h1.details_title
{
  font-size:14px;
  font-weight:bold;
  margin:.5em 0;
  color:#466174;
  text-transform:uppercase;
}

#details #details_gallery, #villa_layout{ margin:.5em 0 0 0; }
#details #details_gallery ul, #villa_layout ul
{
  list-style:none;margin:0;padding:0;
}
#details #details_gallery li, #villa_layout li { margin:0;padding:0;display:inline;margin:0 .2em; }
#details #details_gallery img, #villa_layout img { border:2px solid #f0f0f0;padding:2px;width:120px;height:80px;overflow:hidden; }
#details #details_gallery li a:hover img, #villa_layout a:hover img { border:2px solid #f60; }

#details #details_map { width:98%;height:300px;clear:both; }

#details .facilities { margin:.5em 0 0 0; }
#details .facilities ul { list-style:none;margin:0;padding:0;padding:0 .5em; }
#details .facilities li { margin:0;padding:0;display:inline;margin:0 .2em 0 0; }
#details .facilities span { display:block;float:left;width:250px;height:25px;margin:0 2em 0 0;line-height:22px; }
#details .facilities span.feature_on
{
  background:url('images/f_on.gif') no-repeat center left;
  padding:0 0 0 1.8em;
  color:#333;
}
#details .facilities span.feature_off
{
  background:url('images/f_off.gif') no-repeat center left;
  padding:0 0 0 1.8em;
  color:#ccc;
}

#details .details_menu { margin:0;padding:0;list-style:none;clear:both;margin:0 0 1em 0;background:#F4F6F7; }
#details .details_menu li { display:inline;margin:0 .2em; padding: 0;}

#details .details_menu li a span { padding:0 .2em; }
#details .details_menu li a,.details_menu li a span { color:#333;text-decoration:none;font-weight:bold;font-size:11px;line-height:20px; }
#details .details_menu li a { color:#409BED;}
#details .details_menu li a:hover { color:#f63; } 

#details .rates {background:#fff;border:1px solid #fff; padding: 0; letter-spacing: normal; width: 98%; }
#details .rates th {background:#CDD5DA;color:#fff;font-weight:bold;line-height:22px;vertical-align:middle;padding:0 0 0 .2em; }
#details .rates td {padding:.4em 0 .4em .2em;}
#details .rates tr.alt { background :#F2F4F5; }

#details h3.reviews_title { font-size:13px;font-weight:bold;padding:.3em 0;}
#details .reviews_footer { font-size:11px;color:#ccc; }

#details .logo-box { position:absolute;margin-left:600px; }
#details .logo-box img {padding:.2em;border:2px solid #fff;}
#details .owner-info li { padding:.3em;}
#details .owner-info li p { width:400px;text-aling:justify; }

#details .form-errors p, #details .form-success p{ color: #990000; }

.orange {
  color:#f63;
  background:transparent url('/public/images/orange_arrow.gif') no-repeat left ;
  padding:0 0 0 1.5em;
  margin:1em 0 1em 1em;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
}
.light-blue
{
  color:#007CB7;
  background:transparent url('/public/images/light_blue_arrow.gif') no-repeat left ;
  padding:0 0 0 1.5em;
  margin:1em 0 1em 1em;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
}


/*-----------------------  Start footer  ---------------------*/
.footer{
		padding-left:142px;
		clear:both;
}
.footer p{
		padding:24px 0 50px;
		line-height:25px;
}
*+ html .footer p{
		padding-top:12px;
}
.footer p,.footer p a{
		color:#31353d;
		font-size:11px;
		text-align:center;
		font:normal 11px Tahoma, Helvetica, sans-serif;
		margin-bottom:14px;
}
.footer p span{
		margin-top:12px;
		display:block;
}