@import url("https://use.typekit.net/ysz8zjr.css");
@font-face {
font-family: "europa",sans-serif;
font-weight: normal;
font-style: normal;
}
@font-face {
	font-family: 'ElegantIcons';
	src: url('../webfonts/ElegantIcons.eot');
	src: url('../webfonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),  url('../webfonts/ElegantIcons.woff') format('woff'),  url('../webfonts/ElegantIcons.ttf') format('truetype'),  url('../webfonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('../webfonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('../webfonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../webfonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../webfonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../webfonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../webfonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: 'weathericons';
  src: url('../webfonts/weathericons-regular-webfont.eot');
  src: url('../webfonts/weathericons-regular-webfont-.eot#iefix') format('embedded-opentype'), url('../webfonts/weathericons-regular-webfont.woff') format('woff'), url('../webfonts/weathericons-regular-webfont.ttf') format('truetype'), url('../webfonts/weathericons-regular-webfont.svg.html#weathericons-regular-webfontRg') format('svg');
  font-weight: normal;
  font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}
body { /*background-color: #fff;*/
	font-family: europa;
	font-weight: normal;
}
a {
	color: #244B5A;
	text-decoration: none !important;
}
a:hover {
	color: #4c4c4c;
}
.clear {
	clear: both;
}
.mobile-only {
	display: none;
}
#header-container {
	background-color: rgba(0,0,0,.3);
	height: 130px; /*position: fixed;*/
	z-index: 1000;
	top: 0;
	right: 0;
	left: 0;
	color: #FFFFFF !important;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
#header-container:hover {
	background-color: rgba(0,0,0,.7)!important;
}
#header {
	position: relative;
	width: 100%;
	max-width: 1250px;
	margin: 0 auto;
}
#logo {
	width: 210px;
	float: left;
	padding-top: 30px;
}
#logo img {
	width: 100%;
	height: auto;
}
.locked {
	position: fixed;
}
.unlocked {
	position: relative;
}
#mobile-logo {
	display: none;
}
/*.inner #header-container { background-color: rgba(0,0,0,.6)!important; }*/

.dark {
	background-color: rgba(0,0,0,.7)!important;
}
.darker {
	background-color: rgba(0,0,0,.6)!important;
}
/* ///////////////////// MOBILE NAV ////////////////////////// */

#mobile-menu-button, #mobile-call-button {
	display: none;
}
#mobile-nav { /*height: 100%;*/
	display: none;
	background-color: #1a1a1a;
	position: absolute;
	top: 116px;
	left: 0px;
	right: 0;
	z-index: 99999;
	font-weight: normal;
}
.nav-cat {
	height: 55px;
	right: 0;
	left: 0;
	border: 1px solid #2c384c;
	border-width: 0 0 1px 0;
	padding-left: 24px; /*padding-top: 15px;*/
	color: #ffffff;
	font-size: 14px;
	overflow: hidden;
	position: relative;
}
.nav-cat a {
	position: relative;
	display: inline-block;
	width: 100%;
	padding-top: 18px;
	padding-bottom: 25px;
	color: #fff;
	text-decoration: none;
}
.nav-cat:hover {
	background-color: #244B5A;
}
.nav-sub {
	display: none;
}
.nav-symbol {
	position: absolute;
	top: -8px;
	right: 40px;
}
.nav-symbol a {
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}
.nav-sub ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.nav-sub ul li {
	height: 40px;
	width: auto;
	border: 1px solid #493e36;
	border-width: 0 0 1px 0;
	padding-left: 24px; /*padding-top: 15px;*/
	color: #ffffff;
	font-size: 14px;
	overflow: auto;
}
.nav-sub ul li a {
	display: block;
	padding-top: 15px;
	color: #ffffff;
	text-decoration: none;
}
/*#mobile-nav ul li a:hover { color: #341300; }*/
.nav-sub ul li:hover {
	background-color: #244B5A;
}
/*#mobile-nav ul li.link:hover a { color: #341300; }*/
.nav-sub ul li {
	text-indent: 15px;
}
/******* END MOBILE NAV *********/

#upper-right {
	position: absolute;
	top: 0;
	right: 0;
}
#book-now {
	float: right;
	background-color: #244B5A;
	width: 68px;
	height: 70px;
	text-align: center;
	font-size: 16px;
	padding-top: 12px;
	margin-left: 20px;
}
#book-now a {
	text-decoration: none;
	color: #fff;
}
#book-now:hover {
	background-color: #1b5a8f;
}
#upper-nav {
	float: right;
	width: 440px;
	text-align: right;
	color: #fff;
	padding-top: 22px;
	font-size: 14px;
	margin-right: 15px;
}
#upper-nav a {
	color: #fff;
	text-decoration: none;
}
#upper-nav a:hover {
	color: #fff;
}
#weather {
	width: 50px;
	float: right;
	height: 55px;
	font-family: 'weathericons';
	color: #fff;
	overflow: visible;
	text-align: center;
	padding-top: 5px;
	cursor: pointer;
}
#weather a {
	color: #fff;
}
#weather h2 {
	font-family: 'weathericons';
	font-size: 22px;
	line-height: normal;
	margin: 0;
	font-weight: normal;
}
#weather p {
	font-family: 'europa',sans-serif;
	font-size: 16px;
	margin: -5px 0 0 0;
}
#weather .wiTemperature sup {
	font-size: 16px;
	baseline-shift: baseline;
}
#weather2 {
	display: none;
	width: 300px;
	position: absolute;
	top: 69px!important;
	right: 68px;
	z-index: 100;
	background: #244B5A;
	padding: 15px;
}
#weather2 h2, #weather2 ul li {
	font-weight: 300;
}
#weather2 a {
	color: #fff;
	text-decoration: none;
}
.weather-data-table {
	width: 100%;
}

.weather-data-table td {
	width: 20%;
	vertical-align: top;
	text-align: center;
}

.weather-data-table h2 {
	font-family: 'weathericons';
	font-size: 26px;
	font-weight: normal;
	line-height: normal;
	margin-bottom: 0;
	margin-top: 5px;
}
.weather-data-table p {
	font-family: 'europa',sans-serif;
	font-size: 16px;
}

#weather .wiTemperature sup {
	font-size: 16px;
	baseline-shift: baseline;
}
#main-nav {
	position: absolute;
	right: 0px;
	top: 75px;
}
#main-nav ul li {
	display: inline-block;
	position: relative; /*margin-right: 30px;*/
	padding: 15px 15px 14px 15px;
}
#main-nav ul li:hover {
	border-bottom: 4px #305a6c solid;
}
#main-nav ul li ul li {
	margin-right: 0;
}
#main-nav ul li a, #mobile-menu a.drop-link {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}
/*#main-nav ul li a:hover { color: #38c7d4; }*/
.nav-drop { /*position: relative;*/
	display: none;
	width: 500px;
	position: absolute;
	top: 51px;
	left: 0;
	padding: 24px 36px 25px 36px;
	background-color: rgba(0,0,0,.8);
	color: #abaaaa;
	z-index: 9999;
	font-weight: 300;
}
.drop-links {
	width: 40%;
	float: left;
}
#main-nav ul li .drop-link {
	font-size: 16px;
	padding: 10px 0 10px 0;
	border: 1px solid #666;
	border-width: 0 0 1px 0;
	width: 100%;
	display: inline-block;
	color: #abaaaa;
	font-weight: 700;
}
#main-nav ul li .drop-link:hover {
	color: #fff;
}
.drop-feature {
	/* width: 212px; */
	width: 50%;
	float: right;
}
.drop-feature img {
	width: 100%;
	height: auto;
}
.drop-feature p {
	font-size: 14px;
	margin-top: 7px;
	line-height: 20px;
	color: #fff;
}
#main-nav ul li .drop-feature a {
	color: #1b5a8f;
	font-size: 14px;
}
#main-nav ul li .drop-feature a:hover {
	color: #fff;
}
.drop-border {
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-top: 4px solid #305a6c;
	z-index: 9999;
}
/* ARROWS AT TOP OF DROP-DOWNS */
.arrow_box {
	position: absolute;
	width: 85px;
	top: 0;
	left: 0; /*background: #88b7d5;*/
	border: 2px solid #244B5A;
	z-index: 10000;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	z-index: 10000;
}
.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: #244B5A;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #244B5A;
	border-width: 10px;
	margin-left: -10px;
}
.blue-button {
	background-color: #244B5A;
	border: none;
	height: 36px;
	width: 200px;
	text-align: center;
	font-size: 13px;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
	margin-bottom: 1em;
}
.blue-button a {
	display: inline-block;
	height: 100%;
	width: 100%;
	padding-top: 6px;
	color: #fff!important;
	text-decoration: none;
	font-size: 17px;
	font-weight: 300!important;
}
.blue-button:hover {
	background-color: #1b5a8f;
}
.bottom-slide .blue-button {
	margin: 20px auto 0 auto;
}
.right {
	float: right;
}
.left {
	float: left;
}
/****** HOME 'CURTAIN' EFFECT *******/
.off-canvas-wrap {
	-webkit-backface-visibility: hidden;
	position: relative;
	width: 100%;
	overflow: hidden;
}
#body-reveal {
	/*-webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
	position: relative;
	z-index: 2;
	display: block;
	overflow: hidden;
	width: 100%;
	background-color: #fff;
}
#bottom-reveal {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 1;
	overflow: hidden; /*margin-top: 10px;margin-bottom: -56px;*/
}
.revealed #body-reveal {
	margin-bottom: 0 !important;
}
.revealed #bottom-reveal {
	position: relative;
	bottom: auto !important;
}
.slideshow-wrapper {
	height: auto;
}
#site-footer {
	height: auto;
}
/* /end CURTAIN */


