@charset "utf-8";
/*
Theme Name: Whitstable Fisherman's Huts
Theme URI: http://www.whitstablefishermanshuts.co.uk
Author: Realising Designs Limited
Author URI: http://www.realisingdesigns.com
Description: Custom theme based on the Whiteboard Framework
Version: 1.1.0

 * Built on the Whiteboard Framework
 * http://whiteboardframework.com
 */

.none {
	display: none;
}
.clear, .clr {
	clear: both;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.left {
	float: left;
}
.right {
	float: right;
}
.aligncenter {
	text-align: center;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}

::selection {
	background: #EEE;
	color: #222;
}
::-moz-selection {
	background: #EEE;
	color: #222;
}


/* Reset less */
.container {
	margin: 0;	
	padding: 0;
	width: auto;
}

/* Links */

a:link, a:visited, body .leaflet-container a:link, body .leaflet-container a:visited {
	color: #004a09;
	font-weight: bold;
	text-decoration: none;	
}
a:hover, a:active {
	color: #003a00;
	text-decoration: none;
}
a img {border:0;}

a.button {
	padding: 10px;
	line-height: 2.5;
	background-color: #004a09;
	color: #FFF;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
a.button:hover {
	background-color: #003a00;
	color: #FFF;	
}
a.pdf {
	background-image: url(images/wfh-pdf.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 22px;
	line-height: 23px;
	display: inline-block;
}

/* Body & elements */

body {
	margin: 0;
	padding: 0 0 20px 0;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #222;
	line-height: 21px;
}

.writing {
	font-family: "Nothing You Could Do","Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: 400;
}
.writing.large {
	font-size: 16px;	
}

/* Layout */

#main {
	width: 850px;
	padding: 10px 10px 0 10px;
	margin: 0 auto;
	position: relative;
}
/*
body.home #main {
	padding-top: 0;	
}*/

#container {
	padding: 10px 0 20px 0;
	overflow: hidden;
}

#content {
	width: 560px; 
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}
#content.wide, body.page-id-8 #content {
	width: 850px;
	float: none;	
}
#primary {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;				
	width: 270px;
	min-height: 530px;
	margin: 0;
	padding: 0;
	float: right;
	color: #e2d6b3;
	background: #211e1d;
	background-image: url(images/wfh-sidebar-bgr.png);
	background-repeat: repeat;
	background-position: 0 0;		
}

/* Header */

#header {
	width: 100%;
	background: #004a09;
	background: -moz-linear-gradient(top,  #004a09 0%, #003a00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004a09), color-stop(100%,#003a00));
	background: -webkit-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -o-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -ms-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: linear-gradient(to bottom,  #004a09 0%,#003a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a09', endColorstr='#003a00',GradientType=0 );
}

#header .container {
	width: 850px;
	/*
	background: #004a09;
	background: -moz-linear-gradient(top,  #004a09 0%, #003a00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004a09), color-stop(100%,#003a00));
	background: -webkit-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -o-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -ms-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: linear-gradient(to bottom,  #004a09 0%,#003a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a09', endColorstr='#003a00',GradientType=0 );
		*/
	padding: 0;
	margin: 0 auto;
}
#header #title {
	float: left;
	margin: 20px 0;
	color: #FFF;
}
#header #title a.hotel {
	margin: 0 0 0 3px;
	color: #FFF;
	font-size: 16px;
	font-weight: normal;
}
#header #title h1 {
	margin: 0;	
}
#header #title h1 a {
	width: 466px;
	height: 80px;
	display: block;	
}
#header #title h1 span {
	display: none;
}

#header #contact {
	float: right;
	width: 280px;
	margin:72px 0 0 0;	
	text-align: right;
	font-family: "Cabin", Verdana, Arial, Helvetica, sans-serif;	
	color: #fff;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;	
}
#header #contact span {
	font-weight: 400;
	font-size: 26px;
}
#header #contact a {
	font-weight: normal;
	color: #fff;	
}
#header #contact a:hover {
	color: #e2d6b3;
}


