/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-collapse: collapse;
		border-spacing: 0; }


* {
	margin:0;
	padding:0;
	}

/********************************************************

General

********************************************************/

body {
	font-family:'PT Sans', Georgia, "Times New Roman", Times, serif;
	font-size:.875em;
	text-align:center;
	background:#f5f5f5 url(../pix/contentBG.png) top left repeat-x;
	line-height:1.5em;
	color:#464646;
	padding-bottom: 2em;
	}

	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	   /* IE10-11 specific styles go here */
	   body { font-size: .75em; }
	}

b, strong {
	font-family:'PT Sans 700', Georgia, "Times New Roman", Times, serif;
	font-weight: 700;
}

i, em {
	font-family:'PT Sans', Georgia, "Times New Roman", Times, serif;
	font-weight: 400;
	font-style: italic;
}

sub, sup {
  /* Specified in % so that the sup/sup is the
     right size relative to the surrounding text */
  font-size: 75%;

  /* Zero out the line-height so that it doesn't
     interfere with the positioning that follows */
  line-height: 0;

  /* Where the magic happens: makes all browsers position
     the sup/sup properly, relative to the surrounding text */
  position: relative;

  /* Note that if you're using Eric Meyer's reset.css, this
     is already set and you can remove this rule */
  vertical-align: baseline;
}

sup {
  /* Move the superscripted text up */
  top: -0.5em;
}

sub {
  /* Move the subscripted text down, but only
     half as far down as the superscript moved up */
  bottom: -0.25em;
}

.ie body {
	font-size: .75em !important;
}

img {
	border:0;
    max-width: 100%;
    -ms-interpolation-mode: bicubic;
    height: auto;
	}

img[src*="includes/"] {
	width: 100%;
}

p {
	padding-top:.5em;
	padding-bottom:.5em;
	}

small {
	color:#999999;
	font-weight:normal;
	text-transform:none;
	letter-spacing:normal;
	}

blockquote {
	font-style:italic;
	}

a:link,
a:active,
a:visited {
	text-decoration:none;
	color:#d63333;
	}

a.button:link,
a.button:active,
a.button:visited {
	background:#333;
	padding:1em;
	color:#ccc;
	text-transform:uppercase;
	font-size:85%;
	white-space: nowrap;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	text-shadow: none;
	}

a.button:hover {
	background:#000;
	}

a.button.small {
	padding:.5em .5em;
}

a.mobileLink:link,
a.mobileLink:active,
a.mobileLink:visited {
	color:#464646;
	text-decoration: none;
}

#page-home-fullscreen #globalNav a {
	color:#fff;
}

#page-home-fullscreen #globalNav a:hover {
	color:#d6ba00
}

#page-home-fullscreen #globalNav .global-home {
	display: none;
}

#sideBar {
	font-size:90%;
	}


.item {
	margin-left:20px;
	/* margin-left:80px; UNCOMMENT THIS LINE IF USING DATE TABS */
	margin-bottom:3em;
	}

.toTop {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding:.5em 0;
	margin: 0 !important;
	display: none;
	text-align: center;
	clear: both;
	width: 100%;
	position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    background: #333;
	color:#fff !important;
    }

.mobile {
	display: none;
}

.success {
	background: green;
	padding:.5em 1em;
	margin-top:1em;
	color:#fff;
}

/* content is faded in after page load using jQuery in includes/postContent.php */
#homePageText {
	margin:0 auto;
	clear:both;
	text-align:left;
	opacity: 0;
}

.fluid.loading {
	height: 32px;
	width: 32px;
	margin: 0 auto;
	background: #fff url('../images/lightbox-ico-loading.gif') no-repeat 20px 20px;
	padding:20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position: relative;
	top:10px;
}