#home-masthead {
	position: relative;
	width: 100%;
	max-width: 1651px;
	margin: 0 auto; /*margin-top: 138px; min-height: 213px;*/
}
#home-masthead img {
	width: 100%;
	height: auto;
}
/*.nsNav { position: absolute; bottom: -120; right: 20; z-index: 100; }*/
.masthead-text {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 50;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	padding-left: 35px;
	padding-right: 35px;
}
.masthead-text h1 {
	font-size: 58px;
	line-height: 1em;
	margin-bottom: 15px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-shadow: 0 0 10px #000000 !important;
}
.masthead-text p {
	font-size: 30px;
	line-height: 1.2em;
	letter-spacing: 1px;
	text-transform: uppercase;
}
#submasthead, #subbottomblock {
	height: 70px;
	background-color: #f3f5f4;
}
#subspecials {
	height: 35px;
	background-color: #f1f1e6;
}
/************homepage content*****************/

#home-text {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 50px 0 20px 0;
}
#home-text p {
	line-height: 1.5em;
	font-size: 18px;
	color: #4c4c4c;
	text-align: justify;
}
#home-text p + p {
	margin-top: 20px;
}
#home-text a {
	color: #244B5A;
	text-decoration: none;
}
#home-text a:hover {
	color: #4c4c4c;
}
#bottom-block-container {
	height: 600px;
	background-color: #999;
}
/*#bottom-slides { width: 100%; margin: 0 auto; }*/
/*#bottom-block-container img { width: 100%; height: auto; }*/
.bottom-slide {
	display: table;
	height: 100%;
}
.bottom-slider-text {
	display: table;
	height: 100%;
	width: 100%;
	color: #fff;
	z-index: 50;
	font-family: europa;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}
.bottom-slider-positioner {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.bottom-slider-copy {
	width: 100%;
	max-width: 610px;
	text-align: center;
	margin: 0 auto;
}
.whale-tail {
	display: inline-block;
	width: 41px!important;
	height: 38px!important;
	padding-bottom: 20px;
}
.whale-tail img {
	width: 41px!important;
	height: 38px!important;
	position: relative!important;
	visibility: visible!important;
	z-index: auto!important;
	left: auto!important;
	top: auto!important;
}
.white-separator {
	width: 32px;
	height: 2px;
	border-top: 2px #fff solid;
	margin: 15px auto 0 auto;
}
.bottom-slide .blue-button a {
	text-shadow: none;
	font-weight: 300!important;
}
#site-footer {
	background-color: #1f2d44;
	position: relative;
	font-weight: 300; /*margin-top: 56px; */
}
#home #site-footer {
	border-top: 15px #fff solid;
}
/*#home #site-footer { border-width: 35px 0 0 0; border-color: #f6f6ef; border-style: solid; }*/
#footer {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 33px 0 15px 0;
	color: #fff;
	position: relative;
}
#footer-upper {
	position: relative;
	border-bottom: #485365 1px solid;
	padding-bottom: 25px;
	margin-bottom: 28px;
}
#footer-lower {
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 8px;
}
#footer-upper-1 {
	float: left;
	width: 280px;
}
#footer-logo {
	width: 195px;
}
#footer-logo img {
	width: 100%;
	height: auto;
}
#footer-upper-2 {
	float: left;
	width: 430px;
	font-size: 20px;
}
#footer-upper-2-5 {
	float: right;
	text-align: right;
	width: 175px;
}

#footer-upper-3 {
	float: left;
	width: 200px;
	text-align: right;
	display: table;
}
#footer-button-mobile {
	display: none;
	width: 212px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}
#footer-lower-1 {
	float: left;
	width: 280px;
}
#footer-lower-2 {
	float: left;
	width: 420px;
}
#footer-lower-2-col1 {
	float: left;
	width: 175px;
}
#footer-lower-2-col2 {
	float: right;
	width: 160px;
}
#footer-lower-3 {
	float: right;
	width: 165px;
	text-align: right;
}
#footer a {
	color: #b0afaf;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
}
#footer-social {
	display: table-cell;
	vertical-align: top;
	font-weight: normal;
}
#footer-social a {
	font-family: FontAwesome;
	color: #fff;
	text-decoration: none;
	font-size: 25px;
	margin-right: 15px;
	font-weight: 300;
}
#copyright {
	margin-top: 30px;
	font-size: 12px;
	color: #b0afaf;
	text-align: right;
}
#copyright a {
	color: #b0afaf;
	text-decoration: none;
}
#copyright a:hover {
	color: #fff;
}
#ch-logo {
	float: right;
	width: 140px;
	text-align: right;
}
#ch-logo img {
	width: 100%;
	height: auto;
}
#footer-quick-links {
	display: none;
	margin-bottom: 25px;
}
#footer .nav-cat {
	border-color: #485365;
	font-size: 18px;
}
/********* HOME SPECIALS *********/

#home-specials-container {
	position: relative;
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 0 29px 0;
}
#home-specials-top {
	width: 1100px;
	height: 492px;
	margin-bottom: 22px;
}
#home-specials-left {
	width: 539px;
	height: 418px;
	float: left;
	position: relative;
}
#home-specials-right {
	width: 539px;
	height: 418px;
	float: right;
	position: relative;
}
.gradient {
	position: absolute;
	height: 100%;
	width: 100%;
	background: transparent linear-gradient(transparent 40%, rgba(0,0,0,0.7)) repeat scroll 0 0;
	z-index: 99;
}
/*.specials-small { position: relative; }*/
.specials-small img {
	width: 100%;
	height: auto;
}
.specials-small-text { /*background-image: url(../images/specials/special-title-bg-1.png); background-repeat: repeat-x; background-position: bottom;*/
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	font-size: 16px;
	padding: 10px 0 10px 14px;
}
.specials-small-text h3 {
	font-size: 30px;
	font-weight: normal;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	text-transform: uppercase;
}
.specials-small-text a {
	text-decoration: none;
	color: #fff;
	font-weight: 100;
}
#specials-small-1, #specials-small-2 {
	margin-bottom: 22px;
} /* first small special image, right column */
#specialsCarousel {
	width: 1100px!important;
	height: 492px!important;
	overflow: hidden;
	position: relative;
	background-color: black;
}
.specialsText {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 16px;
	line-height: 18px; /*background-image: url(../images/specials/special-title-bg-3.png); background-repeat: repeat-x; background-position: bottom;*/
	padding: 15px 50px 22px 14px;
	z-index: 999;
}
.specialsText h3 {
	text-transform: uppercase;
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: normal;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
}
.specialsText a, .specialsText a:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: 100;
	text-transform: uppercase;
}
.specialImg {
	width: 1100px;
	height: 492px;
	z-index: 1;
}
/* .slide {
	width: 1100px;
	height: 492px;
	position: relative;
} */
#specialsNav {
	position: absolute;
	bottom: 22px;
	right: 50px;
	z-index: 10;
}
#specialsNav a {
	font-size: 30px;
	color: #fff;
	letter-spacing: 10px;
	text-decoration: none;
}
#specialsNav a:hover {
	color: #244B5A;
}
#specialsNav a.activeSlide {
	color: #244B5A;
}
.specialImgMob {
	display: none;
}
/***** END HOME SPECIALS ******/

