/*
 
 *
 */

html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; }
img { border: 0px; font-family: "Arial", Helvetica, arial, sans-serif;}
/* Force the vertical scrollbar in FF */
html { overflow-y: scroll; }

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

/* Base 
-----------------------*/

body {
	font-family:arial, georgia, serif; 
font-color: black
}

.content {
	width:1039px;
	margin:0 auto;
	position:relative;
}

.content-med {
	width:968px;
	margin:0 auto;
	position:relative;	
}

img {
	max-width:100%;
}

/* Typography
-------------------------*/
#primarycontent.default h1 { text-align:center; color:#000075; font-size: 17px; font-family: 'Dancing Script'; margin-bottom:10px; text-transform:uppercase; }
#primarycontent.default h2 { font-size:15px; margin-bottom:15px; text-transform:uppercase; }
#primarycontent.default h3 { color:#666; font-size:15px; margin-bottom:10px; }
#primarycontent.default h4 { font-size:13px; margin-bottom:10px; }
#primarycontent.default h5 { color:#00B400; font-size:15px; margin-bottom:15px; }
#primarycontent.default h6 { 
	color: #2D2828;
	font-size: 28px;
	font-style: italic;
	line-height: 35px;
	margin-bottom:10px;
}
	
#primarycontent.default p {
	color:#666666;
	font-size:12px;
	line-height:17px;
	margin-bottom:20px;
}

#primarycontent.default p.lead-in {
	color: #00B400;
	font-size: 15px;
	font-style: italic;
	line-height: 21px;
}

#primarycontent.default p .dropcap {
	color: #00B400;
	float: left;
	font-family: Arial,"Times New Roman",Times,serif;
	font-size: 36px;
	line-height: 32px;
	margin: 1px 5px 0 0;
}

#primarycontent.default p a {
	color: #00B400;
	font-size: 12px;
	text-decoration: none;
}
	
#primarycontent.default .photo-wrap { margin-bottom:35px; }
#primarycontent.default .photo-wrap-med { margin-bottom:20px; }

/* Layout 
-------------------------*/
/* Preheader */

#preheader {
	background-color:#FFFFFF;
	height:50px;
}

#logo {
	float:left;
	color:#fff;
	margin-top:10px;
}

#logo h2 {
	display:inline;
	font-family: 'Dancing Script', cursive;
	font-size:26px;
}

#logo h2 a {
	color:#fff;
	text-decoration:none;
}

#logo span {
	color:#706f6f;
}

#nav {
	margin-top:14px;
	float:right;
	display:inline;
}

#nav li {
	list-style:none;
	float:left;
	margin-right:20px;
	font-size:13px;
}

#nav li:last-child {
	margin-right:0;
}

#nav a {
	text-decoration:none;
	color:#c9c9c9;
}

/* Header */
#header .slider {
	background:url("images/f1.jpg") 50% 0 no-repeat;
	height:523px;
}

#header .slidecaption {
	position:relative;
	top:140px;
	width:50%;
	text-align:center;
}

#header .pos-right .slidecaption {
    float: right;
}

#header .slidecaption h1 {
	color:#fff;
	font-size:65px;
	font-family: 'Dancing Script', cursive;
}

#header .slidecaption p {
	font-size:14px;
	color:#fff;
	margin-bottom:10px;
	font-weight:bold;
}

#header .slidecaption .captionlinks {
	width:30%;
	margin:0 auto;
	border-top:solid 1px #fff;
	padding-top:20px;
	margin-top:20px;
}

#header .slidecaption p a {
	color:#fff;
	text-decoration:none;
}

#header .slidecaption p.book {
	margin-top:20px;
}

#header .slidecaption p.book a {
	background-color:#000;
	padding:8px 30px;
}

#header .mast-head {
	border-bottom: 1px solid #D4D4D4;
	margin-bottom: 23px;
	margin-top: 57px;
	padding-bottom: 15px;
}

#header .mast-head h1 {
	color:#000;
	float:left;
	font-size:17px;
	text-transform:uppercase;
}

/* Interior Breadcrumb */
.breadcrumb {
	float:center;
}

.breadcrumb ul {
	list-style:none;
}