/* Header Navigation */
#access {
	clear: both;
	display: block;
	float: left;
	margin: 0 0 0;
	width: 850px;	
	/*
	background: #e2d6b3;*/
}
#access ul {
	font-size: 15px;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
	/*z-index: 100000;		*/
}
#access a {
	margin: 0 5px 0 0;
	background-color: #e1d5b1;
	color: #003a00;
	font-family: "Cabin", Verdana, Arial, Helvetica, sans-serif;	
	font-size: 15px;
	font-weight: 600;
	display: block;
	line-height: 36px;
	padding: 0 19px;
	text-decoration: none;
	
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;	
	/*border-right: 1px solid rgba(0,0,0,0.05);*/
}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #e7ddc1;
	color: #004a09;
}
#access li:hover > a,
#access a:focus {
	background: #e7ddc1;
	color: #004a09;
}
#access ul li:hover > ul {
	display: block;
}
#access .current-menu-item > a,
#access .current-menu-ancestor > a,
#access .current_page_item > a,
#access .current_page_ancestor > a,
body.parent-pageid-6 #menu-item-15 a {
	/*
	background: #e7ddc1;
	color: #004a09;*/
	background-color: #fff;
	color: #004a09;
}


/* Focus Box */

#focusBox {
	min-height: 347px;
	background: #e7ddc1;
	background: -moz-linear-gradient(top,  #e7ddc1 0%, #e2d6b3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7ddc1), color-stop(100%,#e2d6b3));
	background: -webkit-linear-gradient(top,  #e7ddc1 0%,#e2d6b3 100%);
	background: -o-linear-gradient(top,  #e7ddc1 0%,#e2d6b3 100%);
	background: -ms-linear-gradient(top,  #e7ddc1 0%,#e2d6b3 100%);
	background: linear-gradient(to bottom,  #e7ddc1 0%,#e2d6b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ddc1', endColorstr='#e2d6b3',GradientType=0 );
	margin: 10px 0 20px 0;
}
#sliderBox {
	min-height: 328px;
	background-color: none;
	margin: 0 0 10px 0;
}
#focusBox #sliderOuter, #sliderBox #sliderOuter, .theme-light.slider-wrapper {
	position: relative;
	float: left;
	width: 520px;
	height: 347px;	
}

#focusBox #sliderOuter img {
	width: 520px;
	/*height: 340px;	*/
}

#sliderBox #sliderOuter, #sliderBox .theme-light.slider-wrapper{
	width: 520px;
	/*height: 340px;	*/
}
#sliderBox #sliderOuter img {
	width: 520px;
	display: block;
	/*height: 340px;	*/
}

#sliderBox #sliderOuter.wide, .theme-light.slider-wrapper.wide, 
#focusBox #sliderOuter.wide img, #sliderBox #sliderOuter.wide, #sliderBox .theme-light.slider-wrapper.wide,
#sliderBox #sliderOuter.wide img {
	width: 560px;
	height: 380px;
}

#sliderOuter .bookBtn {
	position: absolute;
	top: 240px;
	right: 10px;
	z-index: 9999;
}

#focusBox #copy {
	width: 300px;
	padding: 15px 15px 0 15px;
	float: right;
	line-height: 1.5;
}
#focusBox #copy strong {
/*	color: #003a00;*/
	font-family: "Cabin", Verdana, Arial, Helvetica, sans-serif;	
	font-size: 18px;
	font-weight: normal;
	line-height: 1.1;
}
#focusBox #copy p:first-child {
	margin-top: 0;	
}


/* Central column content */

#content {
	min-height: 300px;
	padding: 12px 0 12px 0;	
}


h1, #content h1, #content h2, #content h3, #primary h2 {
	font-family: "Cabin", Verdana, Arial, Helvetica, sans-serif;	
	color: #003900;
	font-size: 26px;
	margin: 10px 0 20px 0;
	font-weight: 400;
}
#content h2 {
	font-size: 18px;
	margin: 20px 0 10px 0;
}
#content h3 {
	font-size: 14px;	
}

h1.lead {
	text-align: center;
	line-height: 1.2;
	margin: 25px 0 20px 0;
}