/***** BLOG AREA *******/
#home-blog-block-area {
	background-color: #fff;
	padding: 0 0 30px 0;
	margin-top: 40px;
}
#home-blog-block-container {
	background-color: #f3f5f5;
	padding: 15px 0;
}
#homeBlogBlock {
	width: 100%;
	max-width: 1372px;
	margin: 0 auto;
}
.post {
	width: 100%;
	height: auto;
}
.post-content {
	float: left;
	width: 64%;
	text-align: center;
	color: #515151;
}
.post-text h3 {
	font-size: 25px;
	font-weight: 500;
	margin: 15px 0 0 0;
	text-transform: uppercase;
	line-height: 1.4em;
}
.post-text h3 a {
	text-decoration: none;
	color: #515151;
	-webkit-transition: color 0.3s ease-out;
	-moz-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}
.post-text h3 a:hover {
	color: #aaaaaa;
}
p.post-body {
	font-size: 16px;
}
p.post-date {
	font-size: 13px;
	color: #aaaaaa;
}
.post-pic {
	float: right;
	width: 32%;
}
.post-pic img {
	width: 100%;
	height: auto;
}
.grey-separator {
	width: 32px;
	height: 2px;
	border-top: 2px #bbbbbb solid;
	margin: 15px auto;
}
.post-text .blue-button {
	margin: -15px auto 0 auto;
	padding-right: 20px;
	padding-left: 20px;
}
/******** /BLOG ********/


/****** BOOKING WIDGET ******/

.visuallyhidden { /*to label forms for ADA compliance*/
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#booking {
	width: 900px;
	position: relative;
	height: 38px;
	margin: 0px auto;
	padding: 15px 0 0 0;
}
#form-check-in .box {
	width: 200px;
	border: 1px solid #b3bc93;
	background-color: #fff;
	height: 30px;
	margin-right: 15px;
	float: left;
	padding-top: 4px;
}
#form-check-in .box.select {
	width: 154px;
	height: 34px!important;
	overflow: hidden;
	background-image: url("../images/select-arrow.jpg");
	background-repeat: no-repeat;
	background-position: right 8px;
	padding-top: 0;
}
#form-check-in .box.input {
	width: 150px;
	height: 34px!important;
	overflow: hidden;
	padding-top: 0px;
}
#form-check-in label.datepicker {
	padding-left: 4px;
	color: #666;
	font-family: Arial !important;
	font-size: 13px;
	line-height: 26px;
}
#form-check-in input.datepicker {
	background-image: url("../images/calIcon5.jpg");
	background-repeat: no-repeat;
	background-position: top 10px right 10px;
	background-color: transparent;
	margin-top: 0;
	padding-bottom: 5px;
}
/*#form-check-in input { border: none; padding: 2px; background-color: transparent; color: #666; float: right;}*/
#form-check-in input {
	width: 154px;
	font-size: 13px;
	font-family: Arial;
	color: #666;
	border: none;
	line-height: 1;
	height: 34px;
	-webkit-appearance: none;
	margin-left: 4px;
}
#form-check-in select {
	background: transparent;
	width: 175px;
	font-size: 13px;
	font-family: Arial;
	color: #666;
	border: none;
	line-height: 1;
	height: 34px;
	-webkit-appearance: none;
	margin-left: 4px;
}
#booking #button-check-now {
	height: 36px;
	background-color: #244B5A;
	border: none;
	color: #FFF;
	width: 212px;
	text-align: center;
	padding: 2px 5px;
	float: right;
	font-size: 13px;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
#booking #button-check-now:hover {
	background-color: #1b5a8f;
}
#mobile-booking {
	display: none;
	height: auto;
	background-color: #244B5A;
	width: 180px;
	text-align: center;
	padding: 15px 20px 15px 20px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1em;
}
#mobile-booking:hover {
	background-color: #594B3E;
}
#mobile-booking a {
	color: #fff;
	text-decoration: none;
}

::-webkit-input-placeholder {
color: #666;
}
:-moz-placeholder { /* Firefox 18- */
color: #666;
}
::-moz-placeholder {  /* Firefox 19+ */
color: #666;
}
:-ms-input-placeholder {
color: #666;
}
* {
	outline: none;
}
/****** END BOOKING WIDGET *******/

/****** BULLET PAGER STYLES FOR SPECIALS *******/

/* pager */
.cycle-pager {
	display: block;
	text-align: right;
	right: 0px;
	z-index: 500;
	position: absolute;
	bottom: 50px;
	overflow: visible;
	padding-right: 15px;
}
.cycle-pager span {
	font-family: arial;
	font-size: 35px;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #ddd;
	cursor: pointer;
	margin-left: 3px;
}
.cycle-pager span.cycle-pager-active {
	color: #244B5A;
}
.cycle-pager > * {
	cursor: pointer;
}
/****** END SPECIALS PAGER STYLES ********/

/****** BULLET PAGER STYLES FOR BLOG ROTATOR *******/

/* pager */
.blog-pager {
	display: block;
	width: 64%;
	text-align: center;
	left: 0;
	z-index: 500;
	position: absolute;
	bottom: 20px;
	overflow: visible;
}
.blog-pager span {
	font-family: arial;
	font-size: 40px;
	width: 16px;
	height: 16px;
	display: inline-block;
	color: #ddd;
	cursor: pointer;
	margin-left: 10px;
}
.blog-pager span.cycle-pager-active {
	color: #244B5A;
}
.blog-pager > * {
	cursor: pointer;
}
/****** END BLOG PAGER STYLES ********/


/****** INNER STYLES *******/

/*inner masthead - rotating */
#big-image-area-slider {
	width: 100%; /*max-width: 1800px;max-height:630px;*/
	margin: 0 auto 0 auto;
	margin-top: 138px;
	overflow: hidden;
}
#big-image-area img {
	width: 100%;
}
.visibleNearby {
	width: 100%;
	background: #fff;/*#141414;*/
	color: #FFF; /*padding-top: 25px;*/
}
.visibleNearby .rsGCaption {
	font-size: 16px;
	line-height: 18px; /*padding: 12px 0 16px;*/
	background: #fff;/*#141414;*/
	width: 100%;
	position: static;
	float: left;
	left: auto;
	bottom: auto;
	text-align: center;
}
.visibleNearby .rsGCaption span {
	display: block;
	clear: both;
	color: #bbb;
	font-size: 14px;
	line-height: 22px;
}
.visibleNearby .rsSlide img {
	opacity: 0.45;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.visibleNearby .rsActiveSlide img {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.inner .rsNav.rsBullets {
	display: none!important;
}
.hideshowdiv {
	display: none;
}
#gallery-1 a {
	color: #fff;
}
/* /END rotating masthead */

/* inner masthead static */
#big-image-area-static {
	width: 100%;
	max-width: 1651px;
	margin: 0 auto;
	margin-top: 138px;
}
#big-image-area-static img {
	width: 100%;
	height: auto;
}
/* /END masthead static */

