@import url(reset.css);
@import url(type.css);
/* Wrappers */
body {
	text-align: center;
	background: #dcddde;
	}
div.wrappera {
	margin: 0 auto;
	width: 907px;
	text-align: left;
	background: transparent url(../images/shell/bg-fill.png) repeat-y left top;
	}
div.wrapperb {
	background: transparent url(../images/shell/bg-bottom.png) no-repeat left bottom;
	padding: 0 9px 9px 9px;
	}
div.wrapperc {
	background: #fff url(../images/shell/footer-bg.jpg) no-repeat left bottom;
	padding: 0 0 39px 0;
	}
div.footer {
	margin: 0 auto;
	padding: 0 9px;
	width: 889px;
	text-align: right;
	background-image: none;
	}

/* Header */
div.header {
	background: #e7cd9d url(../images/shell/header-bg.jpg) no-repeat left top;
	height: 127px;
	position: relative;
	}
a#logo {
	position: absolute;
	left: 0;
	top: 23px;
	}
img#stars {
	position: absolute;
	left: 803px;
	top: 28px;
	}

/* Top nav */
div#nav {
	position: absolute;
	left: 383px;
	top: 68px;
	}
div#nav li {
	float: left;
	display: inline;
	width: 60px;
	overflow: hidden;
	}
div#nav li a {
	display: block;
	height: 23px;
	position: relative;
	padding: 5px;
	color: #333333;
	}
div#nav li a:focus,
div#nav li a:hover {
	color: #336600;
	}
div#nav li a span {
	display: block;
	height: 23px;
	width: 200px;
	background: transparent url(../images/shell/nav.png) no-repeat left top;
	background-position: inherit;
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	}
div#nav li#home,
div#nav li#home a span {width: 56px; background-position: 0px top;}
div#nav li#home a:focus span,
div#nav li#home a:hover span,
body.home div#nav li#home span {background-position: 0px bottom;}
div#nav li#accommodation,
div#nav li#accommodation a span {width: 123px; background-position: -56px top;}
div#nav li#accommodation a:focus span,
div#nav li#accommodation a:hover span,
body.accommodation div#nav li#accommodation span {background-position: -56px bottom;}
div#nav li#gallery,
div#nav li#gallery a span {width: 58px; background-position: -179px top;}
div#nav li#gallery a:focus span,
div#nav li#gallery a:hover span,
body.gallery div#nav li#gallery span {background-position: -179px bottom;}
div#nav li#attractions,
div#nav li#attractions a span {width: 86px; background-position: -237px top;}
div#nav li#attractions a:focus span,
div#nav li#attractions a:hover span,
body.attractions div#nav li#attractions span {background-position: -237px bottom;}
div#nav li#testimonials,
div#nav li#testimonials a span {width: 96px; background-position: -323px top;}
div#nav li#testimonials a:focus span,
div#nav li#testimonials a:hover span,
body.testimonials div#nav li#testimonials span {background-position: -323px bottom;}
div#nav li#contact,
div#nav li#contact a span {width: 68px; background-position: -419px top;}
div#nav li#contact a:focus span,
div#nav li#contact a:hover span,
body.contact div#nav li#contact span {background-position: -419px bottom;}

/* Content */
div.content {
	padding: 15px 0 25px 20px;
	min-height: 150px;
	}
/*div.col-1 {
	float: left;
	width: 208px;
	margin-right: 6px;
	}
div.col-1-5 {
	float: left;
	width: 315px;
	margin-right: 6px;
	}*/
div.col-1,
div.col-1-2,
div.col-1-5,
div.col-2 {
	float: left;
	width: 204px;
	padding-right: 10px;
	/*background-color: lime;*/
	/*overflow: hidden;*/
	}
div.col-1 img,
div.col-1-5 img,
div.col-2 img {
	margin-right: -5px;
	}
div.col-1-2 {
	width: 240px;
	}
div.col-1-5 {
	width: 311px;
	}
div.col-2,
div.col-2-clear{
	width: 418px;
	}
body.booking div.content{
	background: #fff url(../images/butterfly.jpg) no-repeat right top;
	}
p.frogtext {
	padding: 15px 15px 5px 662px;
	margin: 0;
	background: transparent url(../images/frog.jpg) no-repeat right bottom;
	}
	
/* Accommodation */
div.rates {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	margin: 1em 0;
	}
div.rates dl {
	position: relative;
	margin-bottom: 1em;
	}
div.rates dl+dl {
	margin-top: -.5em;
	}
div.rates dl dd {
	position: absolute;
	top: 0;
	left: 102px;
	width: 102px;
	text-align: right;
	}
p.actions {
	border: 1px solid #ccc;
	border-width: 1px 0;
	padding: 5px 0 7px 0;
	font-weight: bold;
	position: relative;
	margin: 1em 0;
	}
p.actions span.right {
	position: absolute;
	top: 5px;
	left: 102px;
	width: 102px;
	text-align: right;
	}
ul.lightbox-extras {
	display: none;
	}

/* Gallery page */
.pics {
	width: 418px;
	height: 220px;
}

.pics img {
	width: 418px;
	height: 220px;
	top: 0;
	left: 0;
}

/* Booking enquiry */
a.dp-choose-date {
	/*float: left;*/
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 0 0 3px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/shell/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
.contactform input.dp-applied {
	width: 176px;
	float: left;
}
.contactform label span {
	color: red;
	margin-left: 2px;
}
.contactform input,
.contactform textarea {
	width: 195px;
	}
.radios input {
	width: auto;
	margin-left: 0 !important;
	}
p.submit {
	margin: 1em 0;
	}
p.submit input {
	width: 83px;
	}
p.error,
p.success {
	width: 650px;
	}
p.error {
	background-color: #fef0f1;
	border: 1px solid #cdaaac;
	color: #834143;
	padding: 10px;
	}
p.success {
	background-color: #f3fef0;
	border: 1px solid #b1cdaa;
	color: #4d8341;
	padding: 10px;
	}
/* Clear child floats */
.clear:after {
	display: block;
	clear: both;
	content: ".";
	visibility: hidden;
	height: 0;
	}