* {
	margin: 0;
	padding: 0;
	outline: 0
}
html, body { height: 100% }
body {
	background: #f7f0e3 url(bg.jpg) repeat-x;
	font: 11px/1.7em Verdana, Tahoma, Arial, Geneva, sans-serif;
	color: #666666;
	text-align: center;
	margin: 0 0 50px 0;
}
/* links */
a, a:visited {
	color: #5A93C9;
	background: inherit;
	text-decoration: none;
}
a:hover {
	color: #88ac0b;
	background: inherit;
	text-decoration: underline;
}
#rateheaders {
	font-size: 2.0em;
	font-weight: normal;
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	color: #444;
	padding-left: 10px;
}
/* headers */
h1, h2, h3 {
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
	color: #444;
}
h1 {
	font-size: 3.1em;
	font-weight: normal;
	letter-spacing: -1px;
}
h2 {
	font-size: 3em;
	color: #88ac0b;
}
h1, h2, h3, p {
	padding: 10px;
	margin: 0;
	font-family: Verdana, Tahoma, Arial, Geneva, sans-serif;
}
ul, ol {
	margin: 5px 20px;
	padding: 0 20px;
}
ul {
	list-style: none;
}
/* images */
img.pic {
	background: #fafafa;
	border: 0px solid #dcdcdc;
	padding: 0px;
}
img {
	background: #fafafa;
	border: 1px solid #dcdcdc;
	padding: 8px;
}
img.float-right {
	margin: 5px 0px 10px 10px;
}
img.float-left {
	margin: 5px 10px 10px 0px;
}
code {
	margin: 5px 0;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
	/* white-space: pre; */
	border: 1px solid #F4F3EC;
	background: #FAFAE7;
}
acronym {
	cursor: help;
	border-bottom: 1px dashed #777;
}
blockquote {
	margin: 10px;
	padding: 0 0 0 35px;
	border: 1px solid #F4F3EC;
	background: #FAFAE7 url(quote.jpg) no-repeat 7px 10px;
	font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #976957;
}
/* search form */
.searchform {
	background-color: transparent;
	border: none;
	margin: 0 0 0 10px;
	padding: 5px 0 15px 0;
	width: 250px;
}
.searchform p {
	margin: 0;
	padding: 0;
}
.searchform input.textbox {
	width: 170px;
	color: #777;
	height: 18px;
	padding: 2px;
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
.searchform input.button {
	width: 60px;
	height: 24px;
	padding: 2px 5px;
	vertical-align: top;
}
/********************************************
   LAYOUT
********************************************/ 
#wrap {
	position: relative;
	background: #fff url(wrap-bg.jpg) repeat-y;
	width: 900px;
	margin: 50px auto 0 auto;
	text-align: left;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	overflow: hidden;
}
#content-wrap {
	position: relative;
	background: #fff url(content-bg.jpg) repeat-x;
	clear: both;
	float: left;
	width: 870px;
	padding: 0;
	margin-left: 15px;
	display: inline;
	border-top: 5px solid #fff;
	border-bottom: 1px solid #e5e5e5;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#header {
	position: relative;
	background: #fff url(header-bg.jpg) repeat-x;
	width: 870px;
	height: 100px;
	padding: 0;
	margin: 0px auto;
}
#header h1#logo-text a {
	position: absolute;
	margin: 0;
	padding: 0;
	font: normal 43px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1.5px;
	color: #111;
	text-transform: none;
	text-decoration: none;
	/* change the values of top and left to adjust the position of the logo*/
	top: 22px;
	left: 20px;
}
#header p#slogan {
	position: absolute;
	margin: 0;
	padding: 0;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	color: #5b4a29;
	/* change the values of top and left to adjust the position of the slogan*/
	top: 67px;
	left: 25px;
}
/* header links */
#header #header-links {
	position: absolute;
	top: 25px;
	right: 10px;
	color: #5b4a29;
	font: normal 11px Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
}
#header #header-links a {
	color: #5b4a29;
	text-decoration: none;
	padding: 0 2px;
	font-weight: bold;
}
#header #header-links a:hover {
	color: #111;
}
/* header-photo */
#header-photo {
	clear: both;
	background: #fff;
	margin: 5px auto;
	padding: 0;
	height: 290px;
	width: 870px;
	padding-top: 14px;
}
#header-photo img {
	border: none;
	margin: 0;
	padding: 0;
}
/* Navigation */
#nav {
	clear: both;
	margin: 0;
	padding: 0;
	height: 45px;
}
#nav ul {
	float: left;
	list-style: none;
	background: url(nav.jpg) repeat-x;
	width: 870px;
	height: 45px;
	text-transform: uppercase;
	margin: 0 0 0 15px;
	padding: 0;
	display: inline;
}
#nav ul li {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav ul li a {
	display: block;
	float: left;
	width: auto;
	margin: 0;
	padding: 0 13px;
	border-right: 0px solid #dfb300;
	border-left: 2px solid #ecc52a;
	font: bold 12px/45px "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	color: #000;
}
#nav ul li a:hover, #nav ul li a:active {
	background: url(nav-hover.jpg) repeat-x;
}
#nav ul li#current a {
	background: url(nav-current.jpg) repeat-x;
}
/* Main Column */
#maintwo {
	float: left;
	width: 100%;
	padding: 0 10px;
	margin: 20px 0 0 0;
	display: inline;
	box-sizing:border-box;
}
#main {
    display: inline;
    float: left;
    margin: 20px 0 0;
    padding-left: 10px;
    width: 65%;
	box-sizing:border-box;
}
#main h2 {
	margin-top: 10px;
	padding-bottom: 3px;
	font: bold 2.9em/1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #0557DE;
	letter-spacing: -1px;
	text-transform: none;
}
#main h2 a {
	color: #fbce01;
	text-decoration: none;
}
#main ul li {
	list-style-image: url(bullet.gif);
}