.icon-label {
	display: none;
}

	/********************************************************

	Headings

	********************************************************/

		h1, h2, h3, h4 {
			font-weight:normal;
			font-family: Georgia, "Times New Roman", Times, serif;
			}

		h1 {
			font-size:2.25em;
			color:#000;
			line-height:1.2em;
			}

		h2 {
			font-size:275%;
			color:#333;
			margin:0 0 .75em 0;
			line-height:1em;
			}

		h2 img {
			margin-top:1em;
		}

		#video h2,
		#refitLog h2 {
			display: block !important;
			clear:both;
			margin-top:0;
			padding:1em;
			font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
			text-transform:uppercase;
			letter-spacing:.2em;
			color:#333;
			background: #efefef;
			border-top: 1px solid #ededed;
			border-bottom: 1px solid #ededed;
		}

		h2.colHead {
			color: #000;
			font-family: 'PT Sans', sans-serif;
			text-transform: uppercase;
			letter-spacing: .2em;
			font-size: 85%;
		}

		h3 {
			font-size:130%;
			color:#333;
			margin:.5em 0;
			line-height:1.5em;
			}

		.staff h3 {
			margin-bottom: 0;
		}

		h4 {
			font-size:110%;
			color:#333;
			margin:2em 0 .5em 0;
			line-height:1.4em;
			}

		.staff h4 {
			margin-top:0;
			color:#999;
			line-height: 1.5em;
		}


		#news h2 {
			padding:1em 0;
		}


		.boat-gallery h3,
		#video h3 {
			font-size: 100%;
			text-transform: none;
		}

		#video h3 {
			margin: 0;
		}

		#homePageText .newsHeadline,
		.homeBoxes h3 {
			height: 3em;
			background: #333;
			background: rgba(0,0,0,.8);
			color: #fff !important;
			display: block;
			width: 96%;
			padding: .5em 2%;
			margin:0;
			border-bottom: 1px solid #fff;
		}

		.homeBoxes .newsHeadline a {
			color:#fff;
		}

	/********************************************************

	Lists

	********************************************************/

		ul, ol {
			padding:1em 0;
			list-style:none;
			}

		ul li {
			padding-left: 20px;
			background:url(../pix/bullet.gif) left .5em no-repeat;
			}

		ol li {
			padding-left: 20px;
			background:url(../pix/bullet.gif) left .5em no-repeat;
			margin-bottom: 1em;
		}



/********************************************************

Layout

********************************************************/

	.pad {
		padding:20px;
		}

	.largePad {
		padding:60px;
		}

	#pageBg {
		background-color:#fff;
		width:100%;
		}

	.pageContainer {
		width:960px; /* changed from 901 */
		margin:0 auto;
		text-align:left;
		background:#fff;
		border:5px solid #fff;
		border-bottom:none;
		border-top:none;
		font-size:110%;
		}

	.left {
		width:625px;
		float:left;
		}

	.right {
		width:270px;
		float:right;
		}

	#pageHeader {
		overflow:hidden;
		width:100%;
		background:#fff;
		border-bottom:5px solid #fff;
		}

	#pageHeader h1 {
		line-height:0;
	}

	#pageHeader img {
		display: block;
	}

	#pageHeader .right img {
		height: 294px;
	}

	#pageHeader .left {
		float:left;
		text-align:center;
		}

	#pageHeader .left img {
		margin:0 auto;
		}

	#pageHeader .right {
		float:right;
		}

	#pageHeader .right img {
		float: right
	}

	.ie .content {
		width: 100%;
	}

	.content,
	.container.mainContent {
		background:#fff url(../pix/contentGrad.gif) top left repeat-x;
		padding:0 0 20px 0;
		}

	#page-home-fullscreen .container.mainContent {
		padding: 0;
	}

	#homePageText {
		padding-bottom: 20px;
	}

	.moreContent {
		position: relative;
		top: -40px;
		right:10px;
		background: #d6ba00;
		padding: 20px 10px;
		float: right;
		z-index: 10000;
	}