.breadcrumb ul li {
	border-left: 1px solid #B1B1B1;
	float: left;
	margin-left: 10px;
	padding-left: 10px;
}
.breadcrumb ul li.first { border:none; }

.breadcrumb ul li a {
	color:#b1b1b1;
	font-size:13px;
	text-decoration:none;
}

.breadcrumb ul li.active a { color:#010101; }

/* Primary Content */
#primarycontent {
	background-color:#fff;
	padding: 60px 0px 100px;
}

#primarycontent.no-padding { padding-top:0; }

#primarycontent h2.callout {
	width:50%;
	text-align:center;
	margin:0 auto;
	color:#2d2828;
	font-size:28px;
	line-height:35px;
	font-style:italic;
	margin-bottom:40px;
}

#vacationtabs {
	border-bottom:solid 1px #d4d4d4;
	margin-top:30px;
	padding-bottom:40px;
	text-align:center;
}

#vacationtabs li {
	display:inline;
	margin-right:10px;
	list-style:none;
}

#vacationtabs li:last-child {
	margin-right:0;
}

#vacationtabs a {
	background-color:#f0f0f0;
	color:#666666;
	padding:10px 40px;
	border-radius:5px;
	text-decoration:none;
	transition:all 0.4s ease 0s;
}

#vacationtabs a.active {
	color:#00b400;
}
	
#vacationtabs a.active, #vacationtabs a:hover {
	background-color:#00b400;
	color:#fff;
}

.resort {
	margin-top:30px;
	width:23%;
	float:left;
	margin-right:10px;
	border-bottom:solid 1px #ccc;
	padding-bottom:20px;
	margin-bottom:20px;
}

.resort img {
	display:block;
	margin-bottom:20px;
	border:solid 1px #ccc;
}

.resort h2 {
	font-size:15px;
	color:#474f59;
	margin-bottom:10px;
	width:80%;
	margin:0 auto;
}

.resort p.detail {
	color:#a9abae;
	font-size:11.5px;
	width:80%;
	margin:0 auto 10px auto;
	line-height:24px;
}

.resort span.price {
	font-weight:bold;
	color:#454545;
	font-size:14px;
	margin-bottom:10px;
}

.resort p.description {
	font-size:11px;
	color:#8b8b8b;
	margin-bottom:10px;
	line-height:18px;
}

.resort p a {
	color:#00b400;
}

/* Sidebar Template */
.main-col {
	float:left;
	margin-right:40px;
	min-height:10px;
	width:657px;
}

.sidebar-col {
	border-left: 1px solid #D4D4D4;
	float: left;
	min-height: 275px;
	padding-left: 25px;
	width: 217px;
}

.sidebar-col .group {
	border-bottom:solid 1px #D4D4D4;
	margin-bottom: 20px;
}

.sidebar-col .group.social-widget ul { list-style:none; margin-bottom: 10px; }
.sidebar-col .group.social-widget ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.sidebar-col .group.social-widget ul li { float:left; margin-right:5px }
.sidebar-col .group.social-widget ul li a {}

.sidebar-col p a {
	color:#00b400;
	font-size:12px;
	text-decoration:none;
}

/* Three Column Template */
.three-col {
	float:left;
	margin-right:18px;
	width:310px;
}
.three-col.last { margin:0; }

/* Footer */
#footer {
	height:150px;
	background-color:#000;
	padding-top:40px;
}

#footer h2 {
	font-size:15px;
	font-weight: normal;
	color:#fff;
	margin-bottom:10px;
}

.footermenu {
	width:15%;
	float:left;
	margin-right:16px;
}

.footermenu li {
	font-size:11px;
	margin-bottom:7px;
	list-style:none;
}

.footermenu:last-child {
	margin:0;
}

.disclaimer {
	
	width:80%
	font-size:18x;
	text-align:center;
	top:40px;
	position:relative;
}

#footer a {
	color:#636363;
	text-decoration:none;
}

/* Flexslider Custom 
----------------------*/
.flexslider {
	border:none;
	margin:0 auto;
	max-width: 91.4286em;
	min-width: 66.4286em;
}

.flexslider .slides img {}

.flexslider .slides .content {
	left: 8%;
    position: absolute;
    top: 0;
}

.flex-control-nav {
	bottom: 0;
	height: 12px;
	padding: 15px 0;
}