#content p {
	margin: 10px 0;
/*	text-align: justify;*/
}

#content .lead p:first-child {
	margin-top: 0;	
}

#content h1:first-child, #primary h2:first-child {
	margin-top: 0;	
}

#focusBox ul, #content ul, #content ol {
	list-style: square;
	padding: 5px 0 5px 30px;
}
#focusBox ul {
	padding: 0 0 0 25px;	
}
#content ol {
	list-style: decimal;	
}

#content .sea_view, #content .capacity, #content .dog_friendly {
	font-family: "Cabin", Verdana, Arial, Helvetica, sans-serif;	
	color: #003900;
	font-size: 15px;
	margin: 10px 0 10px 0;
	font-weight: 600;
	background-position: 0 0;
	background-repeat: no-repeat;
	float: left;
}

#content .sea_view {
	width: 110px;	
	background-image: url(images/wfh-sea.png);
	padding: 0 0 0 36px;
}
#content .capacity {
	width: 235px;	
	background-image: url(images/wfh-capacity.png);
	padding: 0 0 0 31px;
}
#content .dog_friendly {
	width: 110px;	
	background-image: url(images/wfh-dog.png);
	padding: 0 0 0 29px;
}


#content #huts .thumbnail {
	width: 158px;
	height: 208px;
	display: block;
	float: left;
	margin: 0 10px 15px 0;
	line-height: 1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;				
}
#content #huts .thumbnail img {
	width: 150px;
	height: 200px;
	background-color: #004a09;
	padding: 4px;
}
#content #huts .thumbnail img:hover {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 03px 5px rgba(0,0,0,0.2);			
}
#content #huts h2 {
	margin: 0 0 10px 0;	
	font-size: 19px;
}
#content #huts h2 span.detail {
	font-size: 15px;
}
#content #huts ul {
	margin: 0;
	list-style: none;
	padding: 10px 0 0 0;	
}
#content #huts li {
	clear: both;
	padding: 0 0 20px 0;
	list-style: none;
	margin: 0;
	line-height: 1.2;
}
#content #huts .copy {
	padding: 0 0 0 0;
	width: 390px;
	float: right;
}
#content #huts li a em {
	font-weight: normal;	
}

#content #huts .hutInfo {
	padding: 10px;
	background-color: #fafafa;
	border: 1px solid #ececec;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}

#content .hutContent {
	width: 380px;
	float: left;	
}
#content .hutThumbnail {
	margin: 13px 0 0 0;
	float: right;
}
#content .hutThumbnail img {
	padding: 4px;
	background-color: #004a09;
}

#content .bookBtn {
	background-image: url(images/wfh-book.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 206px;
	height: 78px;
	display: block;	
	float: left;
}
#content .bookBtn span {
	display: none;
}

#content .hotelContinental {
	display: block;
	width: 337px;
	height: 78px;
	float: right;	
}
#content .bookBtn:hover, #content .hotelContinental:hover {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 03px 5px rgba(0,0,0,0.2);				
}

/*
#content ul, #primary ul {
	list-style-image: url(images/ucss-list.png);	
}
*/
#content #features  {
	padding: 20px 0 0 0;	
}

#content #features a {
	float: left;
	display: block;
	width: 270px;
	height: 150px;
	margin: 0 20px 20px 0;	
}
#content #features #feature1 {
	margin: 0 0 20px 0;	
}

#content #features a:hover {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 03px 5px rgba(0,0,0,0.2);		
}

/* Content images */

#content img.alignleft {
	float: left;
	margin: 0 10px 10px 0;	
}
#content img.alignright {
	float: right;
	margin: 0 0 10px 10px;	
}

/* Content quote */

.quote {
	padding: 0 0 20px 0;	
}
.quote p {
	font-size: 15px;
	font-style: italic;	
	font-family: "Cabin", Verdana, Arial, Helvetica, sans-serif;	
	font-weight: 400px;
	line-height: 1.4;
}
.quote p span.cite {
	padding-top: 4px;
	display: block;
	font-style: normal;	
}