/********************************************************

Header

********************************************************/

	#header {
		background: #000;
		background: rgba(0,0,0,.8);
		/* background:#000 url('../assets/header_bg.jpg') top center repeat-y; */
		border-bottom:5px solid #fff;
		font-family:"Myriad Pro", Geneva, Arial, sans-serif;
		position: relative;
		padding-top:25px;
		}

	#page-home-fullscreen #header {
		border-bottom: none;
	}

	#header .pageContainer {
		border:none;
		background:none;
		/* next two are needed to keep nav on top of other content on page */
		position:relative;
		z-index:1;
		}

	#header .logo {
		padding-bottom: 1em;
	}

	#page-home-fullscreen #header {
		background:rgba(0,0,0,0);
		position: fixed;
		top:0;
		width: 100%;
		z-index: 10001;
		-webkit-transition: background-color 500ms linear;
		-moz-transition: background-color 500ms linear;
		-o-transition: background-color 500ms linear;
		-ms-transition: background-color 500ms linear;
		transition: background-color 500ms linear;
	}

	#page-home-fullscreen #header:hover,
	#page-home-fullscreen #header.scrolled {
		background:rgba(0,0,0,.8);
	}

	.ie8 #page-home-fullscreen #header {
		background-image:none;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}


/********************************************************

Video

********************************************************/

	.videoContainer {
	    float: none;
	    clear: both;
	    width: 100%;
	    position: relative;
	    padding-bottom: 56.25%;
	    padding-top: 1px;
	    height: 0;
	}
	.videoContainer iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}

	#video .item {
		width: 31%;
		margin: 20px 1%;
		padding: 0;
		float: left;
	}

	#video .item img {
		width: 100%;
		max-width: 100%;
		height: auto;
		border:1px solid #ccc;
		margin-bottom: 1em;
	}

	#video .item small {
		font-size: .75em;
	}


		#video .category-list-container {
			margin:0;
			margin-right:0;
			float: left;
			position: absolute;
		}

		#video .category-list-container h3 {
			margin-top:0;
			font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
			text-transform:uppercase;
			letter-spacing:.2em;
			color:#999;
		}

		#video .category-list-container ul {
			margin: 0;
			padding: 0;
			border-top:1px dotted #ccc;
			width:100%;
			display: block;
		}

		#video .category-list-container li {
			list-style: none;
			margin: 0;
			padding: 0;
			background: none;
			width:100%;
			display: block;
		}

		#video .category-list-container a:link,
		#video .category-list-container a:visited,
		#video .category-list-container a:active {
			border-bottom: 1px dotted #ccc;
			padding:.5em;
			display: block;
		}

		#video .category-list-container a:hover {
			background-color:#efefef;
			-webkit-transition: all 0.4s ease;
			-moz-transition: all 0.4s ease;
			-o-transition: all 0.4s ease;
			transition: all 0.4s ease;
		}

		#video .category-list-container a.top {
			font-size:.875em;
			border-bottom: none;
		}

		#video .video-container {
			position: relative;
			float: right;
			margin: 0;
		}

		#video h2 {
			display: block !important;
			clear:both;
			margin-top:0;
			padding:1em;
			font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
			text-transform:uppercase;
			letter-spacing:.2em;
			color:#333;
			background: #efefef;
			border-top: 1px solid #ededed;
			border-bottom: 1px solid #ededed;
		}

		#video .videoContainer {
			width:180px;
			padding: 0;
			margin:0 10px 3em 10px;
			text-align: left;
			float: left;
		}

		#video .videoContainer h3 {
			margin-top:1em 0 !important;
			display: block;
			font-size:1em;
			color:#000;
			clear: left;
			position: relative;
		}

		#video .newRow {
			clear: both;
		}

		#video .videoContainer img {
			width:180px;
			height: auto;
			float: left;
			display: block;
			margin-bottom: 1em;
			position: relative;
		}

		#video #categories {
			position: absolute;
			top: 0;
			padding-top: 10px;
			width:160px;
		}

		#video #categories.fixed {
			position: fixed;
			top: 0;
		}

		#video .filterGroup1 .item:nth-child(3n-7),
		#video .filterGroup2 .item:nth-child(3n-7),
		#video .filterGroup3 .item:nth-child(3n-7),
		#video .filterGroup4 .item:nth-child(3n-7),
		#video .filterGroup5 .item:nth-child(3n-7),
		#video .filterGroup6 .item:nth-child(3n-7),
		#video .filterGroup7 .item:nth-child(3n-7),
		#video.tabContent .item:nth-child(3n+1) {
			clear:both;
		}


