/***** Reset CSS *****/
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***** begin styling *****/

/* main page setup */
html{
	color: #333;
	font-family: "Lucida Sans", Arial, Verdana, sans-serif;
}

body{
	text-align: center;
	background: #a8b8da;
	position: relative;
}

p{
	line-height: 1.6;
}

div.container{
	text-align: left;
	position: relative;
	width: 900px;
	margin: 20px auto 20px auto;
}

div.container img.facebook{
	position: absolute;
	top: 25px;
	right: 0;
}

.clear-float{
	margin: 0;
	padding: 0;
	height: 0;
	font-size: 0px;
	clear: both;
}

div.content a{
	color: #3c578f;
	text-decoration: none;
	border-bottom: 1px dotted #516ba3;
}

div.content a:hover{
	color: #183063;
	border-bottom: 1px dotted #3c578f;
}

/* main content */
div.main div.content{
	padding: 0 20px 20px 20px;
}

div.main div.landing{
	padding: 0 50px 20px 20px;
}

div.main div.content p{
	padding: 0 0 15px 0;
	font-size: 13px;
	line-height: 1.6;
	color: #404040;
}

div.main div.content blockquote{
	padding: 0 15px 15px 15px;
	font-size: 12px;
	line-height: 1.6;
	color: #555;
	font-style: italic;
}

div.main div.content ul{
	margin: 0 0 15px 20px;
	padding: 0;
}

div.main div.content ul li{
	padding: 0;
	font-size: 13px;
	line-height: 1.6;
	color: #404040;
	list-style-type: disc;
}

div.main div.content cite{
	padding: 0;
	font-size: 13px;
	line-height: 1.6;
	color: #404040;
	font-style: normal;
}

div.main div.content p strong{
	color: #5c2b2b;
	font-weight: bold;
}

div.main div.content p.intro{
	font-size: 15px;
}

div.content-right{
	text-align: right;
}

div.content h2{
	margin: 0;
	padding: 0 0 25px 0;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

div.content h3{
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 14px;
	color: #333;
	font-weight: bold;
}

div.content h4{
	margin: 0;
	padding: 5px 0 5px 0;
	font-size: 13px;
	color: #5c2b2b;
}

div.content h4 em{
	margin: 0;
	padding: 0 0 0 25px;
	font-size: 11px;
	font-style: normal;
}

div.content h5{
	margin: 0;
	padding: 10px 0;
	font-size: 12px;
	color: #824848;
}

div.main div.content p.crew-link{
	margin: 0 0 12px 0;
	padding: 0 0 0 500px;
}

div.main div.content ul.jump-list{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.main div.content ul.jump-list li{
	float: left;
	margin: 0 20px 15px 0;
	list-style-type: none;
	font-size: 12px;
}

div.content div.definition-list{
	margin: 0;
	padding: 0;
	width: 400px;
	float: left;
}

div.content div.list-left{
	margin: 0 50px 0 0;
	padding: 0;
	width: 400px;
	float: left;
}

div.content dl{
	margin: 0;
	padding: 0 0 15px 0;
	font-size: 12px;
}

div.content dt{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
	font-style:italic;
	color: #444;
}

div.content dd{
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.4;
	font-style:normal;
	color: #555;
}

div.main img.photo{
	padding: 10px;
	background-color: #becae3;
	zoom: 1;
}

div.main div.header-shell img.photo{
	padding: 10px;
	background-color: #d4dced;
}

div.main div.header-shell img.menu{
	margin: -60px 0 0 0;
	z-index: 5000;
	zoom: 1;
	position: relative;
}

div.main img.right{
	float: right;
	margin: 0 0 20px 20px;
	zoom: 1;
}

div.main img.left{
	float: left;
	margin: 0 20px 20px 0;
	zoom: 1;
}

/* logo, navigation */
div#logo2{
	width: 400px;
	height: 111px;
	margin: 0 0 20px 250px;
	zoom: 1;
}

div#logo{
	width: 400px;
	height: 111px;
	margin: 0 0 20px 250px;
	zoom: 1;
}

div#logo h1 span{
	display: none;
}

div#logo2 h2 span{
	display: none;
}

/* begin top nav styles */
div#nav{
	height: 34px;
	zoom: 1
}

div#nav ul{
	height: 34px;
	z-index: 500;
	border: none;
	zoom: 1
}

div#nav ul li{
	font-size: 12px;
	color: #222;
	font-family: "Lucida Sans", Arial, Verdana,  sans-serif;
	float: left;
	position: relative;
	z-index: 500;
}

div#nav ul li a{
	display: block;
	color: #fff;
	background: #5c7099 url('../images/common/nav-bg-blue.gif') no-repeat bottom right;
	text-decoration: none;
	width: 150px;
	text-align: center;
	line-height: 34px;
}

