/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html, button, input, select, textarea {
	color: #222;
}
body {
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
img {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-hai-webfont.eot');
    src: url('../fonts/lato-hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-hai-webfont.woff') format('woff'),
         url('../fonts/lato-hai-webfont.ttf') format('truetype'),
         url('../fonts/lato-hai-webfont.svg#latohairline') format('svg');
    font-weight: 100;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-reg-webfont.eot');
    src: url('../fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-reg-webfont.woff') format('woff'),
         url('../fonts/lato-reg-webfont.ttf') format('truetype'),
         url('../fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-bol-webfont.eot');
    src: url('../fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-bol-webfont.woff') format('woff'),
         url('../fonts/lato-bol-webfont.ttf') format('truetype'),
         url('../fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: 700;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: 100;
    font-style: normal;

}

body {
	font-family: 'Lato', sans-serif;
}
.window {
	width: 100%;
	min-height:700px;
	height: 100%;
	position: absolute !important;
	overflow:hidden;
}
body .window:nth-child(2) {
	top: 0%;
}
body .window:nth-child(3) {   
	top: 100%;
}
body .window:nth-child(4) {
	top: 200%;
}
body .window:nth-child(5) {
	top: 300%;
}
body .window:nth-child(6) {
	top: 400%;
}
body .window:nth-child(7) {
	top: 500%;
}
body .window:nth-child(8) {
	top: 600%;
}
body .window:nth-child(9) {
	top: 700%;
}
body .window:nth-child(10) {
	top: 800%;
}
body .window:nth-child(1) {
	top: 900%; 
}
.banner.window {
	min-height:inherit;
}
.window .smlButton {
	margin-bottom: 0;
}
.window .listings li {
	min-height: 0;
}
#introduction {
	background: url(../img/backgrounds/introduction.jpg);
}
.span11 {
	width: 11%;
}
.span33 {
	width: 33%;
}
.span40 {
	width:40%;
}
.span50 {
	width:50%;
}
.span66 {
	width: 66%;
}
.grid > .span50 {
	width:44%;
	margin-right:5%;
}
.left {
	float: left;
}
.right {
	float: right;
}
.container {
	width: 95%;
	max-width: 1920px;
	margin: 0 auto;
}
h1, h2, h3, h4, h5 {
	margin:0;
}
.window h1, .window h2, #contentSection .container > h1, #contentSection .container > h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight:100;
	margin: 120px 0 10px 0;
	font-size:700%;
	text-align:right;
	color:#cfe0de;
	letter-spacing:-10px;
	position:relative;
	z-index:10;
	float:right;
}
.window h3 {
	color:#8cbcb6;
	font-size:187.50%;
	font-weight:300;
}
.window h4 {
	color:#8cbcb6;
	font-size:137.50%;
	font-weight:300;
}
.window a, #contentSection a {
	color: #8cbcb6;
}
#content h1, #content h2, #content h3, #content h4 {
	color:#8cbcb6;
	font-weight:300;
}
h2 span {
	font-size:60%;
	color:#585858;
	font-weight:bold;
}
p {
	font-family:Helvetica, Arial, sans-serif;
	font-size:100%;
	color:#656565;
	line-height:1.5;
	margin-top:0;
}
header {
	position: absolute;
	top:0;
	width: 100%;
	z-index: 9999;
	padding: 30px 0 83px 0;
	background:url(../img/gradient.png) repeat-x;
}
header nav {
	float: right;
	margin-top: 20px;
}
header nav a {
	display: block;
	float: left;
	padding: 7px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 100;
	font-size: 75%;
}
header nav a.active {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#sectionNav {
	position:fixed;
	top: 40%;
	left:0;
}
#sectionNav li {
	margin: 12px 0;
	line-height: 16px;
	clear: both;
	background: url(../img/bullet.png) left no-repeat;
	list-style-type:none;
}
#sectionNav li.active {
	background:url(../img/bullet-active.png) left no-repeat;
}
#sectionNav a {
	padding-left: 25px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	color: #fff;
	text-decoration: none;
}
#introduction a.lrgButton {
	color: #3e424a;
}
#experiences a.lrgButton {
	color: #4d3e1c;
}
#yachts a.lrgButton {
	color: #091928;
}
#itineraries a.lrgButton {
	color: #a8babb;
}
.lrgButton {
	display:block;
	float:right;
	background:#fff;
	font-size:187.50%;
	font-weight:bold;
	padding:10px 15px;
	text-decoration:none;
	color: #8cbcb6;
	margin-bottom:10px;
}
.lrgButton span {
	font-weight:300;
}
.smlButton {
	display:block;
	float:left;
	background:url(../img/buttonPlus.png) no-repeat right #8cbcb6;
	color: #fff !important;
	font-size:100%;
	font-weight:bold;
	padding:8px 55px 8px 12px;
	text-decoration:none;
	border:0;
	margin-bottom: 34px;
}
#experiences {
	background:url(../img/backgrounds/experiences.jpg);	
}
.contentSlide {
	position:relative;
	background:#fff;
	margin: 0 0 20px 55%;
	width:100%;
	clear: both;
}
.contentSlide .span33 {
	width: 40%;
	padding: 40px 3% 40px 3%;
}
a.plus {
	position: absolute;
	background: url(../img/plus.png) center;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 99999;
}
.contentSlide a.plus {
	position: absolute;
	left: 36%;
	bottom: 10px;
	width:86px;
	height:86px;
	transition: all 1s;
}
.contentSlide.open a.plus {
	left: 92%;
}
.open a.plus {
	transform: rotateZ(45deg);
}
#singleDetail {
	position:relative;
	margin-top:150px;
	margin-bottom:40px;
}
#singleDetail a.plus {
	left: 10px;
	top: 10px;
	height: 60px;
	width: 60px;
}
.close {
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
}
.banner {
	position: relative !important;
	height: auto !important;
}
#yachts {
	background:url(../img/backgrounds/yachts.jpg);	
}
#itineraries {
	background:url(../img/backgrounds/destinationsHome.jpg);	
}
#yachtsBanner {
	background:url(../img/backgrounds/cleat.jpg);
}
#blogBanner {
	background:url(../img/backgrounds/blog.jpg);
}
#experiencesBanner {
	background:url(../img/backgrounds/experiencesSelection.jpg);
}	
#itinerariesBanner {
	background:url(../img/backgrounds/world-map.jpg);
}	
#filter {
	position:relative;
	margin-top: 0;
	clear:both;
}
#filter > h3 {
	margin-top: -33px;
}
#filter h3 {
	font-size:150%;
	font-weight: 100;
	color:#fff;
}
#filter .contentSlide h3 {
	font-weight:300;
	color: #8cbcb6;
}
#categorySection {
	position: absolute;
	top: -120px;
}
#categoryList, #tagsList {
	padding:0;
	overflow:visible !important;
	text-transform:capitalize;
}
#categoryList li {
	list-style-type:none;
	font-size:160%;
	line-height:1.5;
	font-weight:300;
}
#categoryList li a {
	color:#fff;
	text-decoration:none;
	font-weight: 100;
}
#tagsList {
	height: 210px;
	column-count:2;
}
#tagsList li {
	list-style-type:none;
	font-size:130%;
	line-height:1.5;
	font-weight:700;
}
#tagsList li a {
	color:#fff;
	text-decoration:none;
	font-weight: 100;
}
#filter a.active {
	font-weight:bold;
}
#content {
	color:#656565;
}
#content img {
	margin-bottom:20px;
}
.listings {
	margin:0;
	padding:0;
}
.listings li {
	font-size:75%;
	list-style-type:none;
	padding:50px 0;
	border-bottom:1px solid #c9c9c9;
	margin-bottom:50px;
	min-height: 265px;
}
.contentSlide .listings li {
	padding:0;
	margin:0;
	border:0;
	font-size:100%;
}
.listings li img {
	float:left;
	margin-right:20px;
	line-height: 0.8;
	margin-bottom:5px;
	width:45%;
	max-height:233px;
	max-width:233px;
}
.listings li h2, .listings li h3, .listings li h4, .listings li h5 {
	letter-spacing:0 !important;
	text-align:left;
}	
.listings li h2 {
	font-size:187.5%;
	color:#8cbcb6;
	font-weight:300;
	line-height: 1;
}
.listings li h2 a {
	text-decoration:none;
	color:#8cbcb6;
}
table {
	font-family:Helvetica, Arial, sans-serif;
	margin-bottom:12px;
	margin-top:15px;
	width:100%;
}
#singleDetail table tr {
	border-bottom: 1px solid #c9c9c9;
}
#singleDetail img {
	width: 100%;
}
.listings .desc img {
	display:none;
}
#contentSection {
	overflow: hidden;
	margin-bottom:50px;
}
#contentSection img {
	border:1px solid #8cbcb6;
}
.span50 #content {
	position:relative;
	background:#fff;
	padding:30px 10%;
}
.span50 #content h2 {
	width:100%;
	border-bottom:1px solid #c9c9c9;
}
.meta {
	text-transform:uppercase;
	color:#bababa;
	font-size:75%;
}
#contentSection h1 {
	margin-bottom:5px;
}
#contentSection p {
	margin:0 0 20px 0;
}
#motorOrSail {
	background:url(../img/backgrounds/motorOrSail.jpg);
}
#motorOrSail .lrgButton {
	color:#172238;
}
#motorYachts {
	background:url(../img/backgrounds/motorYachts.jpg);
}
#motorYachts .lrgButton {
	color:#442000;
}
#sailYachts {
	background:url(../img/backgrounds/motorSail.jpg);
}
#sailYachts .lrgButton {
	color:#9db9dd;
}
#motorSailerYachts {
	background:url(../img/backgrounds/sailYachts.jpg);
}
#sailYachts .lrgButton {
	color:#9db9dd;
}
#eclectic {
	background:url(../img/backgrounds/eclectic.jpg);
}
#eclectic .lrgButton {
	color:#282a18;
}
#experienceOverview {
	background:url(../img/backgrounds/experiencesOverview.jpg);
}
#experienceOverview .lrgButton {
	color:#242933;
}
#cultureVulture {
	background:url(../img/backgrounds/culture.jpg);
}
#cultureVulture .lrgButton {
	color:#ae9689;
}
#fineDining {
	background:url(../img/backgrounds/fine-dining.jpg);
}
#fineDining .lrgButton {
	color:#ae9689;
}
#glamour {
	background:url(../img/backgrounds/boutiques.jpg);
}
#glamour .lrgButton {
	color:#5f6257;
}
#islandHopping {
	background:url(../img/backgrounds/island-hopping.jpg);
}
#islandHopping .lrgButton {
	color:#3f6177;
}
#beatenTrack {
	background:url(../img/backgrounds/beaten-track.jpg);
}
#beatenTrack .lrgButton {
	color:#3f6177;
}
#itineraryOverview {
	background:url(../img/backgrounds/itinerariesOverview.jpg);
}
#itineraryOverview .lrgButton {
	color:#270c01;
}
#caribbean {
	background:url(../img/backgrounds/carribean.jpg);
}
#caribbean .lrgButton {
	color:#3d5a92;
}
#indianOcean {
	background:url(../img/backgrounds/indian-ocean.jpg);
}
#indianOcean .lrgButton {
	color:#7d87a0;
}
#eastMediterranean {
	background:url(../img/backgrounds/eastMed.jpg);
}
#westMediterranean {
	background:url(../img/backgrounds/westMed.jpg);
}
#mediterranean .lrgButton {
	color:#097889;
}
#northAmerica {
	background:url(../img/backgrounds/north-america.jpg);
}
#northAmerica .lrgButton {
	color:#8e8c65;
}
#southEastAsia {
	background:url(../img/backgrounds/south-east-asia.jpg);
}
#southEastAsia .lrgButton {
	color:#fb7a1f;
}
#riversLakes {
	background:url(../img/backgrounds/riversLakes.jpg);
}
#riversLakes .lrgButton {
	color:#354a39;
}
#bottom {
	padding:0;
	min-height:100%;
	height:auto !important;
	z-index: 10;
}
#footerContact {
	height:100%;
	padding:0;
}
#contact {
	min-height:40%;
	padding:10% 0;
	background:#416964;
}
#contactForm .span50 {
	width:45%;
	margin-right:5%;
}
#contactForm label {
	display:block;
	width:100%;
	margin:10px 0 5px 0;
	clear:both;
	font-size:100%;
	color:#8cbcb6;
}
#contactForm  input[type='text'], #contactForm input[type='email'] {
	width:97%;
	padding:2.2% 1.5%;
	border:1px solid #3a5f5a;
}
#contactForm .captcha {
	color: #fff;
}
#contactForm .captcha input {
	width: 20px;
	padding: 20px;
	color: #000;
}
.required {
	color:#fff;
}
#contactForm .ui-state-error {
	border:1px solid #F00 !important;
}
#contactForm textarea {
	width:97%;
	padding:1.5%;
	height: 166px;
}
#contactForm input[type='text'][disabled=disabled] {
	background:#547874;
}
#contactForm input[type='checkbox'] {
	margin:36px 0 33px 0;
	float:left;
}
#contactForm .labelRight {
	float:left;
	width:50%;
	clear:none;
	margin:30px 0 0 15px;
}
#contactForm input[type='submit'] {
	clear:both;
	margin-top:20px;
}
#contact a {
	color:#fff;
	text-decoration:none;
}
#contact h4 {
	font-size:250%;
	font-weight:100;
	color:#fff;
	text-align:right;
}
#contact h5 {
	font-size:100%;
	text-align:right;
}
.req {
	display: none;
}
#slideshow {
	position:relative;
}
#slideshow .lrgButton {
	position: absolute;
	bottom: 25px;
	right: 3px;
}
.hide {
	display:none;
}
#goog-wm ul {
	padding:0;
	margin:0;
}	
.search-goog {
	list-style-type:none;
	padding:0;
	margin:0;
}
.backText {
	position:absolute;
	right: 10%;
	top: 38px;
	text-decoration:none;
}
footer {
	background:#112b27;
	min-height:30%;
	padding:5% 0;
	font-size:12px;
	color:#fff;
}
footer p {
	color:#fff;
}
footer a {
	color:#fff;
	text-decoration:none;
}
footer nav a {
	display:block;
	width:100%;
	color:#98b2af;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-height:700px) {
	.window {
		position:relative !important;
	}
}