.accommoDirect { background: #299ad2; display: inline-block; margin: 0; padding: 10px; }

/*Tables*/
table.rates { width: 100%; box-sizing: border-box; width: 100%}
table.rates th { background: #537cb4; color: #FFFFFF; font-size: 14px; padding: 2px 5px;}
table.rates td { padding: 5px }
td#specialConditions, .anchorConditions { display: none }
#contactForm * { box-sizing:border-box;}
#contactForm { width: 100%; padding: 10px }
#contactForm input, #contactForm textarea { width: 100%; padding: 5px; max-width: 400px }
#contactForm td input#submit { margin: 10px auto; width: 50%; display:block }

/* Sidebar */

#sidebar {
	float: right;
	width: 35%;
	padding-right: 10px;
	margin: 25px 0 0;
	display: inline;
	box-sizing:border-box;
}
#sidebar h3 {
	margin-top: 10px;
	margin-left: 5px;
	padding: 5px 5px;
	font: normal 1.9em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #fbce01;
}
/* sidemenus */
#sidebar ul.sidemenu {
	text-align: left;
	margin: 10px 10px 8px 8px;
	padding: 0;
	border-top: 1px solid #EBEBEB;
}
#sidebar ul.sidemenu li {
	list-style: none;
	border-bottom: 1px solid #EBEBEB;
	padding: 8px 5px;
	margin: 0;
}
* html body #sidebar ul.sidemenu li {
	height: 1%;
}
#sidebar ul.sidemenu li a:link, #sidebar ul.sidemenu li a:visited {
	color: #895F30;
	padding-left: 0;
	font-weight: bold;
	text-decoration: none;
}
#sidebar ul.sidemenu li a span {
	color: #9F9F9F;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-style: normal;
	font-weight: normal;
}
#sidebar ul.sidemenu li a:hover {
	color: #000;
	text-decoration: none;
}
#sidebar ul.sidemenu ul {
	margin: 0 0 0 5px;
	padding: 0;
}
#sidebar ul.sidemenu ul li {
	background: none;
}
/* footer */
#footer-wrap {
	clear: both;
	width: 100%;
	text-align: left;
	padding: 15px 0;
	border-bottom: 15px solid #fff;
	border-top: 1px solid #fff;
}
#footer-wrap a:hover {
	color: #000;
}
#footer-wrap h3 {
	color: #976834;
	margin: 10px 0 20px 0;
	padding: 0 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.6em;
}
#footer-columns {
	color: #888;
	margin: 0 auto;
	padding: 0;
	width: 840px;
}
#footer-columns a {
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
#footer-columns ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	border-top: 1px solid #e5e5e5;
}
#footer-columns li {
	border-bottom: 1px solid #e5e5e5;
}
#footer-columns li a {
	display: block;
	font-weight: normal;
	padding: 7px 0 7px 10px;
	width: 96%;
}
#footer-columns .col3, .col3-center {
	float: left;
	width: 32%;
}
#footer-columns .col3-center {
	margin: 0 15px;
}
/* bottom */
#footer-bottom {
	clear: both;
	color: #666;
	margin: 0 auto;
	width: 870px;
	padding: 25px 0 0 0;
	text-align: center;
	font-size: .95em;
}
#footer-bottom a {
	color: #976834;
	text-decoration: none;
}
/* postmeta */
.postmeta {
	padding: 8px 5px;
	margin: 20px 10px 15px 10px;
	font-size: 95%;
	color: #99997D;
	border: 1px solid #EAE7DB;
	background: #FAFAE7;
}
.postmeta .date {
	margin: 0 10px 0 5px;
}
.postmeta a.comments {
	margin: 0 10px 0 5px;
}
.postmeta a.readmore {
	margin: 0 10px 0 5px;
}
.post-info {
	font-size: .95em;
	padding-top: 0;
	margin-left: 5px;
}
/* alignment classes */
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
/* clearing */
.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
.clear {
	display: inline-block;
}
.clear:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
}
.fadein {
	position: relative;
	width: 100%;
	height: 270px;
}
.fadein img {
	position: absolute;
	left: 0;
	top: 0;
}
div#qTip {
	padding: 3px;
	border: 1px solid #fbd46b;
	border-right-width: 2px;
	border-bottom-width: 2px;
	display: none;
	background: #ffedbc;
	color: #032d7f;
	text-align: left;
	position: absolute;
	z-index: 1000;
}
.breadcrumbs {
	width: 780px;
	margin-top: 6px;
	padding: 5px;
	color: #737373;
	font-size: 11px;
	font-weight: bold;
}
.breadcrumbs a {
	text-decoration: none;
	color: #00305f;
	font-style: italic;
}
.breadcrumbs a:hover {
	text-decoration: none;
	color: #00305f;
	font-style: italic;
}
#CDSWIDFRR img {
	background: inherit;
	padding: 0!important;
}
.iframeWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 100%;
}
.iframeWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  border:0;
  width: 100%;
  height: 100%;
}
.map-overlay { 
	background:rgba(255,255,255,0.2);
	position:absolute;
	width: 100%;
	height:100%; 
	z-index:3;
	cursor: zoom-in;
	top:0;
}
.map-overlay-remove {
	display:none; 
}
.activate-map {
    background: #fff none repeat scroll 0 0;
    border: medium none;
    color: #0557DE;
    display: none;
    font-family: inherit;
    left: 50%;
    margin-left: -75px;
    position: relative;
    top: 65%;
    width: 150px;
	padding: 10px;
	bo
}
.map-overlay:hover .activate-map {display:block; cursor: pointer}
.activate-map:hover { background: #0557DE; color: #FFF }
.smallLogo { display: none; }
/*MOBILE CSS*/
@media all and (max-width: 900px) {
* {	box-sizing: border-box }
#wrap {
	background: none;
	width: 94%;
	margin: 0 auto;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 50px 0 0
}
#header-photo {
    background: #FFF;
    clear: both;
    height: inherit;
    margin: 0 auto;
    padding: 14px 0;
    width: 100%;
}
.largeLogo { display: none; }
.smallLogo { display: block; margin:auto !important }
#content-wrap { margin:auto; border: 0}
#content-wrap {
	width: 100%;
	height: auto
}
.fadein {
    height: auto;
    position: relative;
    width: 96%;
	margin:auto;
	display: block;
}
.fadein img { width: 100%; height:inherit !important }
.p1 { width: 100%; margin-top: 50%; display:inline-block }

