/* CSS Document */



/*------------------Containers and Columns------------------*/
#H {background:#3f271a url(../img/header_bg.gif) repeat-x 0px 2.3em;}
#B {width:780px; margin:0 auto; position:relative; padding-top:15px;}
#F {width:780px; margin:0 auto; padding:0px 0 15px 0; clear:both;}
.inner {width:780px; margin:0 auto; position:relative;}
.leftCol {width:635px; float:left; background:url(../img/leftCol_bg.gif) repeat-y top right; margin:0 0 15px 0; padding:0 15px 15px 0; position:relative;}
.rightCol {width:120px; float:left; padding:0 0 15px 10px;}
.rightCol p {line-height:1.5em; padding-bottom:8px;}
/*----------------------------------------------------------*/

/*--------------------------Header--------------------------*/
#H .topBarC1 {background:#2f2219; border-bottom:1px solid #1d1510; overflow:hidden; padding:.4em 0;}
#H .topBarC1 ul li {float:left;padding:.2em 10px .2em 0px; color:#e2bd83; list-style:none;}
#H .topBarC1 ul li.tel {border-right:1px solid #95773c; margin-right:10px;}
#H .minHeight {height:82px; width:1px;}
/*----------------------------------------------------------*/

/*-----------------------Navigation-------------------------*/
#H #nav {background:#3e271a url(../img/nav_bg.gif) repeat-x bottom left; overflow:hidden;}
#H #nav ul li {float:left; list-style:none; width:130px; padding: 0; text-align:center;}
#H #nav ul li a {color:#fff; display:block;padding:1.1em 0 1.2em 0; background:url(../img/nav_div.gif) no-repeat right center}
#H #nav ul li a:hover {color:#e2bd83;}
#H #nav ul li a.active {color:#000; background:#fff url(../img/active_shaddow.gif) no-repeat right bottom;}
#H #nav ul li a.active:hover {color:#000;}

#H #logo {width:427px; height:81px; position:absolute; top:1px; left:-50px;}

#H #quickLinks {text-align:right; margin:30px 0 24px 0; position:absolute; top:4px; right:0;}
#H #quickLinks li {list-style:none; float:left; padding:5px 0 5px 19px; margin-left:10px;}
#H #quickLinks li.contact {background:url(../img/icon_contact.gif) no-repeat left center;}
#H #quickLinks li.brochure {background:url(../img/icon_brochure.gif) no-repeat left center;}
#H #quickLinks li a {color:#e2bd83;}
#H #quickLinks li a:hover {color:#fff;}
#H #quickLinks li a.active {color:#fff;}
#H #quickLinks li a.active:hover {color:#fff;}
/*----------------------------------------------------------*/

/*--------------------Body Links Styles---------------------*/
#B a.textLink, #F a.textLink {color:#926505; font-size:1.1em; line-height:1.6em; background:url(../img/icon_link.gif) no-repeat right center; padding:0 15px 1px 0; margin-right:10px;}
#B a:hover {color:#000;}
/*----------------------------------------------------------*/

/*----------------3 Column Sections Homepage----------------*/
#B .sections {background:url(../img/sections_bg.gif) no-repeat center top; clear:both; padding:10px 0 15px 0; width:100%; overflow:auto;}
#B .sections .col {width:249px; float:left;}
#B .sections .one {padding-right:10px;}
#B .sections .two {width:240px; border:1px solid #dbdbdb; border-width:0px 1px; padding:0 10px;}
#B .sections .three {padding-left:10px;}
/*----------------------------------------------------------*/

/*------------Right Reservations link on homepage-----------*/
#B .rightSection {background:url(../img/dotted_div.gif) repeat-x bottom left; padding-bottom:10px; margin-bottom:15px;}
#B .rightSection p {padding:0;}
/*----------------------------------------------------------*/

/*-----------Content Container, 1px border bottom-----------*/
#B .contentSection {border-bottom:1px solid #e2e1e1; padding-bottom:15px; margin-bottom:10px; width:100%; overflow:auto;}
#B .contentSection ul li { background:url(../img/ul_bullet.gif) no-repeat 0 10px; padding-left:12px;}
#B .contentSection li {margin:0; color:#5e5e5e; padding:4px 0; line-height:1.5em;}
/*----------------------------------------------------------*/

/*------------H1 Page titles, image replacement-------------*/
#B .title span {display:none;}
#B .titleWelcome {background:url(../img/titles/home_welcome.gif); width:378px; height:27px;}
#B .titleVillas {background:url(../img/titles/villas.gif); width:378px; height:27px;}
#B .titlePool {background:url(../img/titles/pool.gif); width:378px; height:27px;}
#B .titleActivities {background:url(../img/titles/activities.gif); width:378px; height:27px;}
#B .titleContact {background:url(../img/titles/contact.gif); width:334px; height:27px;}
#B .titleAddress {background:url(../img/titles/address.gif); width:334px; height:27px;}
#B .titleSafari {background:url(../img/titles/safari.gif); width:334px; height:27px;}