/* Gallery Template 
----------------------*/
#primarycontent ul.gal {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#primarycontent ul.gal li {
	float: left;
	height: 194px;
	margin: 0 0 30px;
	padding: 0 8px;
	position: relative;
	width: 306px;
}

#primarycontent ul.gal li a {
	
}

#primarycontent ul.gal li a img {
	height:auto;
	max-width: 100%;
}

#primarycontent ul.gal li:hover a .zoom-icon { opacity:1; }

.zoom-icon {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	background:rgba(0,180,0,0.85);
	opacity:0;
	cursor:pointer;
	-webkit-transition:0.25s;
	-moz-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
	margin:0 8px;
}

.zoom-icon:before {
    background: url("images/zoom-icon-2.png") no-repeat scroll 50% 50% transparent;
    content: "";
    display: block;
    height: 46px;
    left: 50%;
    margin: -23px 0 0 -23px;
    position: absolute;
    top: 50%;
    width: 46px;
}

/* Responsive Mobile
-----------------------------*/

/* Tablets */
@media screen and (max-width: 1249px) {
 	#preheader .content {
		width: 729px;
	}
	
	#preheader #logo span {
	    font-size: 11px;
	}
	
	#preheader #nav {
		margin-top: 19px;
	}
	
	#preheader #nav li {
	    font-size: 12px;
	    margin-right: 13px;
	}
	
	#header {
		
	}
	
	#header .flexslider {
		max-width: none;
		min-width: 0;
	}
	
	#header .slidecaption { 
		margin: 0 auto;
		position: static;
		text-align: left;
		top: auto;
		width: 390px;
	}
	
	#header .slidecaption .captionlinks {
		width:220px;
	}
		
	#header .flexslider .content { left: 0; top: 60px; width: 100%; }
	#header .slidecaption h1, #header .slidecaption p { text-align:center; } 
	
	#header .flexslider .pos-right .slidecaption { float:none; }
	
	#primarycontent {
		
	}
	
	#primarycontent .content {
	    width: 739px;
	}
	
	#primarycontent .photo-wrap iframe {
		height: 410px;
	    width: 100%;
	}
	
	#primarycontent #vacationtabs {
	    padding-bottom: 25px;
	}
	
	#primarycontent #vacationtabs a {
	    display: inline-block;
		margin-bottom: 10px;
		padding: 10px 19px;
	}
	
	#primarycontent .resort {
	    height: 494px;
	}
	
	#footer {
		padding-bottom: 16px;
	}
	
	#footer .content {
		width:688px;
	}
	
	#footer .footermenu {
	    width: 156px;
	}
	
	#footer .disclaimer {
	    padding-top: 16px;
		position: static;
	}
	
	/* Interior */
	.content-med {
	    width: 728px;
	}
	
	/* Gallery */
	#primarycontent ul.gal {
		
	}
	
	#primarycontent ul.gal li {
		height: auto;
	    width: 347px;
	}
	
	/* Sidebar Template */
	.main-col {
		width: 427px;
	}

	.sidebar-col {
		
	}
	
	/* Three Column Template */
	.three-col {          
		width: 230px;       
	}
}