#inner-title-area {
	text-align: center;
	margin-top: 15px;
}
#inner-title {
	font-size: 30px;
	color: #232120;
}
#inner-subtitle {
	color: #949696;
	margin-top: -5px;
	font-size: 18px;
	margin-bottom: 15px;
}
/* inner subnav */
#inner-subnav {
	text-align: center;
	padding-top: 25px;
}
#inner-subnav ul {
	margin: 0;
	padding: 0;
}
#inner-subnav ul li {
	font-size: 15px;
	padding: 0 0 5px 0;
	display: inline;
	border-width: 0 0 3px 0;
	border-color: #fff;
	border-style: solid;
	margin-right: 20px;
}
#inner-subnav ul li.last {
	margin-right: 0;
}
#inner-subnav ul li:hover {
	border-color: #244B5A;
}
#inner-subnav ul li a {
	text-decoration: none;
	color: #4e4c4c;
}
.mobile-sub-nav-select {
	display: none;
	width: 95%;
	font-size: 25px;
	letter-spacing: 1px;
}
#aboutUs #navAbout, #aboutAmenities #navAmenities, #aboutPolicies #navPolicies, #aboutContact #navContact,  #aboutHealth #navHealth, #aboutSpecials #navSpecials, #roomsRooms #navRooms, #roomsAlacarte #navAlacarte, #roomsAmenities #navAmenities, #roomsOffers #navOffers, #diningDining #navDining, #diningMenus #navMenus, #diningEvents #navEvents, #diningRaw #navRaw, #diningChef #navChef, #diningReservations #navReservations, #exploreActivities #navActivities, #exploreRecreation #navRecreation, #meetingsMeetings #navMeetings, #meetingsOffsite #navOffsite, #meetingsSocial #navSocial, #meetingsRFP #navRFP, #weddingsWeddings #navWeddings, #weddingsPackages #navWedPackages, #weddingsRFP #navRFP, #pressMedia #navMedia, #pressPress #navPress, #pressAwards #navAwards, #galleryAbout #navAbout, #galleryHistorical #navHistorical, #galleryRooms #navRooms, #galleryDining #navDining, #galleryMeetings #navMeetings, #diningChef #navChef {
	border-color: #244B5A;
}
/* /inner subnav */


/* inner content - general styles */
#inner-content {
	width: 100%;
	max-width: 1100px;
	margin: 30px auto;
	padding: 20px 0 20px 0;
	border-width: 2px 0 0 0;
	border-color: #f4f4f4;
	border-style: solid;
}
#inner-content p {
	line-height: 1.5em;
	font-size: 16px;
	color: #4c4c4c;
	text-align: justify;
	margin-bottom:1.5em;
}
#inner-content p + p {
	margin-top: 20px;
}
#inner-content hr {
	height: 2px;
	background-color: #f4f4f4;
	border: none;
}
#inner-content ul {
	list-style: circle;
	padding-left: 0px;
	margin-left: 25px;
	line-height: 1.5em;
	color: #4c4c4c;
}
#inner-content ul li {
	padding-left: 1.5em;
	text-indent: -.7em;
	margin-top: 7px;
	line-height: 1.5em;
	color: #4c4c4c;
}
/* #inner-content ul li:before {
	content: "\002022  ";
	color: #244B5A;
} */
#inner-content ul li ul li:before {
	content: "-  ";
	color: #4c4c4c;
}
#inner-content a {
	color: #244B5A;
	text-decoration: none;
}
#inner-content a:hover {
	color: #4c4c4c;
}
#inner-content h1 {
	font-size: 20px;
	font-weight: 600;
	text-transform: uppercase;
}
#inner-content span.wt600 {
	font-weight: 600!important;
}
#accordionMenu span.price {
	color: #244B5A;
}
#accordionMenu .menuSection h3 {
	color: #244B5A;
	margin: 10px 0;
	padding: 1px 0;
	border-bottom: 1px solid #f4f4f4;
}
#aboutPolicies #inner-content h1 {
	margin-bottom: 0;
	margin-top: 15px;
}

#button-join-now {
	height: 36px;
	background-color: #244B5A;
	border: none;
	color: #FFF;
	width: 212px;
	text-align: center;
	padding: 2px 5px;
	font-size: 13px;
}
.callOut {
	width: 80%;
	margin: 30px auto;
	padding: 30px;
	background-color: rgb(246, 246, 239);
	border: 3px solid #244B5A;
	box-shadow: 0px 0px 10px #cccccc;
}
/* /END inner general */

/* /PoliciesPage H1 styling */
#inner-content #policies h1 {
	margin-bottom: -5px;
	margin-top: 20px;
}
/* inner half-blocks with pics (and without, as well) */
.inner-half-block {
	width: 48%;
	margin-top: 10px;
	margin-bottom: 45px;
}
#inner-content .left {
	float: left;
}
#inner-content .right {
	float: right;
}
.inner-half-block h1 {
	ffont-size: 32px;
	margin-bottom: 15px;
	font-weight: 300;
}
.inner-half-block img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
/* /END half-blocks */


/* offers page - big pics with text to the side */
.big-pic-left-text-right, .big-pic-right-text-left {
	text-align: justify;
	margin-top: 50px;
	padding-bottom: 20px;
}
.big-pic-left-text-right .big-pic-text {
	float: right;
	width: 48%;
} /*357*/
.big-pic-left-text-right .big-pic {
	float: left;
	width: 48%;
} /* 700 */
.big-pic-right-text-left .big-pic-text {
	float: left;
	width: 48%;
} /* 357px*/
.big-pic-right-text-left .big-pic {
	float: right;
	width: 48%;
} /* 700px */
.big-pic img {
	width: 100%;
	height: auto;
}
.big-pic-text {
	font-size: 16px;
	color: #555;
	line-height: 24px;
}
.big-pic-text ul li {
	line-height: 24px!important;
}
#inner-content .big-pic-text h1 {
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 5px;
	line-height: 1.25em;
}
#inner-content p.fine-print, .fine-print {
	font-size: 12px;
	line-height: 1.25em;
	color: #555;
}
.big-pic-text-button a {
	display: inline-block;
	padding: 5px 50px;
	background-color: #244B5A;
	color: #fff!important;
	text-decoration: none;
	font-size: 17px;
	font-weight: 300 !important;
	margin-top: 25px;
	margin-bottom: 15px;
	text-transform: uppercase;
	-webkit-transition: background-color 0.3s ease-out;
	-moz-transition: background-color 0.3s ease-out;
	transition: background-color 0.3s ease-out;
}
.big-pic-text-button a:hover {
	background-color: #1b5a8f!important;
	color: #fff!important;
}
.big-pic-text .package-subtitle {
	font-size: 18px;
	color: #244B5A;
	margin-bottom: 15px;
	display: inline-block;
}
.fixed-btn {
	width: 260px;
	padding: 15px 0!important;
}
/* /END offers pics with text */

/* SPECIALS FEATURE HEADINGS */
h3#feature-special-title {
	font-size: 30px;
	font-weight: 500;
	color: #555;
	text-align: center;
}
p.back-to-specials-link {
	text-align: center!important;
	margin-top: 10px;
}
p.back-to-specials-link a {
	font-size: 16px;
	color: #244B5A;
	text-decoration: none;
}
/* SPECIALS PHOTO GRID */
#other-specials {
	font-size: 25px;
	color: #373737;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 15px;
}
#specials-grid-container {
	width: 100%;
	max-width: 1436px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.specials-grid-box {
	float: left;
	width: 33%;
	padding-bottom: 40px;
	text-align: center;
}
.specials-grid-box img {
	width: 100%;
	height: auto;
}
.specials-grid-text {
	padding: 28px 15px;
	color: #373737;
	text-align: center;
	height: 50px;
}
.specials-grid-text h3 {
	font-size: 25px;
	font-weight: 600;
}
.specials-grid-text p {
	font-size: 16px;
}
.specials-grid-text-link {
	margin-top: 15px;
	margin-bottom: 25px;
}
.specials-grid-text-link a {
	font-size: 16px;
	color: #244B5A;
	text-decoration: none;
}
.specials-grid-text .blue-button {
	margin: 0 auto;
}