/* Visit */
#visit {
	margin: 10px 0 0 0;
}
#visit #links {
	background-image: url(images/wfh-venues.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 541px;
	height: 143px;
	display: block;
	position: relative;
	margin: 16px 0;
}
#visit #links span {
	display: none;	
}
#visit #links a {
	position: absolute;
	display: block;
}
#link_tls { top: 0; left: 0; width: 318px; height: 41px; }
#link_eqv { top: 0; right: 0; width: 191px; height: 56px; }
#link_hc { top: 56px; left: 0; width: 206px; height: 47px; }
#link_wofc { top: 44px; left: 234px; width: 131px; height: 100px; }
/* Prices */

#prices {
	width: 100%;
	margin: 2px 0 15px 0;
	clear: both;	
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a09', endColorstr='#003a00',GradientType=0 );
}
#prices th {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #FFF;	
	border-bottom: 2px solid #e2d6b1;
	border-right: 1px solid #005e00;
	background-color: #003a00;	
}
#prices td {
	padding: 10px;
	border-right: 1px solid #005e00;
	background-color: #004a09;	
	text-align: right;
	font-weight: normal;
	color: #FFF;	
}

/* Sites */
#sites {
	padding: 30px 0;
	text-align: center;
}
#sites a {
	display: inline-block;
	padding: 5px 10px;
}
#sites a img {
	display: block;
}


/* Footer */

#footer .container {
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;	
	width: 800px;
	clear: both;	
	background: #004a09;
	background: -moz-linear-gradient(top,  #004a09 0%, #003a00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004a09), color-stop(100%,#003a00));
	background: -webkit-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -o-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -ms-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: linear-gradient(to bottom,  #004a09 0%,#003a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a09', endColorstr='#003a00',GradientType=0 );

	padding: 25px;
}

#footer p {
	margin: 7px 0;
	color: #fff;
	line-height: 1.3;
	font-size: 13px;
	text-align: left;
}
#footer a {
	color: #fff;
	font-weight: normal;	
}
#footer a:hover {
	color: #e2d6b3;
}

#footer .design, #footer .design a {
	color: #e2d6b3;	
}

#footer .design a:hover {
	color: #fff;
}

#footer span.other {
	color: #e2d6b3;	
}


#footer #copyright {
/*
	width: 650px;
	float: left;*/
}

#footer #social {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer #social li {
	float: left;
	margin: 0;
	padding: 0;	
}
#footer #social li a {
	line-height: 43px;
	height: 43px;
}
#footer #social li a img {
	vertical-align: middle;	
}


/* Sidebar */
body.parent-pageid-6 #primary {
	margin-top: 43px;	
}

#primary .inner {
	padding: 10px;	
}
#primary h2 {
	color: #fff;	
}
#primary ul {
	padding: 0 0 0 25px;
	margin: 0;	
}

#primary a {
	color: #fff;	
}
#primary a:hover {
	color: #e2d6b3;	
}

#primary #map {
	width: 252px;
	height: 274px;
	display: block;
	color: #000;
	margin: 0 0 15px 0;
	position: relative;
}

#primary #map span {
	background-color: #e0d5af;
	color: #1a351a;
	width: 120px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 10px;
	display: block;
	line-height: 26px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;		
}
#primary #map:hover span {
	background-color: #1a351a;
	color: #FFF;
}

#primary .required {
	color: #e2d6b3;	
}


#primary #huts .thumbnail {
	width: 35px;
	height: 46px;
	display: block;
	background-color: #e2d6b3;
	float: left;
	margin: 0 10px 10px 0;	
	padding: 2px;
}
#primary #huts .thumbnail img {
	width: 35px;
	height: 46px;
	border: none;
}
#primary #huts ul {
	margin: 0;
	list-style: none;
	padding: 0;	
}
#primary #huts li {
	clear: both;
	margin: 0;
	list-style: none;
	padding: 0;
	line-height: 1.2;
}
#primary #huts .copy {
	padding: 8px 0 0 0;	
}
#primary #huts li a em {
	font-weight: normal;
	font-size: 11px;
	line-height: 12px;	
}
#primary #huts a:hover .thumbnail {
	background-color: #FFF;	
}