/********************************************************

Date Tab

********************************************************/

	.dateTab {
		background:url(../pix/dateTab.png) top right no-repeat;
		height:43px;
		width:65px;
		color:#fff;
		display:inline-block;
		position:relative;
		left:-20px;
		padding:0 10px;
		font-family:"Myriad Pro", Geneva, Arial, sans-serif;
		float:left;
		margin-right:-20px;
		display:none; /* REMOVE TO HAVE DATE TABS SHOW, be sure to uncomment left margin on item class below */
		}

	.dateTab .year {
		font-size:40px;
		position:absolute;
		top:15px;
		left:5px;
		}

	.dateTab .month {
		position:absolute;
		top:6px;
		left:48px;
		}

	.dateTab .day {
		position:absolute;
		top:18px;
		left:48px;
		}


/********************************************************

News

********************************************************/

	.articleContainer {
		border:1% solid #efefef;
		background:#f5f5f5;
		padding:2%;
		margin-bottom:1em;
		width: 94%;
	}

/********************************************************

TABLES

********************************************************/


	table {
		width:100%;
		padding:0;
		border:0;
		}

	table th {
		font-weight:normal;
		text-transform:uppercase;
		border-bottom:1px solid #ccc;
		padding-top:2em;
		font-size:110%;
		color:#000;
		letter-spacing:.15em;
		}

	table td {
		vertical-align:top;
		border-bottom:1px dotted #e5e5e5;
		padding:.25em 0;
		}

	table td.price {
		text-align:right;
		}



/********************************************************

Search box

********************************************************/

	.searchBox #query {
		color: #555;
	    height:1.75em;
	    width: 96%;
	    padding: .25em .25em .25em .75em;
	    margin-top: 2px;
	    margin-bottom: 16px;
	    border: 1px solid #E5E5E5;
	    background: #FBFBFB;
	    outline: 0;
	    -webkit-box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
	    box-shadow: inset 1px 1px 2px rgba(238, 238, 238, 0.2);
	}

	.ie8 .searchBox #query {
		margin-top:0 !important;
		position: relative;
		top:-3px;
	}

	.searchBox input[type=submit] {
		-webkit-appearance: none;
		background-color: #d6ba00;
	    border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -moz-border-border-radius: 5px;
	    border: none;
	    padding: 8px 20px 8px 20px;
		color: #000;
	}

	#page-home-fullscreen .searchBox input[type=submit] {
		background-color: #fff;
	}

	.searchBox input[type="submit"]:hover {
	    background-color:#990000;
	    color:#fff;
	}

	#page-home-fullscreen .searchBox input[type=submit]:hover {
		background-color: #d6ba00;
	}

	#globalNav .searchBox form {
		display: inline-block;
	}

	#globalNav .searchBox #query {
		width: 150px;
		margin-right: 5px;
	}


	.mobileNav.searchBox #query {	padding:.5em 1.5%; margin: 0 1%; font-size: 1em; width: 70%; float: left; }

	.mobileNav.searchBox input[type=submit] {
		float:left;
		width: 23%;
		position: relative;
		top:5px;
	}





 .callout {
 	float:right;
	width:200px;
	font-size:90%;
	position:relative; right:-25px;
	padding:20px;
	background:#e1e1e1;
	margin:0 0 30px 30px;
 	}

.thumb,
.listings dd.image img,
.staff dd.image img,
.content img,
.map {
	width:100%;
	}

.content h1 img,
.content h2 img,
.content h3 img,
.content h4 img {
	border:0;
	padding:0;
	width: auto !important;
}




h3.title a {
	color:#333333;
	font-size:120%;
	}

.dateline {
	font-size:120%;
	text-transform:uppercase;
	letter-spacing:.2em;
	display:block;
	margin:1em 0;
	}




.history dt {
	font-weight:700;
	border-top:1px solid #663300;
	padding-top:1em;
	}

.history dd {
	margin-bottom:1em;
	}