/****** SPECIALS BANNER ********/
#specials-banner-container { background-color: #1f2d44; padding: 15px 0; margin: 30px 0; }
.specials-banner { width: 100%; max-width: 1100px; margin: 0 auto; color: #ffffff; box-sizing: border-box; padding: 0 15px; }
.specials-banner-content { float: left; width: 50%; text-align: center; color: #ffffff; padding-top: 5%; }
.specials-banner-text { /*position: relative; top: 50%; transform: translateY(-50%);*/ }
.specials-banner-text h3 { font-size: 25px; font-weight: 600; margin: 15px 0; text-transform: uppercase; line-height: 1.4em; }
.specials-banner-text h3 a { text-decoration: none; /*color: #515151;*/ -webkit-transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; transition: color 0.3s ease-out; }
.specials-banner-text h3 a:hover { color: #aaaaaa; }
p.specials-banner-body { font-size: 16px; margin-bottom: 15px; }
.specials-banner-pic { float: right; width: 46%; }
.specials-banner-pic img { width: 100%; height: auto; }
.grey-separator { width: 32px; height: 2px; border-top: 2px #bbbbbb solid; margin: 15px auto; }
.specials-banner .blue-button { margin: 0 auto; text-align: center; background-color: #ffffff }
.specials-banner .blue-button a { padding-right: 0; padding-left: 0; color:#1f2d44 !important; }
.specials-banner .blue-button:hover { background-color: #244B5A; color:#ffffff !important; }
.specials-banner .blue-button a:hover { color:#ffffff !important; }
/******** /SPECIALS BANNER ********/


/* GREEN BOX */
#green-box {
	width: 100%;
	max-width: 1444px;
	padding: 22px 0;
	text-align: center;
	background-color: #8ebb50;
	color: #fff;
	margin: 30px auto;
}
#green-box-text h3 {
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 10px;
	margin-left: 15%;
	margin-right: 15%;
}
#green-box-text p {
	font-size: 18px;
	color: #ffffff;
	margin: 0 15%;
}
/* ROOMS page */
.room-left-text-right, .room-right-text-left {
	text-align: justify;
	margin-top: 50px;
	padding-bottom: 20px;
}
.room-left-text-right .room-text {
	float: right;
	width: 50%;
}
.room-left-text-right .room-pic {
	float: left;
	width: 48%;
}
.room-right-text-left .room-text {
	float: left;
	width: 50%;
}
.room-right-text-left .room-pic {
	float: right;
	width: 48%;
}
.room-pic img {
	width: 100%;
	height: auto;
}
.room-text {
	font-size: 16px;
	color: #4c4c4c;
	line-height: 1.5em;
}
.room-text ul li {
	line-height: 1.25em!important;
}
#inner-content .room-text h1 {
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 5px;
	line-height: 1.25em;
}
/* /END rooms */


/* turquoise box */
#blue-block-container {
	width: 100%;
	max-width: 1650px;
	height: auto;
	margin: 0 auto;
	background-image: url("../images/blue-box-bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#blue-block-content {
	width: 100%;
	max-width: 1470px;
	margin: 0 auto;
}
#blue-left {
	width: 855px;
	float: left;
	text-align: center;
}
#blue-right {
	width: 539px;
	float: right;
}
#blue-left-text {
	font-size: 18px;
	line-height: 1.5em;
	color: #fff;
	padding-top: 100px;
	font-weight: 400;
}
#blue-left-text h3 {
	font-size: 24px;
	font-weight: 400;
}
#blue-left .blue-button {
	margin: 25px auto 0 auto;
}
#blue-left .blue-button a {
	padding-top: 3px;
}
.blue-separator {
	width: 32px;
	height: 2px;
	border-top: 2px #819886 solid;
	margin: 15px auto;
}
/* inner specials (inside turquoise box */
#inner-specials-container {
	position: relative;
	width: 100%;
	max-width: 1100px;
	padding: 0;
}
#inner-specials {
	width: 539px;
	height: 418px;
	position: relative;
}
#inner-specials #specialsCarousel {
	width: 539px!important;
	height: 418px!important;
	overflow: hidden;
	position: relative;
	background-color: black;
}
#inner-specials #specialsCarousel .slide .specialsText {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 14px;
	line-height: 20px;
	padding: 75px 100px 15px 14px;
	background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Safari 5.1-6*/
	background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Fx 3.6-15*/
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.8)); /*Standard*/
}
.inner .specialsText h3 {
	text-transform: uppercase;
	font-size: 24px;
	margin-bottom: 10px;
	font-weight: 300;
}
.inner .specialsText a {
	text-decoration: none;
	color: #fff;
}
#inner-specials #specialsCarousel .slide .specialImg {
	width: 539px;
	height: 418px;
}
#inner-specials #specialsCarousel .slide {
	width: 539px;
	height: 418px;
	position: relative;
}
#inner-specials #specialsCarousel #specialsNav {
	position: absolute;
	bottom: 17px;
	right: 25px;
	z-index: 10;
}
#inner-specials #specialsCarousel #specialsNav a {
	font-size: 30px;
	color: #fff;
	letter-spacing: 10px;
	text-decoration: none;
}
#inner-specials #specialsCarousel #specialsNav a:hover {
	color: #f79802;
}
#inner-specials #specialsCarousel #specialsNav a.activeSlide {
	color: #244B5A;
}
/* /END inner specials */


/* explore - activities page, smaller image with bigger text */
.activity-heading {
	font-size: 27px;
	margin-bottom: 10px;
	margin-top: 30px;
	font-weight: 300;
}
.activity-box {
	width: 100%;
	height: auto;
	padding: 20px 0;
}
.activity-details {
	font-size: 14px;
	color: #999;
	margin-bottom: 15px;
	display: inline-block;
}
.activity-text {
	color: #4c4c4c;
	line-height: 24px;
}
.activity-box-img {
	width: 48%;
	float: left;
}
.activity-box-img img {
	width: 100%;
	height: auto;
}
.activity-box-text {
	width: 48%;
	float: right;
	font-size: 16px;
	line-height: 1.25em;
	text-align: justify;
}
.activity-box-text h1 {
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 10px;
}
.activity-box .fine-print {
	font-size: 14px;
	line-height: 1.25em;
	color: #999;
}
/* /END activities */

/* events */
#events {
	margin-top: 25px;
}
.event-box {
	width: 100%;
	height: auto;
	padding: 20px 0;
	position: relative;
}
.event-box-img {
	width: 190px;
	float: left;
	margin-left: 300px;
}
.event-box-img img {
	width: 100%;
	height: auto;
}
.event-box-text {
	width: 570px;
	float: right;
	font-size: 16px;
	line-height: 1.3em;
}
.event-box-text h1 {
	font-size: 25px!important;
	font-weight: 400!important;
	margin-bottom: 5px;
}
.event-date-box {
	position: absolute;
	top: 15px;
	left: 0;
	font-size: 30px;
	line-height: normal;
	padding: 0;
	font-weight: 300;
}
.event-name {
	font-size: 22px;
	color: #244B5A;
	margin-bottom: 5px;
}
.event-details {
	display: inline-block;
	color: #4c4c4c;
	margin-bottom: 10px;
}
.event-details a {
	color: #4c4c4c!important;
	text-decoration: underline!important;
}
#cantina-map-modal {
	display: none;
	position: fixed;
	bottom: 10%;
	text-align: center;
	padding: 15px;
	background-color: #fff;
	border: 2px #999 solid;
	width: 80%;
	max-width: 600px;
	height: 80%;
	max-height: 330px;
	z-index: 99999;
}
#map-control {
	text-align: center;
	margin: 15px 0;
}
/* /END events */


/******** dining events ******/
h2.diningEvent {
	color: #515151;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
}
h2.diningEvent span {
	text-transform: none;
	font-size: .7em;
	color: #aaaaaa;
}
/* gallery */
.megafolio-container {
	position: relative;
}
/* MAP AREA */
#map-area {
	margin-bottom: 25px;
}
#map-box {
	width: 50%;
	float: left;
	background-color: #666;
	height: 535px;
}
#address-box {
	width: 50%;
	float: left;
	height: 495px;
	background-image: url(../images/CH-grey-background.jpg);
	text-align: center;
	padding-bottom: 40px;
}
#address-box a {
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
}
#address-box h2 {
	color: #373737;
	font-weight: 700;
	font-size: 20px;
	margin-top: 100px;
	margin-bottom: 15px;
}
#address-box p {
	color: #666;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}