#nav ul li a {
    border: 1px solid #dfb300;
}
nav {
	background-color: none;
	height: 50px;
	padding: 0;
	width: inherit;
	margin: inherit;
	border: 0;
}
div#nav {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2147483647;
	height: 50px;
}
#mainNav {
	position: relative;
	right: 0;
	top: 0;
	z-index: 9999999;
	width: 100%;
}
#mainNav li a {
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	display: block;
	font-size: 18px;
}
#mainNav li a span {
	font-size: 32px;
}
#mainNav > a {
}
#mainNav:not( :target ) > a:first-of-type,  #mainNav:target > a:last-of-type {
	display: block;
	position: absolute;
	right: 5px;
	top: 0px;
	background-image: url('../images/nav-menu-white.png');
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	width: 100%;
	background-position: right;
}
/* first level */

#mainNav > ul {
	height: auto;
	display: none;
	position: relative;
	left: 0;
	right: 0;
	margin-top: 50px!important;
	width: 98%;
}
#mainNav:target > ul {
	display: block;
}
#mainNav > ul > li {
	width: 100% !important;
	float: none !important;
	margin: 0;
	padding: 0;
	background-color: #eee !important;
	text-indent: 10px;
	height: 60px;
}
#nav ul li a { width: 100% !important  }
#nav ul { margin: 0 0 0 1% }
/* second level */

#mainNav li ul {
	position: relative!important;
	width: 100%;
}
#mainNav li:hover li a {
}
}
@media all and (max-width: 780px) {
#sidebar img { display: block; margin: auto; float: none; max-width: 100%; height: inherit }
table.rates h1 { font-size: 24px; line-height:normal } 
td#specialConditions { display: table-cell }
.rates th, .rates td { display:block; width: 100%; text-align:center }
.hoverConditions { display: none }
.anchorConditions { display:block; text-align: center; font-weight:bold }
}
@media all and (max-width: 600px) {
	#main, #sidebar { width: 100% !important; float: none !important; margin: 0 auto !important; padding: 0 10px !important; font-size: 14px; line-height: 1.7em }
	#contactForm td { display:block; width: 100%; text-align:center}
	#contactForm input, #contactForm textarea { max-width: 100% !important }
}