div#nav ul li.last a{
	background: #5c7099;
}

div#nav ul li a:hover,
div#nav ul li:hover a{
	background: #485c85;
	color: #ffffff;
}

div#nav ul li.yacht a{
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;
}

body#yacht div#nav ul li.yacht a{
	background: #485c85;
	color: #ffffff;
}

body#crew div#nav ul li.crew a{
	background: #485c85;
	color: #ffffff;
}

body#experience div#nav ul li.experience a{
	background: #485c85;
	color: #ffffff;
}

body#schedule div#nav ul li.schedule a{
	background: #485c85;
	color: #ffffff;
}

div#nav ul li.contact a{
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;
}

body#contact div#nav ul li.contact a{
	background: #485c85;
	color: #ffffff;
}

body#menu div#nav ul li.menu a{
	background: #485c85;
	color: #ffffff;
}

div#nav ul li ul.subnav {
	display:none; 
	margin:0; 
	padding:0; 
	list-style:none;
	width: 150px;
	position: absolute;
	top: 34px;
	left: 0;
}

div#nav ul li ul.subnav li {
	width:150px; 
	line-height: 34px;
	float:left;
	color: #fff;
}

/* display block will make the link fill the whole area of LI */
div#nav ul li ul.subnav li a,
body#yacht div#nav ul li.yacht ul li a,
body#menu div#nav ul li.menu ul li a{
	display:block; 
	background: #5c6f98;
	color: #fff;
}

div#nav ul li ul.subnav li a:hover,
body#yacht div#nav ul li.yacht ul li a:hover,
body#menu div#nav ul li.menu ul li a:hover{
	display:block; 
	background: #485c85;
	color: #fff;
}

/* hero */
div#home-hero{
	margin: 0;
	padding: 0;
	width: 900px;
	height: 250px;
}

/* homepage image slideshow */
/*--Main Container--*/
.slideshow-home{
	background-color: #6D2323;
	height: 220px;
	position: relative;
}

.testimonial {
	position: absolute;
	top: 32px;
	left: 20px;
	height:160px;
	width: 270px;
	text-align: right;
}

.testimonial p {
	font-size: 12px;
	color: #FFF7D4;
	line-height: 1.7;
}

.testimonial p em {
	display: block;
	font-size: 11px;
	color: #FFF7D4;
}

.slideshowShell {
	position: absolute;
	top: 20px;
	left: 310px;
	padding: 10px;
	background-color: #7d2f2f;
}

.slideshowShell #slideshowHomepage {
	height:160px;
	width: 240px;
	padding:0;
	margin:0;
	overflow: hidden
}

.home-info {
	position: absolute;
	top: 32px;
	left: 590px;
	width: 310px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: left;
	color: #FFF7D4;
	font-size: 12px;
}

.home-info p{
	font-size: 12px;
	color: #FFF7D4;
	font-weight: bold;
	padding: 0 0 4px 0;
}

.home-info ul li{
	font-size: 12px;
	color: #FFF7D4;
	padding: 3px 0 3px 0;
	line-height: 1.5;
}

/* caption styling */
.boxgrid{  
	background:#161613;  
	overflow: hidden; 
	position: relative;
}
	
.boxcaption{ 
	position: absolute;
	bottom: -56px;
	left: 0;
	background: #000;
	height: 46px; 
	width: 100%;
	opacity: .85;
	cursor: pointer;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

div.post-image .boxcaption p{ 
	position: absolute;
	top: 15px;
	left: 25px;
	color:#FFF7D4; 
	font-weight: normal; 
	font-size: 12px;
	line-height: 1;
}

div.header{
	margin: 0;
	padding: 25px 0 30px 0;
	width: 900px;
	position: relative;
}

body.why-us div.header{
	padding: 25px 0 5px 0;
}

div.header img.reservations{
	position: absolute;
	top: 30px;
	right: 15px;
}

body.yacht div.header img.reservations,
body.menu div.header img.reservations{
	position: absolute;
	top: 0;
	*top: 15px;
	right: 40px;
}

div.slideshow,
div.header-shell{
	margin: 20px 0 0 0;
	padding: 0 0 15px 10px;
	background-color: #becae3;
	border-top: 1px solid #c2cde5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

div.slideshow div.header,
div.header-shell div.header{
	margin: 0;
	margin: 25px 0 0px 10px;
}

div.slideshow p{
	margin: 0;
	padding: 0 0 0 30px;
	position: absolute;
	top: 55px;
	right: 20px;
	color: #6e81a8;
	font-size: 13px;
	line-height: 20px;
	display: inline-block;
	background: url('../images/yacht/icon-slideshow.gif') no-repeat top left;
}

div.slideshow div.photo-thumbnails{
	zoom: 1;
	z-index: 600;
}

div.slideshow div.photo-thumbnails div.photo-box{
	margin: 0 5px 10px 5px;
	_margin: 0 10px 10px 0;
	padding: 10px;
	background-color: #d4dced;
	float: left;
	zoom: 1;
}

div.slideshow div.photo-thumbnails div.photo-box img{
	width: 146px;
	height: 104px;
	zoom: 1;
	z-index: 5000;
}

div#cboxTitle{
	color: #4a68a6;
	font-size: 12px;
	bottom: 8px;
}

div#cboxCurrent{
	color: #969696;
	font-size: 11px;
	line-height: 1.6;
}