#address-box-links {
	width: auto;
	text-align: center;
	font-size: 12px;
	margin-top: 60px;
	margin-left: 10px;
	margin-right: 10px;
}
#address-box .green-button a {
	color: #fff;
}
#address-box .green-button a:hover {
	color: #fff
}
.activitiesList {
	margin: 0px 25px 0px 0px;
	float: left;
	list-style-type: none;
	padding: 0px;
}
.activitiesList li {
	border-bottom: 1px solid #EBEBEB;
	list-style-image: none !important;
	padding: 5px 0px;
}
.table_01 {
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #F9F5E8;
}
/***** CONTACT PAGE *******/
#capabilities-block {
	position: relative;
	max-width: 1275px;
	margin: 0 auto;
}
#capabilities-left {
	width: 63.68%;
	float: left;
	background-size: cover;
	border-right: 10px white solid;
}
#capabilities-left video {
	width: 100%;
	height: 100%;
	padding: 0!important;
	margin: 0!important;
	display: block;
}
#capabilities-right {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
}
#capabilities-right img {
	height: 100%;
	width: auto;
	float: right;
}
#accordion-container {
	width: 100%;
	max-width: 1100px;
	margin: 50px auto 40px auto;
	text-align: center;
}
.accordion-item {
	margin: 0 auto;
	border-top: 2px #eee solid;
}
.accordion {
	width: 100%;
	max-width: 1186px;
	margin: 0 auto;
	font-size: 30px;
	color: #2d2d2d;
	height: 125px;
}
.accordion a {
	color: #2d2d2d;
	text-decoration: none;
	transition: color .25s ease-in-out;
	-moz-transition: color .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out;
}
.accordion a:hover {
	color: #06a2b5;
}
.accordion-link.title {
	padding-left: 20px;
}
.accordion-left {
	width: 75%;
	float: left;
	padding-top: 40px;
	text-align: left;
}
.accordion-right {
	font-family: 'ElegantIcons';
	font-size: 35px;
	width: 10%;
	float: right;
	padding-top: 38px;
	padding-right: 20px;
	text-align: right;
}
.accordion-drop {
	display: none;
	padding: 0 20px 30px 20px;
}
.accordion-item.closed {
	background-color: #fff;
	transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out;
}
.accordion-item.open {
	background-color: #eee;
}
.accordion-text {
	padding-left: 20px;
}
/**** /contact *****/


/********capacity chart*******/
.capacityContainer {
	margin: 20px 0;
	float: left;
}
.capacity {
	display: table;
	font-size: .8em;
	margin: 0;
	float: left;
}
.capacityRow {
	display: table-row;
}
.capH {
	background-color: #EEE;
}
.capacityCell {
	display: table-cell;
	padding: 3px 10px;
	border: 1px solid #f4f4f4;
}
.capacityBody {
	display: table-row-group;
}


/*********** END INNER STYLES ***********/



/* MEDIA QUERIES */

@media screen and (max-width: 1650px) {
#blue-block-container {
	width: auto;
}
}
 @media screen and (max-width: 1540px) {
#weddings-drop {
	left: -405px;
}
#weddings-drop .arrow_box {
	left: auto;
	right: 15px;
}
}
 @media screen and (max-width: 1500px) {
#blue-left {
	width: 50%;
	margin-left: 5%;
}
#blue-left-text {
	padding-top: 100px;
}
}
 @media screen and (max-width: 1400px) {
#bottom-block-container {
	height: 500px
}
#home-blog-block-container {
	padding-left: 15px;
	padding-right: 15px;
}
}
 @media screen and (max-width: 1320px) {
.nav-drop {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
}
#weddings-drop {
	left: -345px;
}
}
 @media screen and (max-width: 1300px) {
#bottom-block-container {
	height: 450px
}
.post-text h3 {
	margin-top: 0;
}
.grey-separator {
	margin: 10px auto;
}
.post-text .blue-button { /*margin-top: 20px;*/
}
.blog-pager {
	bottom: 10px;
}
#blue-left-text {
	padding-top: 60px;
}
#blue-right {
	width: 450px;
}
#inner-specials {
	width: 450px;
	height: 349px;
}
#inner-specials #specialsCarousel {
	width: 450px!important;
	height: 349px!important;
}
#inner-specials #specialsCarousel .slide .specialImg {
	width: 450px;
	height: 349px;
}
#inner-specials #specialsCarousel .slide {
	width: 450px;
	height: 349px;
}
}
 @media screen and (max-width: 1200px) {
/*#bottom-reveal { margin-bottom: -21px; }
#site-footer { margin-top: 21px; }*/
#bottom-block-container {
	height: 400px;
}
}
 @media screen and (max-width: 1190px) {
#meetings-drop {
	left: -350px;
}
#meetings-drop .arrow_box {
	left: auto;
	right: 15px;
}
.masthead-text h1 {
	font-size: 56px;
}
}
 @media screen and (max-width: 1140px) {
#logo {
	margin-left: 15px;
}
#main-nav, #upper-right {
	right: 15px;
}
#booking {
	width: 900px;
	padding-left: 0;
}
/*#form-check-in select { width: 150px; }*/
#form-check-in .box {
	width: 160px;
}
#form-check-in .box.select {
	width: 154px;
}
#booking #button-check-now {
	width: 200px;
}
.masthead-text h1 {
	font-size: 50px;
}
#home-text, #inner-content {
	width: 900px;
}
.big-pic-left-text-right .big-pic-text, .big-pic-left-text-right .big-pic, .big-pic-right-text-left .big-pic-text, .big-pic-right-text-left .big-pic {
	float: none;
	width: auto;
}
.big-pic-text {
	margin-bottom: 30px;
}
#specialsCarousel {
	width: 100%!important;
	height: auto!important;
}
#home-specials-container {
	width: 900px;
}
#home-specials-top {
	width: 900px;
	height: 403px;
}
#home-specials-left, #home-specials-right {
	width: 440px;
	height: 341px;
}
/*.specials-small { width: 440px; height: 340px; }*/
/*#specials-small-1 { float: left; }
#specials-small-2 { float: right; }*/
.dummy {
	width: 100%;
	height: auto;
	display: none;
}
.slide {
	width: 100%;
	height: auto;
}
.specialImg {
	width: 100%!important;
	height: auto!important;
}
#footer {
	width: auto;
	margin-right: 15px;
	margin-left: 15px;
}
.activity-box-img {
	width: 293px;
}
.activity-box-text {
	width: 580px;
}
.event-box-img {
	margin-left: 150px;
}
.event-box-text {
	width: 525px;
}
p.post-body {
	font-size: 15px;
}
.post-text h3 {
	font-size: 22px;
}
.post-text .blue-button { /*margin-top: 15px;*/
}
.post-text .grey-separator {
	margin-bottom: 5px;
}
}
 @media screen and (max-width: 1100px) {
/*#bottom-block-container { height: 400px }*/
#blue-left {
	width: 45%;
	margin-left: 4%;
}
/*#blue-left-text { padding-top: 40px; }*/
#main-nav ul li {
	padding-left: 10px;
	padding-right: 10px;
}
}
 @media screen and (max-width: 1080px) {
/*#main-nav ul li { margin-right: 20px; }*/
#main-nav ul li a {
	font-size: 14px;
}
#explore-drop {
	left: -350px;
}
#explore-drop .arrow_box {
	left: auto;
	right: 15px;
}
.masthead-text h1 {
	font-size: 48px;
}