#B .title {background-position:top left; background-repeat:no-repeat; padding:0 0 3px 0; margin:0;}
/*----------------------------------------------------------*/

/*----------------------Home Slideshow----------------------*/
#B .miniGallery {padding-bottom:15px;}
#SlideShow {border: 1px solid #D2E4B4; padding: 2px; width: 555px; margin:auto auto 10px auto; overflow:hidden;}
#SlideShow ul {list-style: none; padding: 0px; margin: 0px;}
#SlideShow li {list-style-type: none; padding: 0px; margin: 0px; line-height:1em;}
#SlideShow ul#SlidesCanvas {background: #fff; padding: 0px; margin: 0px; line-height:1em; }
#SlideShow ul#SlidesCanvas li img {display: none; padding: 0px; margin: 0px; line-height:1em;}
#SlideShow ul#SlidesNavigator {background:#dcdcdc; float:left; padding:1px; line-height:1em; margin:0;}
#SlideShow ul#SlidesNavigator li {float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; padding:4px 3px; margin:0px 1px 0px 0px; cursor: pointer; line-height:1em; background:#e7e7e7;}
#SlideShow ul#SlidesNavigator li:hover {color:#000;}
#SlideShow ul#SlidesNavigator li.actionstart {background:#e7e7e7 url(../images/play.gif) no-repeat 5px center; padding-left: 22px; margin:0px;}
#SlideShow ul#SlidesNavigator li.actionstop {background:#fff url(../images/stop.gif) no-repeat 5px center; padding-left: 20px; margin:0px;}
#SlideShow ul#SlidesNavigator li.selectedIndex {color: #94BE68; background:#fff;}
/*----------------------------------------------------------*/

/*---------------Contact and Reservation forms--------------*/
#B #contactC1 {background:#e5edf8; border:1px solid #d1dff2; padding:9px; width:615px; overflow:auto;}
#B #contactC1 h2 {color:#048bbe; font-size:1.2em; padding:0 0 15px 0; margin:0; line-height:1em;}
#B #contactC1 label {color:#5e5e5e; font-size:1.1em; width:60px; display:block; float:left; padding:4px 0 0 0; margin:0; line-height:1em;}
#B #contactC1 input {border:none; background:#fff; border-top:1px solid #cedbec; margin:0 0 10px 0; line-height:1.3em; padding:3px 3px 4px 3px; color:#5e5e5e;}
#B #contactC1 .formLeft {width:300px; float:left;}
#B #contactC1 .formLeft input {width:230px; float:left;}
#B #contactC1 .formLeft input.dateFrom, #B #contactC1 .formLeft input.dateTo {width:97px; background:#fff url(../img/input_calendar.gif) no-repeat center right;}
#B #contactC1 .formLeft input.dateFrom {float:left;}
#B #contactC1 .formLeft .labelDateTo {width:auto; padding-left:10px; width:20px;}
#B #contactC1 .formLeft .message {border:none; background:#fff; border-top:1px solid #cedbec; margin:0 0 10px 0; padding:3px 3px; height:104px; width:230px; float:left; color:#5e5e5e; overflow:auto;}
#B #contactC1 .formRight {width:294px; border-left:1px solid #c6daf6; padding-left:10px; margin-left:10px; float:left; overflow:auto;}
#B #contactC1 .formRight input {width:228px; float:left;}
#B #contactC1 .formRight .contactMessage {border:none; background:#fff; border-top:1px solid #cedbec; margin:0 0 10px 0; padding:3px 3px; height:166px; width:228px; float:left; color:#5e5e5e; overflow:auto;}
#B #contactC1 .formRight label {width:56px;}
#B #contactC1 input.button {float:right; width:auto;border:none; border-bottom:1px solid #c5d4ea; background:#fff; color:#048bbe; padding:2px 0px 2px 0; line-height:1.1em; margin:0 4px 0 0; width:54px; font-size:1.1em;}
#B #contactC1 input.button:hover {background:#fff; color:#000; cursor:pointer;}
#B #contactC1 form:focus {border-bottom:none;}
#B .addressC1 {width:260px; float:left; overflow:hidden;}
#B .addressC1 p {padding-bottom:5px; margin:0;}
#B .address {border-bottom:1px solid #e2e1e1; width:260px; padding:5px 0 0 0;}
#B .addressInfo {border-bottom:1px solid #e2e1e1;width:260px; padding:5px 0 0 0; margin-bottom:5px;}
#B .footNote {font-size:1em; line-height:2em; font-style:italic; color:#5e5e5e;}
#B .googleMaps {background:url(../img/icon_google.gif) no-repeat 0px 6px; padding:5px 0 4px 13px;}
#B .googleMaps a {font-size:11px;}
#B .locationC1 {width:365px; padding-left:9px; float:left; overflow:hidden; padding-top:15px;}
/*----------------------------------------------------------*/


/*--------------------Content page Images-------------------*/
#B .imageC1 {float:right; overflow:auto; width:auto; margin:0 0 10px 10px; padding:0;}
#B .imageC1 img {display:block; margin-bottom:5px; float:none;}
#B .imageC1 a {}
/*----------------------------------------------------------*/