.staffGroup {
	width:100%;
	clear: both;
	margin-bottom: 3em;
	display: block;
}

.staffGroup div {
	margin-bottom: 2em;
}

.staffGroup.allStaff div:nth-child(4n+1), .staffGroup.allStaff .newRow {
	clear: both;
}

span.price {
	color:#000;
	font-size:70%;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

.banner {
	position:relative;
	float:right;
	}

.banner .flag {
	position:absolute;
	float:right;
	width: auto;
	}


/********************************************************

Lists

********************************************************/

	dl.listings {

		}

	.listings dt {
		font-size:150%;
		color:#333333;
		clear:both;
		padding:.5em 0;
		margin-top:2em;
		}

	.listings dt:first-child {
		margin-top:1em;
	}

	.listings dd.description {
		margin-bottom:3em;
		}

	.listings dd.image img {

		}

	.listings dd.price {
		color:#000000;
		font-size:100%;
		}

	.careers.listings {
		margin-top:		2em;
	}

	.careers.listings dt {
		font-size: 	100%;
		padding:	0;
		font-weight:  700;
		margin-top: 1em;
		background:	#333;
		color: #fff;
		padding:	.5em;
	}

	.careers.listings dd {
		margin-bottom: 	1em;
		padding:		1em;
		background:		#efefef;
	}

	.careers.listings .toApply {
		text-align: center;
	}

	.careers.listings .toApply strong {
		font-size: .875em;
		text-transform: uppercase;
		font-weight: normal;
		color:#999;
	}
/********************************************************

Boat Gallery

********************************************************/

	.boat-gallery {
		margin-top:2em;
		width: 100%;
	}

	.boat-gallery .item {
		width:31%;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}

	.boat-gallery .item:nth-child(3n+1), .staffGroup.allStaff .newRow {
		clear: both;
	}

	.boat-gallery .boatName {
		text-align: center;
		display: block;
	}
	.boat-gallery .boatName a {
		color:#333333;
	}

	.thumb-gallery {
		text-align: center;
		padding:2em 0;
		clear: both;
		display: block;
	}

	.thumb-gallery img {
		height: 125px;
		width: auto;
	}

	.ie7 .thumb-gallery a,
	.ie8 .thumb-gallery a {
		float: left;
		margin: 5px;
	}

	/*################## PHOTOSPACE GALLERIES (move thumbs under) ##################*/

	.photospace_res {margin: 0.5em auto 1em;/*padding: 0 0 25% !important;*/}
	.photospace_res .thumbs_wrap2 {bottom: 0;left: 0;position: absolute;width: 100%;}
	.photospace_res .psr_paging {display:none}
	.photospace_res img{max-width:100%}

/********************************************************

Boat Details

********************************************************/


	.boat-details .caption {
		font-size: 100%;
		font-style: normal;
		color:#333;
		text-align: left;
		margin:1em 0;
		padding-top:0;
		display: block;
	}

	.boat-details .caption .image-credit {
		font-style: italic;
		font-size: 90%;
		clear: both;
		text-align: right;
	}

	.boat-details h1 {
		font-size: 2em;
		padding: .75em 0;
		line-height: 1.5em;
	}

	.back-link {
		padding:1em 0;
		display: block;
		text-align: right;
		width: 100%;
	}

/********************************************************

Brokerage Listings

********************************************************/

	.brokerageListings .listing .left {
		width:49%;
		float: left;
	}

	.brokerageListings .listing .right {
		width:49%;
		float: right;
	}

	.brokerageListings .listing {
		position: relative;
		width:100%;
		display: block;
		min-height: 77px;
		border-top:1px dotted #ccc;
		padding-top:10px;
		margin-bottom: 10px;
		color:#000;
	}

	.brokerageListings b {
		color:#999;

	}

	.brokerageListings h3 {
		margin:0;
		padding:0;
		line-height: 1em;
	}

	.brokerageListings .listing .details {
		font-size: 90%;
	}

	.brokerageListings .listing .details2 {
		color:#c00;
		text-align: right;
	}

	.brokerageListings .listing .price {
		font-size:1em;
		display: block;
		line-height: 1.5em;
		font-family:Georgia, "Times New Roman", Times, serif;
		margin-bottom: .5em;
	}

	.brokerageListings .statusBox {
		color:#c00;
		text-align: right;
		padding:0;
		margin:0;
		margin-bottom:.5em;
	}

	.brokerageListings .listing a.button {

	}

	.brokerageListings .banner {
		position:relative;
		float:right;
		}

	.brokerageListings .banner .flag {
		position:absolute;
		float:left;
		padding: 0;
		border: none;
		top:10px;
		left: 0;
		display: none !important; /* Turned off Flags per Mackenzie's request */
		}

	.brokerageListings .brokerContact {
		display: block;
		width:100%;
		clear: both;
	}

.cookieCrumbs {
	margin-bottom:3em;
	color:#999999;
	font-size:90%;
	}


/********************************************************

Tool tip

********************************************************/

#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}

    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }

        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #111;
            top: -20px;
            bottom: auto;
        }

        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }

        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }

