@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
a { outline: none; color: #068dca	; text-decoration: none; }
a:hover { text-decoration: underline; }
p { margin: 5px 0; }
li { list-style: none; }
h2 small { float: left; line-height: 0pt; font: 14px Arial, Helvetica, sans-serif; color: #828282; text-transform: uppercase; font-size: 10px; letter-spacing: 0px;  }
h2 a { color: inherit; }
h2 a:hover { text-decoration: none; color: #068dca; }
h2 { width: 100%; display: block; margin-bottom: 10px; font: italic 24px "Palatino Linotype", Georgia, "Times New Roman", Times, serif; color: #32b9df; }
h3 { width: 100%; display: block; font: bold 16px/18px Trebuchet MS, Arial, Helvetica, sans-serif; color: #318db9; }
body { background: #fff url(../images/bg-hor.jpg) repeat-x; width: 100%; height: auto; font: 12px/16px Verdana, Arial, Helvetica, sans-serif; color: #447385; }

.frameImages { padding: 5px; border: #dedede 1px solid; }

/*Wrapper*/
#wrapper { margin: 0 auto; width: 940px; height: auto; background: url(../images/bg-wrapper.jpg) top no-repeat; border: 0px solid; }
#top { width: 100%; height: auto; margin-bottom: 20px; }
	#top .logo { background: url(../images/logo.png); float: left; display: block; width: 139px; height: 124px; text-indent: -999em; margin-left: 10px; }
	#top .callUs { background: url(../images/call-us.png) bottom no-repeat; float: right; width: 277px; height: 72px; margin-top: 12px;  padding-bottom: 40px; color: #fff; text-align: center;  }
	#top a { color: inherit; }
	
/*Typography*/
#typo { background: url(../images/bg-typography.png) no-repeat; width: 900px; height: 100px; margin-bottom: 20px; padding: 20px; }
#typo q { font: italic 24px/30px "Palatino Linotype", Georgia, "Times New Roman", Times, serif; color: #fff; }
#typo q strong { color: #eff633; font-weight: normal; }

/*Slider*/
#mainNav-slider { width: 100%; height: auto; margin-bottom: 40px; }
#mainNav-slider .nav { float: left; display: block; width: auto; min-height: 100px; height: auto; padding-top: 20px; margin: 0 20px 0 0; }
#mainNav-slider .slider { float: right; display: block; width: 685px; height: 277px; }

/*QuadList*/
#quad { width: 100%; clear: both; margin-bottom: 20px; }
#quad li { float: left; display: block; width: 220px; margin-right: 20px; height: auto; list-style: none; }
#quad #last { margin-right: 0; }
#quad li h2 { margin-bottom: 0; }
#quad img { padding-top: 10px; }

#subscribe { background: url(../images/offer.png) no-repeat; display: block; width: 165px; height: auto; padding: 120px 112px 18px 182px; border: none; margin-bottom: 20px; } 

/*Container*/
#container { width: 100%; height: auto; clear: both; }
#container .content { margin: 0 0 30px 0;  height: auto; }
#container h2 { padding-bottom: 5px; border-bottom: #569db4 1px solid; }
#container .map { border: #00364f 5px solid; margin-bottom: 10px; }
#container p { margin: 0 0 20px 0; display: block; }
#container .leftCol { float: left; display: block; width: 460px; height: auto; margin-right: 20px; }
#container ul { margin: 5px 0; }
#container li { list-style: none; background: url(../images/arrow.gif) top left no-repeat; padding-left: 20px; margin: 5px 0; display: block; }
#container strong { color: #005780; }

/*SubPage Container*/
#subpageContainer { width: 100%; height: auto; clear: both; }
#subpageContainer .content { margin: 0 0 20px 0;  height: auto; clear: both; width: 100%; float: left; }
#subpageContainer h2 { padding-bottom: 20px; line-height: 16px; text-transform: uppercase; letter-spacing: -1px; font-size: 20px; }
#subpageContainer p { margin: 0 0 20px 0; display: block; }
#subpageContainer strong { color: #005780; }
#subpageContainer ul { margin: 10px 0 20px 0; }
#subpageContainer .listHead { background: none!important; padding-left: 0!important; font-weight: bold; padding-bottom: 10px; }
#subpageContainer li { list-style: none; background: url(../images/arrow.gif) top left no-repeat; padding-left: 20px; margin: 5px 0; display: block; }
#subpageContainer li p { margin: 5px 0; }

/*Resort Features*/
#resortFeatures { background: url(../images/img-resorthouse.jpg) left no-repeat; padding-left: 460px; }
#resortFeatures li { list-style: none; background: url(../images/arrow.gif) top left no-repeat; padding-left: 20px; margin: 5px 0; display: block; }

/*Accommodations*/
#subpageContainer .imgRooms { float: left; display: block; margin: 4px 10px 0 0; border: #323232 1px solid;  }
#subpageContainer .accommodations { margin: 0; clear: right; float: left; display: block; width: 256px; height: auto; min-height: 205px; }
#subpageContainer .accommodations li { background: url(../images/bullet.png) top left no-repeat; padding-left: 20px; margin: 0; font-size: 11px; width: 235px; display: block; }
#subpageContainer .accommodations .listHead { font-size: 14px; color: #c2a637; }
#subpageContainer span { float: right; margin-top: 10px; color: #8f8f8f; border-top: #f2f2f2 1px solid; width: 100%; text-align: right; padding: 5px 0; }
#subpageContainer span a { color: #c12c2c; font-weight: bold; }

/*table*/
table { width: auto; border-collapse:collapse; }
table th { font-weight: bold; background: #fbfbfb; }
table td, table th { padding: 10px; border: #ededed 1px solid; }
table td { color: #b34848; }

/*tablePromo*/
.tablePromo { margin-left: 20px; float: left; width: 600px; text-align: center; }

/*dining list*/
.diningList {}
.diningList li { width: 300px; float: left; display: block; margin-right: 20px!important; background: none!important; padding: 0!important; }
.diningList #last { margin-right: 0!important; }

/*Blog & Testimonials*/
.blogBlock, .testiBlock { margin-bottom: 20px; width: 100%; height:auto; display: block; float: left; clear: both; }
.testiBlock { margin-bottom: 0px; }
.blogBlock small, 
.testiBlock small { color: #58afd9; font: 10px Trebuchet MS, Arial, Helvetica, sans-serif; margin-bottom: 20px; display: blockl; float: left; }
.blogBlock small a, .testiBlock small a { font-style: italic; color: #58afd9; }
.blogBlock img, .testiBlock img, .blogBlock p, .testiBlock p { clear: both; }
.blogBlock img, .testiBlock img { margin-bottom: 10px; }

/* ourgallery */
.ourGallery img { border: #fafafa 5px solid; margin: 2px; }
.ourGallery img:hover { border: #95deff 5px solid; }

/*ourPartners*/
.ourPartners img { border: #fafafa 5px solid; margin-right: 20px; }
.ourPartners li { background: none!important; padding: 0!important; width: auto; display: block; clear: both; margin: 10px 0; }

/*contactForm*/
#contactDetails { float: left; display: block; margin-right: 40px; }
#contactForm { float: left; display: block; }
/*#contactForm label { float: left; display: block; width: 70px; vertical-align: middle; padding: 10px; text-align: right; }
#contactForm .txt { background: url(../images/input.jpg) center no-repeat; width: 202px; height: 16px; padding: 10px; border: none; vertical-align: middle; color: #fff; }
#contactForm .txtarea { background: url(../images/txtarea.jpg) top no-repeat; width: 202px; height: 118px; padding: 10px 10px 10px 10px; border: none; vertical-align: middle; }
#contactForm .submit { background: url(../images/submit.jpg); width: 220px; height: 29px; display: block; border: none; }
#contactForm .submit:hover { cursor: pointer; }*/

/*leftCol*/
#container .leftCol, #subpageContainer .leftCol { float: left; display: block; width: 460px; height: auto; margin-right: 20px; }
/*rightCol*/
#container .rightCol, #subpageContainer .rightCol { background: url(../images/bg-rightcol.jpg) bottom right no-repeat; float: left; display: block; width: 460px; height: auto; }
#subpageContainer .rightCol { background: none; }

/*share*/
#share { width: 100%; height: auto; display: block; }
#share li { width: auto; height: 30px; display: block; margin: 5px 0; margin-right: 0!important; }
#share a { display: block; width: auto; height: 100%; padding: 5px 0 7px 40px; }
#share .travelblog { background: url(../images/icon-travelblog.png) no-repeat; }
#share .twitter { background: url(../images/icon-twitter.png) no-repeat; }
#share .facebook { background: url(../images/icon-facebook.png) no-repeat; }
#share .youtube { background: url(../images/icon-youtube.png) no-repeat; }

/*bottomList*/
#bottomList { clear: both; width: 100%; margin-top: 30px; }
#bottomList li { float: left; display: block; width: 220px; height: auto; margin-right: 20px; }
#bottomList li.address { width: 460px; }
#bottomList #last { margin-right: 0; }
#bottomList h3 { width: auto; display: block; width: auto; font: 18px "Palatino Linotype", Georgia, "Times New Roman", Times, serif; text-shadow: 0 1px 1px #2890b0; color: #fff; padding: 4px 10px; background: url(../images/bg-h3.jpg) repeat-x; border: #0a4b6a 1px solid; margin-bottom: 20px; }
#bottomList .list li { padding-left: 17px; margin: 2px 0; width: 200px; background: url(../images/arrow2.png) left center no-repeat; }

/*footer*/
#footer { clear: both; width: auto; height:auto; padding: 20px 0; padding-right: 0; /*background: url(../images/footer-logo.jpg) right no-repeat;*/ margin-bottom: 20px; }
#footer span { color: #1989bd; }
#footer span a { color: inherit; font: 11px/18px Trebuchet MS, Arial, Helvetica, sans-serif; }
#footer p { font: 11px Trebuchet MS, Arial, Helvetica, sans-serif; }


/*slider*/
img{ border:none; }
	
/* image replacement */
.graphic, #prevBtn, #nextBtn{ margin:0;	padding:0; display:block;	overflow:hidden; text-indent:-8000px;	}
/* // image replacement */
			
#slideContainer{ margin:0 auto;	position:relative; text-align:left;	width:620px; background:#fff;	border: #fff 6px solid; }				
#slideContent{ position:relative;	}			

/* Easy Slider */
#slider{}	
#slider ul, #slider li{	margin:0;	padding:0; list-style:none; }

/* 
	define width and height of list item (slide)
	entire slider area will adjust according to the parameters provided here
*/ 
#slider li{ width:620px; height: 277px; overflow:hidden; }	
#prevBtn, #nextBtn{ display:block; width:64px; height:64px;	position:absolute; left:-35px; top:105px; }	
#nextBtn{ left:590px;	}														
#prevBtn a, #nextBtn a{	display:block; width:64px; height:64px;	background:url(../images/slider/btn-prev.png) no-repeat; }	
#nextBtn a{	background:url(../images/slider/btn-next.png) no-repeat; }												

/*calendar*/
#calendar { width: 600px; margin: auto; }

/*tableReserve*/
.tableReserve { width: 350px; height: auto; margin: 0 auto; border: 1px solid; border-collapse: collapse; }
.tableReserve td { border: 1px solid #EDEDED; text-align: center; color: #a4a4a4; }
.tableReserve th { padding: 17px; }
.tableReserve .skipDate { background: #fcfcfc; color: #cecece; }

/* CSS TABS */
#gallery {font:11px verdana,arial,sans-serif; padding:15px 0 0 0; width: 100px; float: left; display: block; margin-left:	 }
#gallery div { float: left; display: block; clear: both; padding: 0; width: 100%; }
#gallery div.off {color:#cecece; /*height:33px; margin-right:2px; line-height:33px;*/ padding:5px 10px; border-bottom:1px solid #f1f1f1;  cursor:pointer; position:relative; z-index:20; }
#gallery div.on { padding: 5px 10px; border-bottom:1px dashed; cursor:pointer; position:relative; z-index:100;}

div.hide, div.show { float: left ; display: block;  }
div.hide {display:none; width:0; overflow:hidden;}
div.show {background:#fff; width:360px; margin:15px 0 0 40px; position:relative; z-index:50; }
div.show img {float:left; margin:0 10px 10px 0;}


/*payment form container sytle*/
#form-wrapper
{
width: 940px;
margin: 0 auto;
}

#form-transacion
{
float:left;
width: 457px;
border-right: #666666 0px solid;
padding-right: 10px;
}

#form-transacion table td
{
padding: 0px;
margin: 0px;
border: 0;
}

#form-credit
{
float:left;
width: 458px;
padding-left: 10px;
}

#form-credit table td 
{
padding: 0px;
margin: 0px;
border: 0;
}

#form-credit table td input
{
margin-top: -17px;
}


p.outprompt
{
color:#000000;
font-weight:bold;
border: 0px;
padding: 0px;
margin: 0;
}

p.outfld
{
float:left;
color:#000000;
border: 0px;
padding: 0px;
}

.submit
{
margin-top: 10px;
}

.submit2
{
margin-top: 10px;
}

.card
{
margin-top: -5px;
}

.number
{
margin-top: -20px;
}

/*payment form container sytle*/