/* iPad */
@media screen and (max-width: 833px) {
	#preheader {
		overflow:hidden;
	}
	
	#preheader .content {
		width: 500px;
	}
	
	#preheader #logo span { display:none; }
	
	#preheader #nav li {
		font-size: 10px;
	}
	
	#header {
		overflow: hidden;
	}
	
	#header .flexslider {
		max-width: none;
		min-width: 0;
	}
	
	#header .slidecaption { top:50px; }
	#header .flexslider .content { left:4%; }
	#header .flexslider .pos-right {}
	
	#header .slidecaption h1 {  font-size:42px; }
	#header .slidecaption p.subhead { display:none; }
	#header .slidecaption .captionlinks { margin: 9px auto 0; padding-top:11px; }
	
	#header .captionlinks p { display:none; }
	#header .captionlinks p.book { display:block; }
	
	#primarycontent {
		
	}
	
	#primarycontent .content {
		 width: 489px;
	}
	
	#primarycontent .photo-wrap iframe {
		height: 286px;
	    width: 100%;
	}
	
	#primarycontent h2.callout {
	    font-size: 19px;
	    line-height: 24px;
	    margin: 0 auto 31px;
	}
	
	#primarycontent #vacationtabs {
		
	}
	
	#primarycontent #vacationtabs a {
	    font-size: 11px;
		padding: 10px 9px;
	}
	
	#primarycontent .resort {
	    width: 149px;
	}
	
	#footer {
		height:auto;
	}
	
	#footer .content {
		width: 495px;
	}
	
	#footer .footermenu {
	    width: 149px;
	}
	
	#footer .disclaimer {
	    
	}
	
	/* Interior */
	.content-med {
	    width: 508px;
	}
	
	/* Gallery */
	#primarycontent ul.gal {
		
	}
	
	#primarycontent ul.gal li {
		width: 497px;
	}
	
	/* Sidebar Template */
	.main-col {
		width: 216px;
	}
	
	#primarycontent.default .photo-wrap {
	    margin-bottom: 18px;
	}

	.sidebar-col {
		
	}
	
	/* Three Column Template */
	.three-col {          
		width: 150px;       
	}
}

/* iPhone */
@media screen and (max-width: 580px) {
	#preheader {
		padding: 16px 0;
		height:auto;
	}
	
	#preheader #logo { float:none; margin-bottom: 14px; margin-top:0; text-align: center; }
	#logo h2 { font-size: 34px; }
	#preheader #nav { float:none; }
	
	#preheader .content { width: 325px; }
	
	#preheader #nav li {
	  float: none;
	  font-size: 12px;
	  margin-bottom: 11px;
	  text-align: center;
	  width: 100%;
	}
	
	#header {
		
	}
	
	#header .flexslider {
		max-width: none;
		min-width: 0;
	}
	
	#header .slidecaption { top:13px; width: 300px; }
	#header .flexslider .content { left:auto; top: 22px; }
	#header .flexslider .pos-right {}
	
	#header .slidecaption h1 {  font-size:32px; }
	#header .slidecaption p.subhead { display:none; }
	#header .slidecaption .captionlinks { padding-top: 7px; width: 160px; }
	
	#header .captionlinks p { display:none; }
	#header .captionlinks p.book { display:block; margin-top:6px; }
	#header .slidecaption p.book a { font-size:11px; padding:6px 30px; }
	
	#primarycontent {
		
	}
	
	#primarycontent .content {
		 width: 285px;
	}
	
	#primarycontent .photo-wrap iframe {
		height: 174px;
	    width: 100%;
	}
	
	#primarycontent h2.callout {
	    
	}
	
	#primarycontent #vacationtabs {
		
	}
	
	#primarycontent #vacationtabs a {
	   
	}
		
	#primarycontent .resort {
		height: 507px;
	    width: 129px;
	}
	
	#footer {
		padding-bottom:30px;
	}
	
	#footer .content {
		text-align: center;
		width: 282px;
	}
	
	#footer .content h2 {
	    font-size: 16px;
	}
	
	#footer .content a {
	    font-size: 12px;
	}
		
	#footer .footermenu {
	    margin-bottom: 19px;
		width: 245px;
	}
	
	#footer .disclaimer {
	    
	}
	
	/* Interior */
	.content-med {
	    width: 290px;
	}
	
	#header .mast-head h1 {
		float: none;
		margin-bottom: 10px;
	}
	
	.breadcrumb {
		display: block;
		float: none;
	}
	
	.breadcrumb ul li.first {
	    border: medium none;
	    margin-left: 0;
	    padding: 0;
	}
	
	.breadcrumb ul li {
		margin-bottom: 10px;
		margin-left: 7px;
		padding-left: 7px;
	}
	
	.breadcrumb ul li a {
	    color: #B1B1B1;
	    font-size: 11px;
	}
	
	/* Gallery */
	#primarycontent ul.gal {
		
	}
	
	#primarycontent ul.gal li {
		margin-bottom: 10px;
		width: 268px;
	}
	
	/* Sidebar Template */
	.main-col {
	    width: 287px;
	}
	
	.sidebar-col {
		border: medium none;
		min-height: 0;
		padding: 0;
		width: 277px;
	}
	
	/* Three Column Template */
	.three-col {          
		width: 290px;       
	}	
}