div#cboxSlideshow{
	margin-right: 10px;
	font-size: 11px;
	line-height: 1.6;
	color: #4a68a6;
}

div.gallery-shell{
	background-color: #becae3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top: 1px solid #c2cde5;
	width: 800px;
}

/* menu page */
div.menu-block{
	margin: 0;
	padding: 30px 0 0 0;
	line-height: 1.5;
}

div.menu-block h3{
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #5c2b2b;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, Times, serif;
}

div.menu-block h4{
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
}

div.main div.menu-block ul{
	margin: 0;
	padding: 0;
}

div.main div.menu-block ul li{
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #444;
	list-style-type: none;
}

div.menu-block div.menu-photo,
div.menu-block div.menu-info{
	margin: 0;
	padding: 0;
	width: 400px;
	float: left;
}

div.menu-block div.right{
	margin: 0 25px 0 0;
	padding: 0;
	text-align: right;
}

/* schedule table */
div.main div.content h3.link-right{
	text-align: right;
	padding: 0 75px 15px 0;
}

div.table-border{
	margin: 0 50px 15px 50px;
	padding: 15px;
	background-color: #becae3;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

table.schedule {
	font-size: 12px;
	border: 1px solid #a0aec4;
}

div.main table.schedule td {
	font-size: 12px;
	line-height: 1.4;
	margin: 0;
	padding: 8px 4px 8px 14px;
	color: #555;
}

table.schedule th.destination {
	width: 300px;
	border-bottom: 1px solid #bdc8da;
}

table.schedule th.status {
	width: 260px;
	border-bottom: 1px solid #bdc8da;
	border-right: 1px solid #bdc8da;
	border-left: 1px solid #bdc8da;
}

table.schedule th.dates {
	width: 150px;
	border-bottom: 1px solid #bdc8da;
}

table.schedule th {
	background: #fff;
	font-weight: normal;
	text-align: left;
	line-height: 1.3;
	padding: 8px 4px 8px 14px;
}

div.main div.content table.schedule th h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
	color: #404040;
}

table.schedule td.status {
	border-right: 1px solid #bdc8da;
	border-left: 1px solid #bdc8da;
}

table.schedule td {
	vertical-align: top;
}

table.schedule tr td {
	background: #d5dce7;
}

table.schedule tr.alt td {
	background: #e6eaf2;
}

table.schedule tr.over td {
	background: #fff;
}

table.schedule .open,
table.schedule tbody.open td{
	color: #0033FF;
}

table.schedule .reserved,
table.schedule tbody.reserved td{
	color: #FF3300;
}

table.schedule .hold,
table.schedule tbody.hold td{
	color: #008300;
}

table.schedule .open-cabins,
table.schedule tbody.open-cabins td{
	color: #660083;
}

div.main div.statement-principles{
	width: 550px;
	margin: 25px auto 0 auto;
	text-align: center;
	border: 1px solid #5c2b2b;
}

div.main div.statement-principles div.sp-content{
	padding: 10px;
	background-color: #FFF7D4;
}

div.main div.statement-principles p{
	margin: 0;
	padding: 0 0 10px 0;
}

div.main div.statement-principles h4{
	margin: 0;
	padding: 10px 0;
}

/* footer */
div#footer{
	margin: 20px 0 25px 0;
}

div#footer p{
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 12px;
	color: #663333;
	text-align: center;
}

div#footer p a{
	color: #663333;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url('../images/colorbox/overlay.png') 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url('../images/colorbox/controls.png') -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url('../images/colorbox/controls.png') -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url('../images/colorbox/controls.png') -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url('../images/colorbox/controls.png') -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url('../images/colorbox/controls.png') left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url('../images/colorbox/controls.png') right top repeat-y;}
    #cboxTopCenter{height:21px; background:url('../images/colorbox/border.png') 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url('../images/colorbox/border.png') 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url('../images/colorbox/controls.png') -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url('../images/colorbox/controls.png') -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url('../images/colorbox/loading_background.png') center center no-repeat;}
        #cboxLoadingGraphic{background:url('../images/colorbox/loading.gif') center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url('../images/colorbox/controls.png') -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}