/********************************************************

End Tool Tip

********************************************************/

.buildingName {
	font-weight:700;
	}

.detailGeneral {
	float:right;
	margin:0 0 30px 30px;
	}

#general,
#photosFinished,
#photosConstruction,
#video,
#specs,
#brokerage {
	padding:25px 0;
	clear:both;
	}

.specs {
	float:left;
	width:30%;
	margin-right:3%;
	}

.caption {
	clear:both;
	font-size:90%;
	font-style:italic;
	color:#999999;
	display:block;
	text-align:right
	}

.newsletter {
	width:200px;
	margin:1em auto;
}

ul.files {
	text-align:left;
	background:#efefef;
	margin-bottom:1em;
	}

ul.files li {
	margin:0 1em;
	}

.pdf, .xls, .doc, .default {
	padding-left:20px;
	padding-top:.3em;
	padding-bottom:.3em;
	background-position:left .3em;
	background-repeat:no-repeat;
	}

.pdf {
	background-image:url(../pix/icon_PDF.gif);
	}

.xls {
	background-image:url(../pix/icon_Excel.gif);
	}

.doc {
	background-image:url(../pix/icon_Word.gif);
	}

.default {
	background-image:url(../pix/icon_default.gif);
	}

.boatName {
	text-transform:uppercase;
	}

	/* exception for eSailing */
	.subPage-eSailing .boatName,
	.boatID-200 .boatName { text-transform: none !important; }

#cycle-slideshow img {
	display: none;
	}

.rightBox {
	margin: 10px 0 10px 10px;
	float: right;
	width: 40%;
}

.rightBox small {
	text-align: right;
	display: block;
}

.homeContent {
	background:#fff url('../pix/contentGrad.png') top left repeat-x; clear:both; margin-top:5px;
}

/********************************************************

Details Footer

********************************************************/

	.detailsFooter {
		padding:20px 0;
		background:#444 url('/pix/boatDetails-bottomShadow.png') top left repeat-x;
		color:#FFFFFF;
		width: 100%;
	}

	.detailsFooter h4 {
		color:#ccc;
		height: 2.6em;
		overflow: hidden;
	}

	.detailsFooter div .item {
		width:31%;
		margin: 0;
		margin-left: 1%;
		margin-right: 1%;
		float: left;
	}

	.detailsFooter .item img {
		border:2px solid #666;
	}

	.detailsFooter .boatName {
		font-size: 100%;
		text-transform: none;
		line-height: 1.4em;
		text-align: center;
		display: block;
	}