.specials-small-text {
	font-size: 14px;
}
.specials-small-text h3 {
	font-size: 18px;
}
}
 @media screen and (max-width: 1054px) {
#footer-upper-1 {
	display: none;
}
}
 @media screen and (max-width: 1020px) {
/*.nav-drop { top: 33px; }*/
#main-nav ul li .drop-link, .drop-feature p {
	font-size: 16px;
}
.masthead-text h1 {
	font-size: 46px;
}
}
 @media screen and (max-width: 1000px) {

.post {
	height: auto;
}
.post-pic {
	float: none;
	width: 100%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.post-content {
	float: none;
	width: 95%;
	/*max-width: 500px;*/
	margin: 20px auto;
	height: auto;
}
.blog-pager {
	position: relative;
	margin: 20px auto;
}
.specials-small-text {
	font-size: 12px;
}
.specials-small-text h3 {
	font-size: 20px;
}
.specials-banner-pic { float: none; width: 100%; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 10px; }
.specials-banner-content { float: none; width: 95%; /*max-width: 500px;*/ margin: 20px auto 10px auto; height: auto; padding-top: 0; }
}
 @media screen and (max-width: 960px) {
.masthead-text h1 {font-size: 44px;}
.masthead-text p {font-size: 28px;}

#footer1 {
	display: none;
}
.footer-box {
	width: 27%;
	margin-right: 8%;
}
#footer .last {
	width: 27%;
	margin-right: 0;
}
.footer-box h1 {
	margin-bottom: 20px;
}
}
 @media screen and (max-width: 940px) {
#header-container {
	height: 116px;
}
#main-nav, #upper-nav {
	display: none;
}
#logo {
	float: none;
	margin: 0 auto;
}
#logo img {
	margin-top: -10px;
}
#mobile-menu-button {
	display: block;
	position: absolute;
	width: 50px;
	left: 15px;
	top: 15px;
	z-index: 99;
}
.masthead-text {
	top: 40%;
}
.masthead-text h1 {font-size: 40px;}
#booking {
	width: 730px;
}
#form-check-in .box {
	width: 100px;
	margin-right: 10px;
}
#form-check-in .box.select {
	width: 110px;
}
#form-check-in select {
	width: 130px;
}
#booking #button-check-now {
	width: 155px;
}
.home #specialsCarousel {
	width: 730px!important;
	height: 327px!important;
	border: 1px red solid;
}
#home-specials-container {
	width: 730px;
}
#home-specials-top {
	width: 730px;
	height: 327px;
	margin-bottom: 18px;
}
#home-specials-left, #home-specials-right {
	width: 355px;
	height: 275px;
}
#home .slide {
	width: 730px;
	height: 327px;
}
#home .specialImg {
	width: 730px!important;
	height: 327px!important;
}
#home-text, #inner-content {
	width: 730px;
}
.bottom-slider-text {
	top: 35%;
}
#subbottomblock {
	height: 22px;
	margin-bottom: 0;
}
#home .cycle-pager {
	bottom: 25px!important;
	/*right: 20px!important;*/
}

#home-blog-block-container {
	padding: 15px 0 20px;
}

.blog-pager {
	bottom: -10px;
}

#blue-block-container {
	background: none;
	width: auto;
	padding: 0;
}
#blue-left {
	float: none;
	width: auto;
	padding: 0 20px 40px 20px;
	background-image: url("../images/blue-box-bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	margin-left: 0;
	margin-bottom: 25px;
}
#blue-right {
	float: none;
	width: 730px;
	margin-left: auto;
	margin-right: auto;
}
#inner-specials {
	width: 730px;
	height: 583px;
}
#inner-specials #specialsCarousel {
	width: 730px!important;
	height: 583px!important;
}
#inner-specials #specialsCarousel .slide .specialImg {
	width: 730px!important;
	height: 583px!important;
}
#inner-specials #specialsCarousel .slide {
	width: 730px;
	height: 583px;
}
.activity-box-img {
	width: 26%;
}
.activity-box-text {
	width: 72%;
}
.inner-half-block h1 {
	font-size: 25px;
	margin-bottom: 20px;
}
.event-date-box {
	font-size: 20px;
}
.event-box-text {
	width: 375px;
}
.specials-grid-box {
	width: 50%;
}

.inner .specialImg {
	display: none!important;
}
.inner .specialImgMob {
	display: block;
	width: 100%!important;
	height: auto!important;
}

}
 @media screen and (max-width: 910px) {
#footer-lower-1 {
	width: 240px;
}
#footer-lower-2 {
	width: 400px;
}
}

 @media screen and (max-width: 860px) {
#home-text, #inner-content {
	width: auto;
	padding: 30px 15px 20px 15px;
}
#inner-content {
	padding-top: 20px;
}
.event-box-text {
	width: 50%;
}
#logo {
	display: none;
}
#mobile-logo {
	display: block;
	width: 160px;
	margin: 0 auto;
	padding-top: 15px;
}
#mobile-logo img {
	width: 100%;
	height: auto;
}
/*#home-masthead, */#big-image-area-slider, #big-image-area-static {
	margin-top: 90px;
}
#header-container {
	height: 90px;
}
#mobile-nav {
	top: 90px;
}
}
 @media screen and (max-width: 850px) {
#footer-lower-2 {
	width: 375px;
}
}
 @media screen and (max-width: 826px) {
#footer-lower-2 {
	width: 350px;
}
}
 @media screen and (max-width: 800px) {
#footer-upper-3 {
	clear: left;
	float: left;
	text-align: left;
	margin-top: 20px;
}
#footer-button-mobile {
	display: block;
}
#footer-lower-1 {
	display: none;
}
#footer-lower-2 {
	width: 415px;
}
}
 @media screen and (max-width: 767px) {
.home #specialsCarousel {
	width: 650px!important;
	height: 291px!important;
}
#home-specials-container {
	width: 650px;
}
#home-specials-top {
	width: 650px;
	height: 291px;
	margin-bottom: 18px;
}
#home-specials-left, #home-specials-right {
	width: 316px;
	height: 246px;
}
#home .slide {
	width: 650px;
	height: 291px;
}
#home .specialImg {
	width: 650px!important;
	height: 291px!important;
}
#booking {
	display: none;
}

#submasthead {
	display: none;
}
#blue-block-container {
	width: auto;
	padding: 7px 0;
}
#blue-left {
	padding-top: 20px;
}
#blue-right {
	width: 650px;
	margin: 0 auto;
}
#inner-specials {
	width: 650px;
	height: 514px;
}
#inner-specials #specialsCarousel {
	width: 650px!important;
	height: 514px!important;
}
#inner-specials #specialsCarousel .slide .specialImg {
	width: 650px!important;
	height: 514px!important;
}
#inner-specials #specialsCarousel .slide {
	width: 650px;
	height: 514px;
}
#blue-left-text {
	padding-top: 20px;
	font-size: 20px;
	padding-bottom: 30px;
}

.bottom-slider-copy {
	width: 500px;
}
.bottom-slider-button a {
	padding: 5px 10px;
	margin-top: 12px;
}
.footer-box {
	width: 30%;
	margin-right: 4%;
}
#footer .last {
	width: 30%;
	margin-right: 0;
}
#inner-subnav {
	display: none;
}
.mobile-sub-nav-select {
	display: block;
	width: 90%;
	font-size: 25px;
	letter-spacing: 1px;
	margin-bottom: 15px;
	overflow: auto;
	background-color: #fff;
	margin-left: 15px;
}
.activity-box-img {
	float: none;
	width: auto;
	margin-bottom: 15px;
}
.activity-box-text {
	float: none;
	width: auto;
}
#events {
	margin-top: 10px;
}
.event-date-box {
	position: relative;
	margin-bottom: 50px;
}
.event-box-img {
	float: none;
	margin-bottom: 20px;
	margin-left: 0;
}
.event-box-text {
	float: none;
	width: auto;
}
/*#home-text p,#inner-content p, */.big-pic-text /*.room-text*/ {
	text-align: left;
}
.room-left-text-right, .room-right-text-left {
	margin-top: 30px;
}
.room-left-text-right .room-text, .room-left-text-right .room-pic, .room-right-text-left .room-text, .room-right-text-left .room-pic {
	float: none;
	width: auto;
}
.room-text {
	margin-bottom: 30px;
}
#logo {
	width: 120px;
}
.masthead-text {
	display: none;
}
.rec-grid-box .blue-button {
	width: 100px;
}
}
 @media screen and (max-width: 750px) {
.masthead-text p {font-size: 26px;}
#book-now {
	width: 52px;
	height: 48px;
	text-align: center;
	font-size: 13px;
	padding-top: 12px;
	margin-left: 20px;
}
#book-now a {
	text-decoration: none;
	color: #fff;
}
#weather {
	display: none;
}
#mobile-call-button {
	display: block;
	position: absolute;
	width: 50px;
	right: 60px;
	top: 15px;
	z-index: 99;
}
/*#home-masthead,*/ #big-image-area-slider, #big-image-area-static {
	margin-top: 70px;
}
#mobile-nav {
	top: 70px;
}
}
 @media screen and (max-width: 710px) {
.inner-half-block h1 {
	font-size: 22px;
	margin-bottom: 18px;
}
}
 @media screen and (max-width: 700px) {
#footer-lower-2 {
	width: 350px;
}
}
 @media screen and (max-width: 680px) {
#footer {
	padding-top: 17px;
}
#footer2, #footer4 {
	float: none!important;
	width: auto!important;
	margin-right: 0;
	text-align: center!important;
}
#footer2 h1, #footer2 p, #footer3, #footer4 h1, #footer4 p {
	display: none;
}
#footer-social {
	width: auto;
	text-align: center;
	margin: 0 auto;
}