@media only screen and (max-width:1200px) {
	body {
		font-size:80%;
	}
	.window h1 {
		line-height:1;
	}
	#categorySection {
		top: -90px;
	}
}

@media only screen and (min-width:769px) {
	header select {
		display:none;
	}
}

@media only screen and (max-width:1024px) {
	#sectionNav {
		display:none;
	}
	.window h1, .window h2, #contentSection .container > h1, #contentSection .container > h2 {
		margin: 80px 0 10px 0;
	}
	.listings li img {
		width:43% !important;
		max-height:none;
		height:auto;
	}
	.backText {
		top:25px;
	}
}
@media only screen and (max-width:768px) {
	header nav {
		display:none;
	}
	header select {
		width:100%;
		margin-top:20px;
	}
	header .span33 {
		float:left;
		width:33% !important;
	}
	header .span66 {
		float:left;
		width:67% !important;
	}
	#logo {
		width:80px;
		overflow:hidden;
	}
	.span11, .span33, .span40, .span50, .span66 {
		width: auto !important;
	}
	.listings li {
		margin-bottom:0;
	}
	img.span33, img.span50, img.span66 {
		width:100% !important;
	}
	.left, .right {
		float:none;
	}
	#content .left, #content .right {
		clear: both;
	}
	#categorySection {
		position:relative;
		top:auto;
	}
	.window {
		width: 100%;
		height: auto;
		position: relative !important;
		padding: 80px 0 0 0;
		overflow: hidden;
		min-height:inherit !important;
	}
	.window h1, .window h2, #contentSection .container > h1, #contentSection .container > h2 {
		color:#fff;
		font-weight:100;
		margin:0 0 10px 0;
		line-height:1;
		font-size: 54px;
		letter-spacing:-1px;
	}
	.window h3 {
		color:#8cbcb6;
		font-size:30px;
		font-weight:300;
	}
	a.lrgButton {
		font-size:16px;
	}
	.contentSlide .span33 {
		height:auto;
		padding: 50px 5%;
		clear:both;
	}
	.contentSlide, #contentSection {
		padding-left:0 !important;
		width:95% !important;
		margin:0 auto 40px auto !important;
	}	
	#singleDetail {
		position:relative;
		z-index:99999;
		margin-top: 50px;
	}
	#filter {
		margin-top: 50px;
	}
	#filter .contentSlide {
		width: 100% !important;
	}
	#singleDetail {
		margin-bottom:40px;
	}
	a.plus {
		display:none;
	}
	.banner .backstretch img {
		max-height: inherit !important;
	}
	#tagsList {
		height: 250px;
		column-count: auto;
	}
	a.lrgButton {
		background:#416964;
		color:#fff !important;
	}
	#introduction {
		margin-bottom:0;
		padding:120px 0 40px 0;
	}
	#bottom {
		height:auto;
		margin-bottom:0;
	}
	.banner, #contentSection {
		padding-top: 100px;
	}
	#categoryList, #tagsList {
		font-size: 120%;
	}
	.span50 #content {
		padding: 20px;
	}
	#contentSection {
		margin-bottom: 0;
	}
	#footerContact .span66, #footerContact .span33, #footerContact .span50, #footerContact .span11 {
		width:100% !important;
		margin:0 0 50px 0 !important;
		clear:both;
	}
	#contactForm .span50 {
		margin:0 !important;
	}
}
@media only screen and (max-width:568px) {
	.listings li img {
		width: 100% !important;
	}
	.span11, .span33, .span40, .span50, .span66 {
		margin-left:0 !important;
		margin-right:0 !important;
	}
	.backText {
		display:none;
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
* {
	background: transparent !important;
	color: #000 !important; /* Black prints faster: h5bp.com/s */
	box-shadow: none !important;
	text-shadow: none !important;
}
a,  a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
/*
     * Don't show links for images, or javascript/internal links
     */

.ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {
	content: "";
}
pre,  blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group; /* h5bp.com/t */
}
tr,  img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p,  h2,  h3 {
	orphans: 3;
	widows: 3;
}
h2,  h3 {
	page-break-after: avoid;
}
}