html {overflow-y: scroll;}

body {
	background: #706E6F;
	text-align: center;
	color: #000;
	font-family: "FrutigerLTW01-55Roman", "Arial";
	font-weight: 200;
	font-size: 13px;
	letter-spacing: .5px;
	width: 100%;
}

strong {
	font-family: "FrutigerLTW01-75Black", "Arial";
}

div.float-right { float:right; }

	/* Styles */


/* Mobile */

@media only screen and (max-width : 320px) {
	ul.mobile li {
		float: left;
		padding: 8px 12px;
		width: 15px;
	}
	.mnav-icon {
		padding-right: 10px !important;
	}
}

@media only screen and (max-width : 670px) {
	.desktop-only { display: none;}

	body {
		background: #fff;
		text-align: center;
		color: #000;
		font-family: "FrutigerLTW01-55Roman", "Arial";
		font-weight: 200;
		font-size: 13px;
		letter-spacing: .5px;
		width: 100%;
	}
	body.page-index section.content {
		background: url(/assets/images/background-home-m.jpg);
		background-size: 100%;
		background-repeat: no-repeat;
		min-height: 400px;
	}

	section.content article { width: 85%; margin: 0 auto; }
	section.content article p { padding: 10px 0px; }
	section.content article img.full { width: 120%; margin-left: -10%; }
	footer {
		width: 100%;
		padding-bottom: 30px;
	}

	footer nav {
		margin-top: 18px;
	}
	footer nav ul.social { margin: 0 auto; width: 320px; padding-bottom: 10px; }
	footer nav ul.social li {
		float: left;
		margin: 0 12px 0 12px;
	}

	ul.social li:nth-child(6),ul.social li:nth-child(7){ display:none; }

	body.page-index footer aside {
		width: 300px;
		margin: 0 auto;
		text-align: center;
		margin-top: 15px;
	}

	footer aside#footer-text { display:none; }
	footer aside#footer-text-m p { color:#818285; width: 310px; }
	footer figcaption {	display:none; }

	footer aside {
		margin-top: 24px;
		font-size: 12px;
	}

	header nav.supernav, header nav.main { display: none; }
	header nav { height: 50px; }
	header nav.mnav {
		margin: 0 auto;
		width: 100%;
	}
	ul.mobile-icons { text-align: center; padding-bottom: 20px; }
	ul.mobile-icons li { display: inline-block; }
	ul.mobile-icons img { width: 58px; }

	ul.mobile li {
		float: left;
		padding: 8px 14px;
	}
	.mnav-icon {
		width: 10px;
		height: 20px;
		float: right !important;
		background: url(/assets/images/nav/mnav-menu.png);
		margin: 8px;
	}
	div.responsive-menu {
		position: absolute;
		top: 50px;
		left: 0;
		display: none;
		z-index: 9999999999;
	}
	.responsive-menu li {
		width: 100%;
		float: left;
		text-align: left;
		font-size: 16px;
		color: #fff;
	}
	.responsive-menu li a {
		width:100%;
		background: #676767;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		padding: 11px 0px 11px 20px;
	}
	.responsive-menu li a:hover,
	.responsive-menu li a.active { background: #999; }
	li a.purchase { background-color: #db4046; }
	li a.purchase:hover { background-color: #6599cd; }

	.purchase-tickets-button {
		background-color: #db4046;
		color: #fff;
		display: block;
		font-size: 16px;
		padding: 16px 0;
		text-decoration: none;
	}

	h1 {
		font-family: "Frutiger LT W01_65 Bold", "Arial Condensed";
		font-size: 15px;
		text-transform: uppercase;
		font-kerning:
	}
	h2 {
		font-family: "FrutigerLTW01-75Black";
		color: #ee3923;
		padding-top: 10px;
	}
	.page-title {
		text-align: center;
		display: inline-block;
		padding-top: 15px;
	}

	/* Mobile Home */
	body.page-index img#logo { margin-top: 125px; width: 140px; height: 140px; }
	.endorsement, aside.cnn { display:none; }
	body.page-index section.content article { display:none; }
	body.page-index div.mobile { margin: 0 auto; width: 90%; padding-top:15px; }
	div.mobile p { margin-bottom: 18px; line-height: 18px; }
	body.page-index #footer-text-m { display: none; }
	h1 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	/* Mobile Contact */
	body.page-contact section.content #logo { display: none; }
	body.page-contact section.content {
		background: url(/assets/images/background-contact.jpg);
		background-repeat: no-repeat;
		background-position-x: -200px;
		height: 350px;
	}
	p.desktop-email { display: none; }
	div.contact-content {
		font-family: "FrutigerLTW01-75Black";
		width: 62%;
		text-align: left;
	}

	/* Mobile FAQ */
	body.page-faq section.content #logo { display: none; }

	/* Mobile Directions */
	body.page-directions section.content #logo { display: none; }
	body.page-directions section.content {
		background: url(/assets/images/mobile-background-directions.jpg);
		background-repeat: no-repeat;
		height: 550px;
	}
	body.page-directions article h1 {
		font-family: "FrutigerLTW01-45Light", "Arial Condensed";
		font-size: 16px;
		padding-top: 15px;
		color: #FFFFFF;
		text-transform: none;
	}
	.mobile-map-directions { margin: 0 auto; width: 90%; padding-top: 15px; }
	.mobile-map-directions .heading {
		font-family: "Frutiger LT W01_65 Bold", "Arial Condensed";
		color: #FFFFFF;
	}

	.map-directions { display: none; }

	/*  Mobile Schedules */
	body.page-schedules img#logo { display: none; }
	div.schedule-purchase { display: none; }
	body.page-schedules article h1 { display: none; }
	body.page-schedules h2 { color: #000; }
	body.page-schedules .content {
		margin-top: 10px;
	}

	/* Mobile About Us */
	body.page-about img#logo { display: none; }
	body.page-about article h1 {
		font-family: "FrutigerLTW01-45Light", "Arial Condensed";
		padding-top: 15px;
		color: #FFFFFF;
		text-transform: none;
		color:#000;
		font-size: 20px;
		margin: 0 auto;
	}
	body.page-about .desktop-icons { display:none; }
	.about-boats h2 {
		color:#000;
		font-size: 20px;
		font-family: "FrutigerLTW01-45Light","Arial Condensed";
		width: 70%;
		margin: 0 auto;
	}
	.about-content { margin: 0 auto; }
}

/* Landscape Mobile */
@media only screen and (min-width : 500px) and (max-width : 670px) {
	.mobile-map-directions { font-size: 18px; }
	body.page-contact section.content {
		background-position-x: -100px;
	}
	div.contact-content { font-size: 16px; }
	body.page-directions section.content { height: 614px; background-size:100%; }
	ul.mobile-icons img { width: 75px; }
	.about-boats h2, body.page-about article h1 { font-size: 3em; }
}

/* Desktop site */

@media only screen and (min-width : 671px) {

	.mobile-only {
		display: none;
	}

	h1 {
		font-family: "FrutigerLTW01-45Light", "Arial Condensed";
		font-size: 22px;
		margin-bottom: 12px;
		color: #FFFFFF;
	}

	h2 {
		font-family: "FrutigerLTW01-75Black";
	}

	p {
		margin-bottom: 18px;
		line-height: 18px;
	}

	p.side-margin {
		margin-right: 36px;
		margin-left: 36px;
	}

	em {
		font-family: "FrutigerLTW01-46LightIt", "Arial";
		font-style: normal;
	}

	header {
		width: 1008px;
		height: 173px;
		position: relative;
	}

	header nav.mnav { display:none; }

	header nav {
		width: 1008px;
		height: 42px;
		position: absolute;
		bottom: 0px;
		background: #706E6F;
		color: #FFFFFF;
		font-size: 14px;
	}

	header nav li {
		float: left;
		text-align: center;
		padding: 13px 12px;
		display: inline;
		height: 16px;
	}

	header nav li a {
		color: #FFFFFF;
		text-decoration: none;
		-webkit-transition: color .25s;
		transition: color .25s;
	}

	header nav li a:visited {
		color: #FFFFFF;
		-webkit-transition: color .25s;
		transition: color .25s;
	}

	header nav li a:hover {
		color: #CCCCCC;
		-webkit-transition: color .25s;
		transition: color .25s;
	}

	header nav li a.active:visited, header nav li a.active {
		color: #999999;
	}

	header nav.main li:first-of-type {
		background: #DB4046;
		padding: 13px 28px;
	}

	header nav.main li:nth-of-type(2) {
		padding-left: 28px;
	}

	header nav.main li:first-of-type:hover {
		background: #56A1D5;
	}

	header nav.main li:first-of-type a:hover {
		color: #FFFFFF;
	}

	header nav.supernav {
		width: 1008px;
		height: 136px;
		top: 0;
		background: #FFFFFF;
		color: #000000;
		text-align: center;
		position: absolute;
	}

	header nav.supernav ul {
		width: 1008px;
		bottom: 32px;
		position: absolute;
	}

	header nav.supernav li {
		float: none;
		padding: 0 32px;
		cursor: pointer;
	}

	header nav.supernav li span {
		width: 64px;
	}

	header img#header-logo {
		position: relative;
		top: 13px;
	}

	footer {
		width: 1008px;
		height: 132px;
		background: #FFFFFF;
	}

	footer nav {
		width: 1008px;
		margin: 18px 0 0 43px;
	}

	footer nav ul.social li {
		float: left;
		margin-right: 38px;
	}

	footer figcaption {
		font-family: "FrutigerLTW01-56Italic", "Arial";
	}

	footer aside {
		margin-top: 24px;
		font-size: 12px;
	}

	footer aside p {
		margin-bottom: 14px;
	}

	footer aside span.copyright {
		margin-right: 28px;
	}

	footer aside#footer-text-m { display:none; }

	div#container {
		margin: 0 auto;
		width: 1008px;
		text-align: center;
		position: relative;
		background:	#FFFFFF;
	}

	section.content a {
		font-family: "FrutigerLTW01-75Black", "Arial";
		text-decoration: none;
		color: #FFFFFF;
	}

	section.content a:visited {
		font-family: "FrutigerLTW01-75Black", "Arial";
		text-decoration: none;
		color: #FFFFFF;
	}

	section.content a:hover {
		font-family: "FrutigerLTW01-75Black", "Arial";
		text-decoration: underline;
		color: #FFFFFF;
	}

	section.content {
		width: 1008px;
		min-height: 646px;
		position: relative;
		background-repeat: no-repeat;
	}

	section.content article {
		color: #FFFFFF;
		font-size: 14px;
	}


	aside.endorsement em {
		font-family: "FrutigerLTW01-56Italic", "Arial";
		font-style: normal;
	}

	aside.cnn { display: block; }

	article .nav li {
		display: inline;
		margin: 0 24px;
	}

	ul.mobile-icons { display: none; }

	/* everything below should be page-specific */

	/* Home Page */

	body.page-index .endorsement {
		position: absolute;
		right: 14px;
		top: 214px;
		font-size: 12px;
		width: 200px;
		color: #000000;
		font-family: "FrutigerLTW01-55Roman";
	}

	body.page-index em {
		font-family: "FrutigerLTW01-56Italic";
	}


	body.page-index aside.cnn {
		top: 130px;
		right: 36px;
		position: absolute;
	}
	body.page-index article p {
		line-height: 16px;
	}
	body.page-index section.content {
		background: url(/assets/images/background-home.jpg);
	}
	body.page-index div.mobile { display:none; }

	body.page-index section.content article {
		color: #000000;
		position: absolute;
		top: 22px;
		font-size: 12px;
		width: 100%;
	}

	body.page-index section.content h1 {
		color: #000;
		position: absolute;
		right: 36px;
	  top: 96px;
	  font-size: 13px;
	  font-weight: bold;
	  font-family: FrutigerLTW01-55Roman, Arial;
	}

	body.page-index section.content a {
		color: #000;
	}

	/* 90 Minute Cruise */

	body.page-90-minute-cruise section.content {
		background: url(/assets/images/background-90minute.jpg);
	}

	body.page-90-minute-cruise article {
		position: absolute;
		width: 248px;
		top: 300px;
		left: 53px;
	}

	/* 60 Minute Cruise */

	body.page-60-minute-cruise section.content {
		background: url(/assets/images/background-60minute.jpg);
	}

	body.page-60-minute-cruise article {
		position: absolute;
		width: 340px;
		top: 44px;
		right: 30px;
	}

	/* CHM Cruise */

	body.page-history-cruise section.content {
		background: url(/assets/images/background-chm.jpg);
	}

	body.page-history-cruise article {
		position: absolute;
		width: 700px;
		top: 20px;
		right: 88px;
	}

	/* Fireworks Cruise */

	body.page-fireworks-cruise section.content {
		background: url(/assets/images/background-fireworks.jpg);
	}

	body.page-fireworks-cruise article {
		position: absolute;
		width: 708px;
		top: 28px;
		left: 50px;
	}

	/* Cocktail Cruise */

	body.page-cocktail-cruise section.content {
		background: url(/assets/images/background-cocktail.jpg);
	}

	body.page-cocktail-cruise article {
		position: absolute;
		width: 870px;
		top: 28px;
		left: 34px;
	}

	/* Directions */

	body.page-directions section.content {
		background: url(/assets/images/background-directions.jpg);
	}

	body.page-directions article {
		color: #000000;
		position: absolute;
		width: 502px;
		top: 24px;
		left: 22%;
	}

	body.page-directions h1 {
		font-family: "FrutigerLTW01-45Light", "Arial Condensed";
		font-size: 22px;
		margin-bottom: 12px;
		color: #FFFFFF;
	}

	body.page-directions article a {
		color: #000000;
	}

	body.page-directions article a:visited {
		color: #000000;
	}

	body.page-directions article a:hover {
		color: #000000;
	}
	.map-directions { width: 500px; }
	.mobile-map-directions { display: none; }
	.mobile-map { display: none; }

	/* Contact */

	body.page-contact section.content {
		background: url(/assets/images/background-contact.jpg);
	}

	body.page-contact article {
		position: absolute;
		width: 420px;
		top: 28px;
		left: 6%;
		color: #000000;
		font-family: "FrutigerLTW01-75Black";
	}

	body.page-contact article p {
		margin-bottom: 12px;
	}

	body.page-contact article a {
		color: #000000;
	}

	body.page-contact article a:visited {
		color: #000000;
	}

	body.page-contact article a:hover {
		color: #000000;
	}
	div.contact-content { width: 100%; }

	/* Gifts */

	body.page-gifts h1 {
		color: #000000;
	}

	body.page-gifts section.content {
		background: url(/assets/images/background-gifts.jpg);
	}

	body.page-gifts article {
		position: absolute;
		width: 57%;
		top: 28px;
		left: 0;
		color: #000000;
	}

	body.page-gifts article p {
		margin-bottom: 12px;
	}

	body.page-gifts article h1 {
		font-family: "FrutigerLTW01-45Light", "Arial Condensed";
		font-size: 22px;
		margin-bottom: 12px;
	}

	body.page-gifts div#ticket-purchase {
		background: url(/assets/images/tickets.jpg);
	  background-position-x: center;
	  width: 100%;
	  height: 383px;
	  background-repeat: no-repeat;
	  position: relative;
	  top: -12px
	}

	body.page-gifts div#ticket-purchase img {
		position: absolute;
	  right: 22.5%;
	  top: 0;
	}

	/* Accolades */

	body.page-accolades section.content {
		background: url(/assets/images/background-accolades.jpg);
	}

	body.page-accolades article {
		position: absolute;
		width: 57%;
		top: 28px;
		left: 0;
		color: #000000;
	}

	body.page-accolades article p {
		margin-bottom: 12px;
	}

	body.page-accolades article span.reviewer {
		font-family: "FrutigerLTW01-66BoldIta", "Arial";
	}

	body.page-accolades ul.nav {
		margin-bottom: 24px;
	}

	/* Groups */

	body.page-groups section.content {
		background: url(/assets/images/background-groups.jpg);
	}

	body.page-groups article {
		position: absolute;
		width: 420px;
		top: 150px;
		left: 2%;
		color: #000000;
	}

	body.page-groups article a {
		color: #000000;
	}

	body.page-groups article a:visited {
		color: #000000;
	}

	body.page-groups article a:hover {
		color: #000000;
	}

	/* Schedules */

	body.page-schedules section.content {
		background: url(/assets/images/background-schedules.jpg);
	}

	body.page-schedules article {
		position: absolute;
		width: 57%;
		top: 0px;
		left: 0;
		color: #000000;
	}

	body.page-schedules article a, body.page-schedules article h1 {
		color: #000000;
	}

	body.page-schedules article a:visited {
		color: #000000;
	}

	body.page-schedules article a:hover {
		color: #000000;
	}

	body.page-schedules article p {
		margin-bottom: 10px;
	}

	body.page-schedules article img {
		margin-bottom: 2px;
	}

	/* 60 & 90 Minute Detail */

	body.page-architectural-cruise-detail section.content {
		background: url(/assets/images/background-detail.jpg);
	}

	body.page-architectural-cruise-detail article {
		position: absolute;
		width: 57%;
		top: 46px;
		left: 0;
		color: #000000;
	}

	body.page-architectural-cruise-detail article h1 {
		color: #000000;
	}

	body.page-architectural-cruise-detail article ul.nav {
		margin-top: 32px;
	}

	body.page-architectural-cruise-detail div#docents {
		position: absolute;
		top: 32px;
		right: 0;
		width: 42.8%;
	}

	body.page-architectural-cruise-detail div#docents figure {
		width: 33.3%;
		height: 151px;
		float: left;
	}

	body.page-architectural-cruise-detail div#docents figcaption {
		color: #FFFFFF;
		text-transform: uppercase;
		font-family: "FrutigerLTW01-75Black";
		padding-top: 15px;
	}

	body.page-architectural-cruise-detail div#docents figcaption.shadow {
	  text-shadow: 2px 2px 2px #000;
	}

	body.page-architectural-cruise-detail div#docents .cnn {
		margin-top: 22px;
	}

	/* Routes */

	body.page-cruise-routes img.route-map {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}

	body.page-cruise-routes section.content ul {
		position: absolute;
		top: 30px;
		left: 33px;
		z-index: 100;
	}

	body.page-cruise-routes section.content ul li {
		display: block;
		height: 56px;
		position: relative;
	}

	body.page-cruise-routes section.content ul li img {
		cursor: pointer;
	}

	body.page-cruise-routes img.route-map {
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: opacity .1s ease-out;
		transition: opacity .1s ease-out;
	}

	body.page-cruise-routes img.route-map.active {
		display: block;
		opacity: 1;
		-webkit-transition: opacity .1s ease-in;
		transition: opacity .1s ease-in;
	}

	body.page-cruise-routes article {
		display: none;
		opacity: 0;
		left: 71px;
		bottom: 68px;
		z-index: 200;
		position: absolute;
	}

	body.page-cruise-routes article.active {
		display: block;
		opacity: 1;
	}

	body.page-cruise-routes section.content {
		background: #706E6F;
	}

	/* Us */

	body.page-about .about-boats { display: none; }
	body.page-about h1 {
		color: #000000;
		margin-bottom: 38px;
	}

	body.page-about section.content {
		background: url(/assets/images/background-us.jpg);
	}

	body.page-about article {
		color: #000000;
		position: absolute;
		width: 57%;
		top: 50px;
		left: 0;
		font-size: 15px;
	}

	body.page-about article ul.nav {
		margin-top: 45px;
	}
	.about-content { width: 88%; margin: 0 auto; }


	/* Charters */

	body.page-charters section.content {
		background: url(/assets/images/background-charters.jpg);
	}

	body.page-charters article {
		color: #FFFFFF;
		position: absolute;
		width: 43.6%;
		top: 60px;
		left: 0;
		font-size: 15px;
	}

	/* FAQ */

	body.page-faq section.content {
		background: url(/assets/images/background-faq.jpg);
	}
	body.page-faq .faq-content { width: 90%; margin: 0 auto; }
	body.page-faq article {
		color: #000000;
		position: absolute;
		width: 57%;
		top: 26px;
		left: 0;
		font-size: 14px;
	}

	body.page-faq article a {
		color: #000000;
	}

	body.page-faq article a:visited {
		color: #000000;
	}

	body.page-faq article a:hover {
		color: #000000;
	}

	/* CHM Detail */

	body.page-history-cruise-detail section.content {
		background: url(/assets/images/background-chm-detail.jpg);
	}

	body.page-history-cruise-detail article {
		position: absolute;
		width: 57%;
		top: 46px;
		left: 0;
		color: #000000;
	}

	body.page-history-cruise-detail article h1 {
		color: #000000;
	}

	body.page-history-cruise-detail article ul.nav {
		margin-top: 32px;
	}

	body.page-history-cruise-detail article a {
		color: #000000;
	}

	body.page-history-cruise-detail article a:visited {
		color: #000000;
	}

	body.page-history-cruise-detail article a:hover {
		color: #000000;
	}

	/* Boats */

	body.page-boats article {
		position: absolute;
		top: 22px;
		left: 22px;
		color: #000000;
	}

	body.page-boats article h1 {
		color: #000000;
	}

	body.page-boats article p {
		position: relative;
		left: 300px;
	}

	body.page-boats ul.nav {
		position: absolute;
		left: 13.4%;
		top: 16.25%;
		text-align: left;
	}

	body.page-boats ul.nav li {
		line-height: 24px;
		cursor: pointer;
	}


	body.page-boats ul.nav li:hover {
		text-decoration: underline;
	}

	body.page-boats ul.nav li.active {
		list-style-image: url('/assets/images/li-circle-red.png');
	}

	body.page-boats article a {
		color: #000000;
	}

	body.page-boats article a:visited {
		color: #000000;
	}

	body.page-boats article a:hover {
		color: #000000;
	}

	body.page-boats img.boat-plans {
		display: none;
	}

	body.page-boats img.boat-plans.active {
		display: block;
	}

	img#starbucks { display:none; }
}