/*--------------------Result page styles--------------------*/
.results {}
.results .result { overflow:hidden; padding-bottom:5px; border-bottom:1px solid #e2e1e1; margin:10px 0 10px 0;}
.results .result .contactInfo {background:#e4eef4; border-bottom:1px solid #d8e2e8; width:100%; overflow:auto; padding:6px 0 5px 0; margin-bottom:10px;}
.results .result .contactInfo h3.name {float:left; border-right:1px solid #ccc; padding:0 5px; line-height:1em;}
.results .result .contactInfo span.date {padding:0 5px; float:right; font-size:1.1em; line-height:1em; color:#048bbe;}
#B .results .result .contactInfo a.email {padding:0 5px; float:left; display:block; font-size:1.1em; line-height:1em; color:#5e5e5e;}
#B .results .clear {border-top:1px solid #d8e2e8; padding-bottom:5px;}
#B .results .dateFromResult {float:left; padding:0 10px 0 0; border-right:1px solid #ccc; line-height:1em;}
#B .results .dateToResult {float:left; padding:0 10px 0 10px; border-right:1px solid #ccc; line-height:1em;}
#B .results .telephoneResult {float:left; padding-left:10px;line-height:1em;}
#B .results .result strong {padding-right:3px;}
.hiddenFields {display:none;}
/*----------------------------------------------------------*/

/*--------------------------Footer--------------------------*/
#F {padding-top:10px;}
#F a.textLink {background:none; padding:0; margin:0; font-size:11px;}
#F a.textLink:hover {color:#000;}
#F p {padding:0;}
#F .footerInner {background:url(../img/div_footer.gif) repeat-x bottom left; overflow:hidden; padding-bottom:6px;}
#F .siteInfo {float:right; width:400px; text-align:right;}
#F .info {padding:5px 0 0 0;}
#F .info img {margin-right:5px; border:none; padding:0; background:none;}
.companyInfo {font-size:1em; color:#a9aaad;}
/*----------------------------------------------------------*/











/*--------------------Popup Input Calendar-----------------*/
table.jCalendar {background: #fff; border-spacing:0px; padding:0; margin:0; width:140px; text-align:center;}
table.jCalendar th {background: #048bbe; color: #fff; font-weight: bold;	padding: 3px 5px;}
table.jCalendar td {background: #e5edf8; color: #048bbe; padding: 3px 3px; margin:0; text-align: center; border-spacing:0px}
table.jCalendar td.other-month {background: #fff; color: #048bbe;}
table.jCalendar td.today {background: #048bbe; color: #fff;}
table.jCalendar td.selected {background: #81bcd5; color: #fff;}
table.jCalendar td.selected:hover {background: #81bcd5;	color: #fff;}
table.jCalendar td:hover, table.jCalendar td.dp-hover {background: #81bcd5;	color: #fff;}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {background: #d9e3f1;color: #90c7dc;}
/* For the popup */
div.dp-popup {position: relative; background:#fff; font-size: 9px; font-family: arial, sans-serif; padding: 2px 6px 6px 6px; width: 154px; line-height: 1.1em; margin:20px 0 0 0px; border:1px solid #a7c0e0;	text-align:center; width:141px;}
div#dp-popup {position: absolute; z-index: 199;}
div.dp-popup h2 {font-size: 11px; text-align: center; margin:0;	padding: 3px 0;	color:#048bbe;	width:154px; line-height:1.3em;}
a#dp-close {font-size: 11px; padding: 4px 0; text-align: center; display:block;}
a#dp-close:hover {text-decoration: underline;}
div.dp-popup a {color: #048bbe; text-decoration: none;	padding: 3px 2px 0;}
div.dp-popup div.dp-nav-prev {position: absolute; top:2px; left:4px; width:100px;}
div.dp-popup div.dp-nav-prev a {float: left;}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor: pointer;}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor:default; color:#048bbe;}
div.dp-popup div.dp-nav-next {position: absolute; top:2px; right:4px; width:100px;}
div.dp-popup div.dp-nav-next a {float:right;}
div.dp-popup a.disabled {cursor:default; color:#fff;}
div.dp-popup td {cursor: pointer;}
div.dp-popup td.disabled {cursor:default;}
/*----------------------------------------------------------*/




#B .galleria, #B .galleria li {padding:0; margin:0; line-height:0; text-indent:0; width:auto; height:auto; list-style:none; width:100%; overflow:auto;}

#B .galleria {padding-top:2px;}
#B .galleria li {float:left; border:1px solid #d3d3d3; width:109px; padding:4px; margin-right:10px; margin-bottom:10px;}
#B .galleria li.lastChild {margin:0px;}
#B .galleria li a {display:none}
#B .galleria li img.thumb {cursor:pointer;}
#B .caption {display:none;}
#B #main_image {border:1px solid #d3d3d3; padding:4px; width:625px; height:263px; overflow:hidden; margin-bottom:10px; position:relative;}

#B .gallery h3 {padding:10px 0 3px 0; margin:0; color:#926505;}