#primary #huts li.active a:link, #primary #huts li.active a:visited {
	color: #e2d6b3;	
}


/* =Trip Ad
-------------------------------------------------------------- */
#taBadge {
	margin: 0 0 0 -10px;
	padding: 1px 0 0 0;
	min-height: 170px;
}

/* =Contact form
-------------------------------------------------------------- */

.contactForm {
	padding: 10px 0 20px 0;
}

.contactForm .required {
	color: #e2d6b3;
	font-size: 10px;
}

.contactForm .row {
	clear: both;
}
.contactForm label {
	width: 236px;
	float: left;
	display: block;
	margin: 3px 20px 0 0;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.contactForm input[type=text], .contactForm input[type=email] {
	width: 236px;
	float: left;
	border: 1px solid #333;
	background-color: #444;
	color: #e2d6b3;
	font-size: 15px;
	padding: 6px;
	margin: 0 0 10px 0;
}
.contactForm input[type=checkbox], #optout {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
	width: 13px;
	height: 13px;
}
.contactForm select {
	width: 236px;
	float: left;
	border: 1px solid #333;
	background-color: #444;
	color: #e2d6b3;
	padding: 6px;
	margin: 0 0 10px 0;
}
.contactForm textarea {
	width: 236px;
	float: left;
	border: 1px solid #333;
	background-color: #444;
	color: #e2d6b3;
	padding: 6px;
	margin: 0 0 10px 0;
}


.contactForm input[type=submit] {
	border: none;
	background: none;
	background-color: #003a00;
	color: #fff;
	font-weight: bold;
	padding: 10px 17px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;			
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 03px 5px rgba(0,0,0,0.1);		
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.contactForm input[type=submit]:hover {
	background-color: #004a09;
	color: #FFF;
}

.contactForm .row .block {
	width: 200px;
	float: left;
	padding: 3px 0;
	margin: 0 0 0 0;
}

.contactForm .row .block p {
	color: #000;
	font-size: 11px;
	margin: 0 0 10px 0;
}
.contactForm #optout .wpcf7-list-item-label, .contactForm #suppliers .wpcf7-list-item-label {
	display: none;
}

.contactForm .row.opt {	
	padding: 10px 0 15px 0;
	clear: both;
}
.contactForm .row.opt label {	
	width: 345px;
}
.contactForm .row.opt #optout {
	margin: 5px 0 0 0;
}


/* Book form */
#book {
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;	
	border-radius: 9px;
	width: auto;
	clear: both;	
	background: #004a09;
	background: -moz-linear-gradient(top,  #004a09 0%, #003a00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004a09), color-stop(100%,#003a00));
	background: -webkit-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -o-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -ms-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: linear-gradient(to bottom,  #004a09 0%,#003a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a09', endColorstr='#003a00',GradientType=0 );
	padding: 25px;
	border-bottom: 3px solid #e1d5af;
	margin: 30px 0 25px 0;
}
#book img {
	float: left;
	margin: 0 10px 0 0;
}
#book form {
	float: left;
	padding: 0;	
}
#book form p {
	margin: 0;
	color: #fff;
	font-size: 10px;
	text-transform: uppercase;	
}
#book input[type=text], #book select {
	display: inline;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-radius: 6px;
	border: none;
	padding: 12px 10px;
	margin: 0 5px 0 0;
}

#book input[type=submit] {
	background: none;
	display: inline;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
	border-radius: 6px;
	border: none;
	font-weight: bold;
	padding: 12px 10px;
	margin: 0 5px 0 0;	
	background-color: #49a24b;
	font-family: "Cabin", Verdana, Arial, Helvetica, sans-serif;	
	color: #fff;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	
}
#book input[type=submit]:hover {
	background-color: #e1d5af;
	color: #003a00;
}

/* =Scroller
-------------------------------------------------------------- */
.scroller {
    background-color: #fff;
    color: #222;
    font-size: 17px;
    height: 36px !important;
    line-height:36px;
    overflow: hidden;
    position: relative;
    width: 1005;
    padding-top: 1px;
    position: relative;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}