#copyright {
	text-align: center;
}
#footer-button-mobile {
	position: relative;
	margin: 20px auto 0 auto;
	top: auto;
	right: auto;
}
#footer-upper-2, #footer-upper-2-5, #footer-upper-3 {
	float: none;
	text-align: center;
	margin: 0 auto 20px auto;
}
}
 @media screen and (max-width: 650px) {

.masthead-text p {
	font-size: 24px;
}
#big-image-area-slider, #gallery-1.visibleNearby, #gallery-1.visibleNearby .rsImg {
	height: 220px!important;
	width: auto;
}
.home #specialsCarousel {
	width: 100%!important;
	height: auto!important;
}
#home-specials-container {
	width: 95%;
	height: auto;
}
#home .slide {
	width: 100%!important;
	height: auto!important;
}
.bottom-slider-copy {
	width: 70%;
}
#home-specials-top, #home-specials-left, #home-specials-right {
	float: none;
	width: 100%!important;
	height: auto!important;
}
#home .specialImg {
	display: none!important;
}
#home .specialImgMob {
	display: block;
	width: 100%!important;
	height: auto!important;
}
.specials-small {
	width: 100%;
	height: auto;
}
#specials-small-1, #specials-small-2 {
	float: none;
}
.specialsText {
	padding: 10px 50px 10px 14px;
}
.specialsText a {
	font-size: 12px;
}
.specialsText h3 a, .specials-small-text h3 a {
	font-size: 24px;
}
#blue-right {
	width: 100%;
}
#inner-specials {
	width: 100%;
	height: auto;
}
#inner-specials #specialsCarousel {
	width: 100%!important;
	height: auto!important;
}
#inner-specials #specialsCarousel .slide .specialImg {
	width: 100%!important;
	height: auto!important;
}
#inner-specials #specialsCarousel .slide {
	width: 100%;
	height: auto;
}
.inner-half-block h1 {
	font-size: 20px;
}
#home-blog-block-area {
	margin-top: 15px;
}
.specials-grid-box {
	float: none;
	width: auto;
}
#home-masthead {
	height:340px!important;
}
.masthead-slide img {
	height:340px!important;
	width: auto!important;
}
}
 @media screen and (max-width: 600px) {
#upper-right {
}
#mobile-logo {
	float: left;
	margin-left: 60px;
	width: 105px;
}
#mobile-logo img {
	margin-top: -5px;
}
#mobile-menu-button {
	top: 17px;
}

.rsNav {
	display: none;
}
.masthead-text h1 {
	font-size: 36px;
}
.masthead-text p {
	font-size: 22px;
}
.inner-half-block {
	width: 98%;
	max-width: 540px;
	margin: 15px auto;
}
#inner-content .left {
	float: none;
}
#inner-content .right {
	float: none;
}
#roomsRooms hr {
	display: none;
}
/*#home-masthead,*/ #big-image-area-slider, #big-image-area-static {
	margin-top: 60px;
}
#header-container {
	height: 60px;
}
#mobile-nav {
	top: 60px;
}
#map-box {
	width: auto;
	float: none;
	height: 250px;
}
#address-box {
	width: auto;
	float: none;
	height: auto;
}
#address-box h2 {
	margin-top: 40px;
}
}
 @media screen and (max-width: 580px) {

.room-left-text-right, .room-right-text-left {
	margin-top: 20px;
}

#footer-lower-2 {
	float: none;
	margin: 0 auto 30px auto;
}
#footer-lower-3 {
	float: none;
	clear: both;
	margin: 0 auto;
	text-align: center;
}
#footer-lower {
	border: 0;
	margin-bottom: 0;
}
#ch-logo {
	float: none;
	margin: 0 auto;
	text-align: center;
}
}
 @media screen and (max-width: 525px) {
#big-image-area-static {
	height: 220px;
	overflow: hidden;
}
#big-image-area-static img {
	height: 100%;
	width: auto;
}
.post-pic {
	margin-top: 0;
}
.specials-banner-pic { margin-top: 0; }
}
 @media screen and (max-width: 510px) {

.bottom-slider-text {
	font-size: 14px; /*line-height: normal;*/
}
/*.masthead-text p { font-size: 16px; line-height: 1em; }*/
.masthead-text {
	display: none;
} /* NEW */
#home-specials-container {
	padding-bottom: 16px;
}
#subspecials {
	height: 16px;
}
#bottom-block-container {
	height: 350px;
}
/*.bottom-slider-text { top: 10%; }*/
#map-control {
	margin-top: 0;
	margin-bottom: 10px;
}
#submasthead {
	padding-top: 5px;
	padding-bottom: 5px;
}
#mobile-booking {
	background-color: #244B5A;
	width: 180px;
	text-align: center;
	padding: 5px 20px 5px 20px;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1em;
}
#mobile-booking:hover {
	background-color: #594B3E;
}
#mobile-booking a {
	color: #fff;
	text-decoration: none;
}
.whale-tail, .separator-bar {
	display: none;
}
}
 @media screen and (max-width: 500px) {
#footer-upper-2, #footer-upper-2-5, #footer-upper-3 {
	width: auto;
}
.no-mobile {
	display: none;
}
.mobile-only {
	display: inline;
}
}
 @media screen and (max-width: 496px) {
#home-masthead {
	height:290px!important;
}
.masthead-slide img {
	height:290px!important;
}

.masthead-text {
    top: 35%;
}

#home-masthead .rsSlide {
	overflow: hidden!important;
}
.rsArrow {
	display: none!important;
}
.capacity {
	margin-top: 10px;
}
}
 @media screen and (max-width: 479px) {



.cycle-pager {
	display: none;
}

.specialsText {
	padding: 10px 0 10px 14px;
}

/*#logo { width: 150px; }*/
.masthead-text {
	padding-left: 20px;
	padding-right: 20px;
	top: 45%;
}
.masthead-text h1 {
	font-size: 32px;
}

.masthead-text p {
	font-size: 24px;
}
.specialsText h3 a, .specials-small-text h3 a {
	font-size: 22px;
}
#bottom-block-container {
	height: 250px;
}
.bottom-slider-text {
	top: 30%;
	line-height: 20px;
}
}
 @media screen and (max-width: 450px) {
#green-box-text h3 {
	font-size: 25px;
	margin-left: 10%;
	margin-right: 10%;
}
#green-box-text p {
	font-size: 16px;
	margin: 0 10%;
}

.blog-pager {
    bottom: -15px;
}

.post-text h3 {
    font-size: 20px;
}
p.post-body {
    font-size: 14px;
}
.specials-banner-text h3 { font-size: 20px; }
p.specials-banner-body { font-size: 14px; }
}
 @media screen and (max-width: 440px) {
.masthead-text h1 {
	font-size: 25px;
	letter-spacing: 1px;
}
.masthead-text p {
	font-size: 14px;
}
}
 @media screen and (max-width: 400px) {
.specialsText h3 a, .specials-small-text h3 a {
	font-size: 20px;
}
.bottom-slider-text {
	line-height: 18px;
}
.post-text h3 {
    font-size: 18px;
}
.specials-banner-text h3 { font-size: 18px; }
}
 @media screen and (max-width: 390px) {
#footer-lower-2 {
	display: none;
}
#footer-upper {
	margin-bottom: 0;
}
#footer-quick-links {
	display: block;
}
}
 @media screen and (max-width: 360px) {
#footer-upper-2 {
	font-size: 16px;
}
#footer-social a {
	font-size: 18px;
}
.post-text h3 {
    font-size: 16px;
}
p.post-body {
	font-size: 13px;
}
.specials-banner-text h3 { font-size: 16px; }
p.specials-banner-body { font-size: 13px; }
}
 @media screen and (max-width: 350px) {
#bottom-block-container {
	height: 300px!important;
}

}

 @media screen and (max-width: 320px) {

p.post-body {
	font-size: 12px;
}
p.specials-banner-body { font-size: 12px; }
}