/********************************************************

Footer

********************************************************/

	#footer {
		color:#999;
		background:#1b1b1b;
		font-size:90%;
		padding:20px 0;
		clear: both;
		text-align: center;
		}

	#footer a:link,
	#footer a:active,
	#footer a:visited {
		color:#f0e529;
		}

	.partnerLogos {
		 background:none;
		 border:none;
		 padding:2em 0;
		 text-align:center;
		 clear:both;
		 }

	.partnerLogos img {
		vertical-align:middle;
		margin:1em 10px;
		}

	#footer .container {
		text-align: left;
	}

	/********************************************************

	Social icons

	********************************************************/

	#social-links {
		list-style: none;
		margin: 1em 0;
		padding: 0;
		display: inline-block;
	}

	#social-links li {
		margin: 0;
		padding: 0;
		display: inline-block;
		list-style: none;
		background: none;
	}

	#social-links li a span {
		display: none;
	}

	#social-links li a {
		width: 32px;
		height: 32px;
		float: left;
		display: inline-block;
		margin-right: 2px;
		margin-bottom: 2px;
		background: url("../pix/social-icons.png");
		background-position-y: 0;
		background-repeat: no-repeat;
	}


/********************************************************

Homepage Slideshow

********************************************************/

	/********************************************************

	Cycle

	********************************************************/

	#page-home-fullscreen  #slideshowContainer {
		display: none; /* only displayed for browsers < 960px */
	}


	#cycle-slideshow {
		height:auto;
		width:100%;
		clear:both;
		z-index:0;
	}

	#cycle-slideshow img {
		width: 100%;
		height: auto;
	}

	#alt-caption {
		position: absolute;
		bottom:1em;
		padding:.25em 5em .15em 2em;
		right: 0;
		background: #fff;
		background: rgba(255,255,255,.5);
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: .5em;
		color:#000;
		text-transform: uppercase;
		width: auto;
		letter-spacing: 1px;
	}

	/********************************************************

	Flexslider

	********************************************************/

	.flexslider {
		display: none;
		margin-bottom: 0 !important;
	}

	#page-home-fullscreen .flexslider {
		display: block;
	}

	.flexslider .featured-area-wrap {
		overflow: hidden;
		max-height: 850px;
		position: relative;
	}

	.flexslider .featured-area {
	}

	.flexslider .featured-image  {
		position: relative;
		margin-bottom: -50px;
	}
	.flexslider .featured-image img {

	}

	.flex-direction-nav {
		margin: 0;
		padding: 0;
	}

	.flex-direction-nav li {
		margin: 0;
		padding: 0;
		line-height: normal;
	}

	.flexslider .flex-direction-nav a {
		display: block; /* I added this line */
	}

	.flex-direction-nav a {
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: color 0 ease-in !important;
		transition: none !important;
	}

	.flex-direction-nav a.flex-next:before{ content:"" !important;  }
	.flex-direction-nav a.flex-prev:before{ content:"" !important;  }

	.flex-direction-nav .flex-next { right: 0 !important; margin-right: 25px; opacity: 1 !important; content: ""; background: url('../img/chevron-right.png') top center; height: 60px; width: 32px; }
	.flex-direction-nav .flex-prev { left: 0 !important; opacity: 1 !important; margin-left: 25px; content: ""; background: url('../img/chevron-left.png') top center; height: 60px; width: 32px; }

	.flex-direction-nav .flex-next:hover,
	.flex-direction-nav .flex-prev:hover {
		background-position-x: 0;
		background-position-y: -60px;
	}

	.flexslider .slides > li:first-child {
	    display:block;
	}

	.flexslider.loading { min-height: 300px; background: url('../images/lightbox-ico-loading.gif') no-repeat center center; }
	.flexslider.loading .slides > li:first-child { opacity: 1 !important; }

	.flex-control-paging li a {
		background: rgba(255,255,255,.6) !important;
	}

	.flex-control-nav {
		bottom: 20px !important;
		z-index: 100;
		display: none;
	}

	.flex-control-paging li a.flex-active {
		background: rgba(255,255,255,1) !important;
	}

	.flex-caption {
		padding:0 25px;
		position: relative;
		top:-50px;
		right:0;
		z-index: 101;
		background: rgba(255,255,255,.7);
		text-align: left;
		color:#333;
	}

/********************************************************

Thumbnail Images

********************************************************/

.thumb {
	position: relative;
}

/* CLEAR FLOATS WITHOUT EXTRA DIV MARKUP */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ie .clearfix {
	display: inline-block;
}