.scroller.hotel {
	margin: 0 0 20px 0;
}
.scrollingtext {
/*    color: #ffffff;*/
    white-space:nowrap;
    position:absolute;
/*    font-size: 14px;
    font-style: oblique;*/
}
/*
.scrollingtext a:link, .scrollingtext a:visited {
    color: #ffffff;
    font-size: 14px;
}*/
.scrollingtext a:visited {
    text-decoration:none;
}

.review {
    padding-right: 50px;
}

#static-text {
    position: absolute;
    padding: 0 10px;
	background: #004a09;
	background: -moz-linear-gradient(top,  #004a09 0%, #003a00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004a09), color-stop(100%,#003a00));
	background: -webkit-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -o-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -ms-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: linear-gradient(to bottom,  #004a09 0%,#003a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a09', endColorstr='#003a00',GradientType=0 );
    z-index: 99999;
    font-weight: bold;
	color: #FFF;
}

.scroller.hotel #static-text {
    position: absolute;
    padding: 0 10px;
	background: #324aac;
    z-index: 99999;
    font-weight: bold;
	color: #FFF;
}
.scroller.hotel a:link, .scroller.hotel a:visited {
	color: #324aac;
}



/* Booking page */
.intro {
	margin-bottom: 15px;
	float: left;
	max-width: 58%;
}
.full {
	margin: 14px 0 15px 0;
	float: right;
	max-width: 40%;
}
.full img {
	max-width: 100%;
	height: auto;
}


.booking-header {
	width: 100%;
	background: #004a09;
	background: -moz-linear-gradient(top,  #004a09 0%, #003a00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004a09), color-stop(100%,#003a00));
	background: -webkit-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -o-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: -ms-linear-gradient(top,  #004a09 0%,#003a00 100%);
	background: linear-gradient(to bottom,  #004a09 0%,#003a00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004a09', endColorstr='#003a00',GradientType=0 );
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
}
.booking-header.hut {
	padding: 10px 15px;
    margin-bottom: 15px;
    background: none;
    background: #e1d5b1;
    color: #004a09;
	font-weight: normal;
	text-align: left;
}


/* RWD conversion March 2015 */
#responsive_access {
	display: none;
}

@media (max-width: 860px) {

	html {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}
	*, *:before, *:after {
	  -webkit-box-sizing: inherit;
	     -moz-box-sizing: inherit;
	          box-sizing: inherit;
	  
	}
	body {
		overflow-x: hidden;
	}
	body.page-id-7 {
		overflow: auto;
	}
	
	img {
		max-width: 100%;
		height: auto;
	}
	h1,h2,h3 {
		line-height: 1.2;
	}

	#header .container, #main, #footer .container, #content.wide, body.page-id-8 #content {
		width: 100%;
	}
	
	#header .container {
		padding: 0 10px;
	}
	#header #title {
		width: 55%;
	}
	#header #title h1 {
		text-align: left;
		width: 100%;
		height: auto;
		padding-right: 10px;
	}
	#header #title h1 a {
		width: 100%;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	#header #contact {
		width: 45%;	
	}
	
	#access {
		width: 100%;
		padding: 0;
		margin: 0;
		
		ul li a {
			padding: 0 10px;
		}
	}

	#content, #content.home {
		width: 60%;
		padding-right: 20px;
	}
	#primary, #primary.home {
		width: 40%;
	}
	#primary h2, #primary h3, #primary p {
		text-align: center;
	}
	#primary .wpcf7-form {
		width: 245px;
		margin: 0 auto;
	}
	#primary #map {
		width: 245px;
		margin: 0 auto 25px auto;
	}
	
	body.page-id-4 #container {
		padding-top: 0;
	}
	
	#focusBox {
		margin-top: 0;
		width: 100%;
		background: none;
		min-height: 1px;
	}
	#focusBox #copy {
		padding-bottom: 15px;
		background: #e7ddc1;
		background: -moz-linear-gradient(top,  #e7ddc1 0%, #e2d6b3 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7ddc1), color-stop(100%,#e2d6b3));
		background: -webkit-linear-gradient(top,  #e7ddc1 0%,#e2d6b3 100%);
		background: -o-linear-gradient(top,  #e7ddc1 0%,#e2d6b3 100%);
		background: -ms-linear-gradient(top,  #e7ddc1 0%,#e2d6b3 100%);
		background: linear-gradient(to bottom,  #e7ddc1 0%,#e2d6b3 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ddc1', endColorstr='#e2d6b3',GradientType=0 );
	}
	#sliderBox {
		width: 100%;
		min-height: 1px;
	}
	#focusBox #sliderOuter, #sliderBox #sliderOuter, .theme-light.slider-wrapper {
		width: 60%;
		height: auto;	
	}
	#focusBox #sliderOuter img {
		width: 100%;
		height: auto;	
	}
	#focusBox #availability {
		width: 60%;
	}
	#focusBox #copy {
		width: 40%;
		padding-left: 20px;
	}
	/*
	body {*/
		#sliderBox #sliderOuter, #sliderBox .theme-light.slider-wrapper{
			width: 100%;
			height: auto;	
		}
		#sliderBox #sliderOuter img {
			width: 100%;
			height: auto;
			display: block;
		}
		#sliderBox #sliderOuter.wide, .theme-light.slider-wrapper.wide, 
		#focusBox #sliderOuter.wide img, #sliderBox #sliderOuter.wide, #sliderBox .theme-light.slider-wrapper.wide,
		#sliderBox #sliderOuter.wide img {
			width: 100%;
		}
		body .theme-light.slider-wrapper {
			padding: 0;	
		}
		body .theme-light .nivo-controlNav {
			display: none;
		}
		body .theme-light .nivo-directionNav a {
			top: 50%;
			margin-top: -20px;
		}
	/*}*/
	
	#TA_cdsscrollingravenarrow952, #CDSSCROLLINGRAVE, #CDSSCROLLINGRAVE.narrow {
		width: 100%;
		max-width: 100%;
	}
	#map_small img {
		width: 100%;
	}
	
	#content #huts .thumbnail {
		width: 20%;
	}
	#content #huts .thumbnail img {
		width: 100%;
		height: auto;
	}
	#content #huts .copy {
		width: 75%;
	}
	
	#content .hutContent {
		width: 75%;
	}
	#content .hutThumbnail {
		width: 25%;
	}
	#content a.bookBtn {
		margin-bottom: 15px;
	}
	#content a.hotelContinental {
		display: block;
		margin: 15px 0 15px 0;
		clear: both;
		float: none;
	}
	
	#post-7 {
		position: relative;
		max-width: 100%;
		overflow-x: scroll;
	}
	.intro {
	    float: none;
	    max-width: 100%;
	    padding-top: 30px;
	}	
	.full {
		position: absolute;
		top: 0px;
		right: 0;
	    margin: 0;
	    float: right;
	    max-width: 50%;
	}
	.full a {
		display: block;
	}	
	
	body #content #features a {
		width: 49%;
		margin: 0;
		height: auto;
	}
	#content #features a:first-child {
		margin-right: 1%;
	}
	#content #features a:nth-child(2) {
		margin-left: 1%;
	}
	#content #features #feature1 {
		margin-bottom: 0;
	}
	
}

@media (max-width: 760px) {
	#access ul li a {
		padding: 0 5px;
	}

}
@media (max-width: 660px) {

	#access {
		display: none;
	}
	#responsive_access {
		display: block;
	}

	#header .container {
		padding: 0 10px;
	}
	
	#content, #content.home {
		width: 100%;
		padding-right: 0;
	}
	#primary, #primary.home {
		width: 100%;
		padding: 15px;
		margin: 0 0 20px 0;
	}
	#focusBox #sliderOuter, #sliderBox #sliderOuter, .theme-light.slider-wrapper {
		width: 100%;
		margin: 0;
	}
	#focusBox #availability {
		width: 100%;
	}
	#focusBox #copy {
		width: 100%;
		padding: 15px;
	}
	#focusBox #copy p strong {
		font-size: 1.8em;
	}	
	
	#header #title {
		width: 80%;
	}
	#header #title a.hotel {
		font-size: 12px;
		margin-bottom: 0;
	}
	#header #contact {
		clear: both;
	    float: none;
	    width: 100%;
	    padding: 0 0 20px 0;
	    margin: 0;
	    line-height: 18px;
	    text-align: left;
		font-size: 16px;
		color: #e1d5b1;
	}	
	#header #contact span {
		font-size: 16px;
		display: inline;
		margin-right: 15px;
	}
	#header #contact br {
		display: none;
	}
	#header #contact a {
		color: #e1d5b1;
	}

	.full {
		position: static;
	    margin: 0;
	    float: none;
	    max-width: 100%;
	}
	.full img {
	    width: 100%;
    }
	
	/* = Responsive Nav 
	-------------------------------------------------------------- */
	#responsive_access {
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
		width: 50%;
		z-index: 99999;	
	}	
	#responsive_access > ul {
		padding: 0;
		margin: 0;
		max-height: 50px;
		overflow: hidden;
		-webkit-transition: all 0.25s;
		-moz-transition: all 0.25s;
		transition: all 0.25s;
	}
	#responsive_access.expand > ul {
		max-height: 900px;
		-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
		box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.25);
	}	
	#responsive_access > ul:after {
		clear: both;
		content: '';
		display: table;
	}	
	#responsive_access > ul > li, > ul > li a {
		margin: 0;
		display: block;
		float: none;
		line-height: 50px;
		font-weight: 300;
		font-size: 1em;
	}
	#responsive_access > ul > li a {
		color: #003c01;
		padding: 5px 15px;
		display: block;
		background-color: #e1d5b1;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}	
	#responsive_access > ul > li a:hover {
		background-color: #003a00;
		color: #fff;
	}			
	
	#responsive_access li.menu-item-has-children > a:after {
		content: '+';
		float: right;
	}
	#responsive_access ul.sub-menu {
		display: none;
	}
	#responsive_access ul.sub-menu a {
		border-left: 10px solid rgba(0,0,0,0.1);
	}
	
	#responsive_access li.mobile {
		height: 50px;
		color: #003f03;
	}
	#responsive_access li.mobile a, #responsive_access li.mobile a:link, #responsive_access li.mobile a:active {
		float:  right;
		vertical-align: middle;
		font-size: 30px;
		background-color: #e1d5b1;
		color: #003f03;
		text-shadow: none;
		text-decoration: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		height:  50px;
		width:  50px;
		margin:  0;
		text-align:  center;
		padding:  0;
		display: block;
		border: none;
		vertical-align: middle;
	}
	#responsive_access li.mobile a:hover {
		background-color: #fff;
		color: #003f03;
		border: none;
	}
	#responsive_access li.mobile i {
		width: 32px;
		color: #003f03;
		line-height: 42px;
		font-style: normal;
		text-shadow: none;
		text-decoration: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
	}	
	#responsive_access li.mobile i {
		color: #003f03 !important;
	}
}

@media (max-width: 460px) {
	#header #contact span {
		display: block;
	}
	
}


/* =Popup date prompt
-------------------------------------------------------------- */
#datePrompt {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
	transform: scale(1);
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
	}

	100% {
		transform: scale(0.95);
		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	}
}



/* =Booking Iframe
-------------------------------------------------------------- */
div.booking_bar {
	background-color: #ececec;
	width: 100%;
	height: 170px;
	background:url(images/ajax-loader.gif) center center no-repeat;
	position: relative;
}
div.booking_bar:after {
    content: "Loading availability...";
    color: #999;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: -1;
    margin: 10px 0 0 0;
}
div.booking_bar iframe {
	border: 0;
	width: 100%;
	height: 210px; 
	overflow-y: hidden;
}
body.parent-pageid-6 #primary.has_search {
	margin-top: 12px;
}
p.booking_bar_notice {
	font-size: 12px;
	margin: 0 0 10px 0;
}

@media (max-width: 840px) {
	div.booking_bar,
	div.booking_bar iframe {
		height: 250px;
	}
}