@charset "utf-8";

/* ------------------------------------- GLOBAL */

body {
	color: #54534c;
	font: 0.75em Arial, Helvetica, sans-serif;
}
/*.safari body,
.chrome body {
	background-repeat: repeat;
}*/
h1 {
	font-size: 2em;
	color: #416852;
	padding: 0px 0px 10px 0px;
}

h1 a {
	float: right;
}

h1 a.back-to-listings {
	font-size: 0.5em;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 13px;
	background: url(../../images/global/back.gif) 0px 3px no-repeat;
}

h2 {
	font-size: 1.2em;
	color: #48473f;
	padding: 0px 0px 10px 0px;
}

h3 {
}

a {
	color: #5f9163;
	text-decoration: none;
}
a:hover {
	color: #5f9163;
	text-decoration: none;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
.tl {
	clear: both;
	left: 0;
	position: absolute;
	top: 0;
}
.tr {
	clear: both;
	position: absolute;
	right: 0;
	top: 0;
}
.br {
	clear: both;
	bottom: 0;
	position: absolute;
	right: 0;
}
.bl {
	clear: both;
	bottom: 0;
	left: 0;
	position: absolute;
}
/* MINIMUM HEIGHT EXAMPLE */
/*.classname {
	min-height: 35px;
	height: auto !important;
	height: 35px;
}*/
/* VERTICAL ALIGN EXAMPLE */
/*.classname * {
	vertical-align: middle;
}*/
/* PRELOAD HOVER IMAGES EXAMPLE */
/*
a {
	background: url(image_hover.gif);
}
a:link {
	background: url(image_default.gif);
}
a:hover, a:focus {
	background: url(image_hover.gif);
}
*/
/* ------------------------------------- LAYOUT */
#container {
	margin: 0px auto;
	width: 980px;
}
#header {
	float: left;
	width: 980px;
	padding: 0px 0px 0px 0px;
}

#header .left {
	float: left;
	padding: 14px 0px 8px 9px;
}

#header .right {
	float: right;
	padding: 20px 0px 0px 0px;
	color: #416852;
	font-size: 1.2em;
	text-align: right;
}

#header .right img {
	margin: 5px 0px 0px 0px;
}

#main {
}

#main-top {
	float: left;
	width: 100%;
}

#main-inner {
	float: left;
	width: 974px;
	padding: 2px 3px;
	background: #fff;
	border: 1px solid #dbdfe4;
	border-top: none;
}

#main-bottom {
	float: left;
	width: 100%;
}

#welcome-panel {
	float: left;
	width: 100%;
	/*background: url(../../images/banners/home-page.jpg) top left no-repeat;*/
	position: relative;
}
#welcome-panel a {
	color: #FFFFFF;
}
#welcome-panel p {
	color: #FFFFFF;
	font-size:3.2em;
}
#welcome-panel .left {
	/*float: left;*/
	width: 703x;
	/*padding: 312px 0px 10px 27px;*/
	left: 27px;
	position: absolute;
	top: 312px;
}

#welcome-panel .right {
	/*float: right;*/
	width: 235px;
	padding: 20px 0px 0px 15px;
	/*background: url(../../images/panels/welcome-bg.png) top right repeat;*/
	min-height: 360px;
	height: auto !important;
	height: 360px;
	position: absolute;
	right: 0;
	top: 0;
}

.rightpanel {
	float: left;
	width: 222px;
	margin: 0px 0px 15px 0px;
}

.rightpanel .title {
	float: left;
	width: 196px;
	padding: 9px 13px;
	background: url(../../images/panels/rounded-panel-top.png) top left no-repeat;
	font-size: 1.4em;
}

.rightpanel .title.tall {
	float: left;
	width: 196px;
	padding: 7px 13px 6px 13px;
	background: url(../../images/panels/rounded-panel-top-tall.png) top left no-repeat;
	font-size: 1.4em;
}

.rightpanel .content {
	float: left;
	width: 222px;
	padding: 0px 0px 12px 0px;
	background: url(../../images/panels/rounded-panel-bg.png) bottom left no-repeat;
}

.rightpanel .content select {
	float: left;
	display: inline;
	border: 1px solid #999999;
	padding: 1px;
	margin: 5px 0px 0px 15px;
	font-size: 0.9em;
	width: 190px;
}

.rightpanel .content input {
	float: right;
	display: inline;
	margin: 5px 16px 0px 0px;
}

.news-panel {
	float: left;
	margin: 0px 0px 15px 0px;
	width: 222px;
}

.news-panel .title {
	float: left;
	width: 222px;
	padding: 5px 0px 15px 0px;
	font-size: 1.4em;
}

.news-panel a {
	float: left;
	width: 222px;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	background: url(../../images/global/news-border.gif) bottom left repeat-x;
}

.news-panel a.more {
	float: left;
	font-weight: bold;
	margin: 8px 0px 4px 0px;
	padding: 0px 0px 0px 15px;
	background: url(../../images/global/more-news.gif) 0px 1px no-repeat;
}

.news-panel a span {
	color: #77745d;
	font-weight: normal;
}

.news-panel a span.image {
	float: left;
	width: 80px;
	height: 73px;
	margin: 0px 10px 0px 0px;
	overflow: hidden;
	position: relative;
}

.news-panel a span.image .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	clear: both;
}

#leftcolumn {
	float: left;
	width: 669px;
	padding: 18px 0px 10px 31px;
}
#leftcolumn li {
	list-style-position:inside;
	list-style-type:disc;
	margin-left:20px;
}

#leftcolumn .back {
	float: left;
	width: 669px;
	padding: 18px 0px 10px 0px;
	background: url(../../images/global/grey-underline.gif) top left repeat-x;
}

#leftcolumn .breadcrumb {
	float: left;
	width: 669px;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background: url(../../images/global/grey-underline.gif) bottom left repeat-x;
}

#leftcolumn .breadcrumb span {
	float: left;
	padding: 0px 7px 0px 0px;
}

#leftcolumn .breadcrumb a {
	float: left;
	background: url(../../images/global/breadcrumb.gif) 0px 3px no-repeat;
	padding: 0px 0px 0px 12px;
	margin: 0px 5px 0px 0px;
}

#leftcolumn p {
	padding: 0px 0px 20px 0px;
}

#leftcolumn .panels {
	float: left;
	display: inline;
	width: 729px;
	margin: 0px 0px 0px -30px;
	padding: 0px 0px 20px 0px;
 }

#leftcolumn .panel {
	float: left;
	padding: 0px 30px 0px 30px;
	border-right: 1px dotted #bdbba6;
 }

#leftcolumn .panel.no-border {
	border-right: none;
 }

#leftcolumn .images {
	float: right;
	width: 350px;
	margin: 0px 0px 0px 10px;
	min-height: 295px;
 }

#leftcolumn .images #main-image {
	float: right;
	width: 348px;
	height: 273px;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px 0px 2px;
	overflow: hidden;
	position: relative;
 }

#leftcolumn .images #main-image .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
 }

#leftcolumn .images .thumbs {
	float: right;
	padding: 0px 0px 15px 0px;
 }

#leftcolumn .images .thumbs .thumb {
	float: right;
	padding: 3px;
	background: #ecf0ed;
	border: 1px solid #ecf0ed;
	margin: 0px 0px 0px 9px;
 }

#leftcolumn .images .thumbs a:hover.thumb {
	padding: 3px;
	background: #fff;
	border: 1px solid #93ba96;
 }

#leftcolumn .images .downloads {
	float: left;
	width: 350px;
 }

#leftcolumn .images .downloads .download {
	float: right;
	width: 345px;
	padding: 0px 0px 7px 0px;
	margin: 0px 0px 3px 0px;
	background: url(../../images/panels/downloads-bg.gif) bottom left no-repeat #f8f7f1;
 }

#leftcolumn .images .downloads .download img {
	float: left;
 }

#leftcolumn .images .downloads .download a {
	float: left;
	display: inline;
	margin: 0px 0px 0px 12px;
 }

#leftcolumn .images .downloads .download a img {
	margin: 0px 10px 0px 0px;
 }

#leftcolumn .images .downloads .download span {
	color: #54534c;
 }

#leftcolumn .details {
	float: left;
	width: 275px;
	padding: 7px;
	background: #ecf0ed;
 }

#leftcolumn .details .row {
	padding: 4px 0px;
 }

#leftcolumn .details .icon {
	float: left;
 }

#leftcolumn .details .name {
	float: left;
	width: 60px;
	padding: 3px 0px 0px 5px;
	font-weight: bold;
 }

#leftcolumn .details .info {
	float: left;
 }

#leftcolumn ul.features {
	float: left;
	padding: 15px 0px 0px 0px;
 }
#leftcolumn div.features {
	float: left;
	padding: 15px 0px 0px 0px;
	width: 275px;
 }

#centrecolumn {
}

#rightcolumn {
	float: right;
	width: 235px;
	padding: 20px 0px 0px 15px;
	background: #f8f7f1;
}

.brochure {
	float: left;
	display: inline;
	width: 240px;
	margin: 0px 0px 0px -5px;
}

.paging {
	float: left;
	width: 649px;
	padding: 8px 10px 5px 10px;
	background: #ecf0ed;
}

.paging .left {
	float: left;
}

.paging .left select {
	float: left;
	font-size: 0.9em;
	padding: 1px;
	border: 1px solid #999999;
}

.paging .left span {
	float: left;
	color: #5f9163;
	font-weight: bold;
	padding: 3px 10px 0px 0px;
}

.paging .right {
	float: right;
}

.paging .right a {
	float: right;
	margin: 0px 2px;
	padding: 1px 3px 2px 3px;
	border: 1px solid #c1d3c3;
	font-size: 1.3em;
	background: #fff;
}

.paging .right a:hover, .paging .right a.selected {
	background: #c1d3c3;
}

.paging .right a.next {
	background: none;
	padding: 0px;
	border: none;
}

.paging .right span {
	float: right;
	color: #5f9163;
	font-weight: bold;
	padding: 4px 5px 0px 0px;
}

/* ------------------------------------- MAIN MENU */

#mainnav {
	float: left;
	width: 100%;
}

#mainnav ul {
	float: left;
	width: 980px;
	margin: 0px 0px 0px 1px;
	display: inline;
}

#mainnav li {
	float: left;
}

#mainnav a {
	float: left;
	color: #fff;
	font-size: 1.5em;
	padding: 8px 0px 10px 0px;
	margin: 0px 4px 0px 0px;
	width: 324px;
	text-align: center;
}

#mainnav a.locations {
	background: url(../../images/nav/locations-bg.gif) top left no-repeat;
}
#mainnav a.locations.selected, #mainnav a:hover.locations {
	background: url(../../images/nav/selected-bg.gif) top left no-repeat;
	color:#333333;
}

#mainnav a.holiday {
	background: url(../../images/nav/holiday-bg.gif) top left no-repeat;
	margin: 0px;
}
#mainnav a.holiday.selected, #mainnav a:hover.holiday {
	background: url(../../images/nav/selected-bg.gif) top left no-repeat;
	color:#333333;
}

#mainnav a.park {
	background: url(../../images/nav/park-bg.gif) top left no-repeat;
}

#mainnav a.park.selected, #mainnav a:hover.park{
	background: url(../../images/nav/selected-bg.gif) top left no-repeat;
	color:#333333;
}

#nav {
	float: right;
	width: 700px;
	padding: 0px 0px 0px 12px;
	font-size: 1.2em;
}

#nav ul {
	float: right;
}

#nav li {
	float: left;
	display: inline;
	margin: 0px 5px 0px 15px;
}

#nav a {
	float: left;
	color: #5f9163;
	font-weight: bold;
	padding: 14px 1px 9px 1px;
}

#nav a:hover,
#nav .selected {
	color: #115e26;
	padding: 8px 1px 9px 1px;
	border-top: 6px solid #115e26;
}

/* ------------------------------------- SUB NAV MENU */
.subnav {
	float:left;
	width: 219px;
	margin: 0px 0px 15px 0px;
}
.subnav div {
	float:left;
	width: 197px;
	padding: 0px 0px 5px 2px;
	font-size: 1.5em;
	color: #416852;
}
.subnav ul {
	float:left;
	width: 199px;
}
.subnav li {
	float:left;
	width: 199px;
}
.subnav li.selected {
	float:left;
	width: 219px;
	background: #5f9163;
	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #dddccd;
}
.subnav a {
	float:left;
	width: 184px;
	padding: 8px 10px 8px 23px;
	background: url(../../images/nav/subnav-bg.gif) 8px 10px no-repeat #fff;
	border: 1px solid #dddccd;
	border-top: none;
	font-weight: bold;
}
.subnav li.selected a {
	float:left;
	width: 189px;
	background: #5f9163;
	font-weight: bold;
	padding: 8px 10px 8px 10px;
	color: #fff;
	border: none;
}

.subnav a:hover,
.subnav .selected {
}
/* ------------------------------------- CONTENT */
.row {
	float: left;
	width: 100%;
}

.listings {
	float: left;
	width: 100%;
}

.listings .image {
	float: left;
	width: 186px;
	height: 131px;
	margin: 0px 20px 0px 0px;
	padding: 2px 0px 0px 2px;
	overflow: hidden;
	position: relative;
}

.listings .image .overlay {
	position: absolute;
	top: 0px;
	left: 0px;
}


.listings .row {
	padding: 20px 0px;
	background: url(../../images/global/grey-underline.gif) bottom left repeat-x;
}

.listings .text {
	float: right;
	width: 455px;
}

.listings .title {
	float: left;
	width: 100%;
	padding: 0px 0px 10px 0px;
	font-size: 1.9em;
	color: #5f9163;
}

.listings .title span {
	color: #e5e5e5;
	float: right;
}

.listings.search .text {
	float: left;
	width: 310px;
}

.listings.search .details {
	float: right !important;
	width: 129px !important;
	border-left: 3px solid #ecf0ed !important;
	background: none !important;
	padding: 0px !important;
}

.listings.search .details .price {
	float: left;
	padding: 10px 0px 15px 19px !important;
	width: 110px;
}

.listings.search .details .location {
	float: left;
	padding: 0px 0px 15px 19px !important;
	width: 110px;
}

.listings.search .details span {
	font-size: 1.5em;
}

.listings.search .details .more {
	float: left;
	width: 100%;
}

#form {
	float: left;
	width: 668px;
	background: #f8f7f1;
}

#form .title {
	float: left;
	width: 650px;
	padding: 8px 0px 8px 18px;
	background: url(../../images/panels/contact-top.gif) top left no-repeat;
	font-size: 1.4em;
}

#form .row {
	padding: 0px 0px 5px 0px;
}

#form p {
	padding: 10px 0px 8px 20px;
}

#form p img {
	display: inline;
	margin: 0px 0px 5px 0px;
}

#form label {
	float: left;
	width: 85px;
	text-align: right;
}

#form label img {
	float: right;
	margin: 0px 0px 0px 3px;
}

#form input {
	float: right;
	width: 215px;
	padding: 2px 2px 3px 2px;
	border: 1px solid #999999;
}

#form input.submit {
	float: right;
	width: 114px;
	padding: opx;
	border: none;
}

#form textarea {
	float: right;
	width: 215px;
	height: 100px;
	padding: 2px 2px 3px 2px;
	border: 1px solid #999999;
}
#form .margin {
	margin-bottom: 10px;
}
#form .checkbox label {
	width:130px;
}
#form .checkbox input {
	width:30px;
	float:left;
	border: none;
}
#form .bottom {
	margin: 10px 0px 0px 35px;
	float:left;
}
#form .bottom .left {
	float: left;
	width: 250px;
	margin-left:50px;
}

#form .bottom .right {
	float: left;
	width: 250px;
	padding: 0px 25px 0px 0px;
}
#form .left {
	float: left;
	width: 315px;
}

#form .right {
	float: right;
	width: 315px;
	padding: 0px 25px 0px 0px;
}

#offices {
	float: left;
	width: 100%;
	background: url(../../images/panels/offices-bg.gif) top left repeat-y;
	margin: 20px 0px 0px 0px;
}

#offices .row {
	float: left;
	width: 100%;
	background: url(../../images/global/grey-underline.gif) bottom left repeat-x;
}

#offices .office {
	float: left;
	width: 195px;
	padding: 0px 20px 15px 0px;
}

#offices .office.middle {
	padding: 0px 20px 0px 20px;
}

#offices .office.end {
	float: right;
	padding: 0px 0px 0px 0px;
}

#offices .office .name {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	color: #416852;
	font-size: 1.4em;
}

#offices .office img {
	margin: 0px 0px 10px 0px;
}

#offices .office .address {
	background: url(../../images/icons/map-white.gif) 3px 0px no-repeat;
	padding: 3px 0px 0px 31px;
	margin: 0px 0px 5px 0px;
}

#offices .office .number {
	background: url(../../images/icons/contact-white.gif) 3px 0px no-repeat;
	padding: 3px 0px 3px 31px;
	margin: 0px 0px 5px 0px;
}

#offices .office .email {
	background: url(../../images/icons/email-white.gif) 3px 0px no-repeat;
	padding: 3px 0px 3px 31px;
	margin: 0px 0px 5px 0px;
}

#offices .office .site {
	background: url(../../images/icons/site-white.gif) 0px 0px no-repeat;
	padding: 3px 0px 3px 31px;
	margin: 0px 0px 5px 0px;
}

#map {
	width: 375px;
	height: 565px;
	background: url(../../images/panels/map.gif) 0px 0px no-repeat;
	position: relative;
}

#map .location {
	width: 34px;
	height: 53px;
	display: block;
	background: url(../../images/panels/location.png) 0px 0px no-repeat;
	position: absolute;
}

#map a:hover.location, #map .selected.location {
	background: url(../../images/panels/location-selected.png) 0px 0px no-repeat;
}

#map .location.one {
	top: 235px;
	left: 160px;
}

#map .location.two {
	top: 246px;
	left: 203px;
}

#map .location.three {
	top: 430px;
	left: 185px;
}

#map .location.four {
	top: 350px;
	left: 312px;
}

#map .location.five {
	top: 340px;
	left: 338px;
}

#map .location.six {
	top: 400px;
	left: 322px;
}

#map .location.seven {
	top: 385px;
	left: 345px;
}

#map .location span {
	width: 34px;
	height: 53px;
	visibility: hidden;
}

#parks {
	float: right;
	width: 245px;
}

#parks .row {
	background: url(../../images/global/grey-underline.gif) bottom left repeat-x;
}

#parks .row p {
	float: left;
	width: 215px;
	padding: 10px 15px;
	font-size: 1.2em;
}

#parks .hidden {
	display: none;
}

#parks .row a {
	float: left;
	width: 215px;
	margin: 0px 0px 1px 0px;
	padding: 7px 15px;
	color: #416852;
	font-size: 1.4em;
	background: url(../../images/global/open-white.gif) 225px 10px no-repeat;
}

#parks .row.selected a, #parks .row a:hover {
	background: url(../../images/global/open-green.gif) 225px 10px no-repeat #ecf0ed;
}

#parks .row p a {
	float: none;
	margin: 0px;
	padding: 0px;
	font-size: 1.4em;
}

#parks .row p a:hover {
	text-decoration: underline;
}


#parks .row.selected p {
	background: #ecf0ed;
	margin: -1px 0px 1px 0px;
	padding: 5px 15px 15px 15px;
	font-size: 1em;
}

.pagecontent {
}
.pagecontent p {
}
.pagecontent ul,
.pagecontent ol {
}
.pagecontent ul li {
}
.pagecontent ol li {
}
/* ------------------------------------- FOOTER */
#footer {
	margin: 0px 0px 0px 1px;
	display: inline;
	float: left;
	width: 920px;
	padding: 20px 30px 30px 30px;
	background: url(../../images/global/footer-bg.png) top left repeat;
	color: #fff;
}
#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer .left {
	float: left;
	width: 500px;
}

#footer .left ul {
	float: left;
	width: 500px;
	margin: 0px 0px 5px 0px;
}

#footer .left li {
	float: left;
	margin: 0px 5px 0px 0px;
}

#footer .left p {
	float: left;
}

#footer .left a {
	float: left;
}

#footer .right {
	float: right;
	width: 300px;
	text-align: right;
}
.testimonials {
	float: left;
	width: 100%;
}
.testimonials .row {
	float: left;
	padding: 20px;
	position: relative;
	width: 629px;
	z-index: 1;
	background: #F8F7F1;
	border: 1px solid #BDBBA6;
	font-size: 0.92em;
	font-style: italic;
	-moz-border-radius: 15px; /* Firefox */
	-webkit-border-radius: 15px; /* Safari and Chrome */
	border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/* SHADOWS */
	-moz-box-shadow: 1px 2px 5px #999; /* Firefox */
	-webkit-box-shadow: 1px 2px 5px #999; /* Safari and Chrome */
	box-shadow: 1px 2px 5px #999; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
	behavior: url(includes/htc/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}
.testimonials .quoteleft {
	float: left;
	font-size: 8em;
}
.testimonials p {
	padding: 30px 50px 0 !important;
}
.testimonials .strap {
	text-align: right;
}
.testimonials .quoteright {
	display: inline;
	float: right;
	margin: -27px 20px 0 0;
	font-size: 8em;
}
#offerspanel {
	float: left;
	width: 539px;
	display: inline;
	margin: 10px 0px 0px 30px;
}
#offerspanel .offerstext {
	float: left;
	width: 499px;
	padding: 0px 20px 20px 20px;
	background: url(../../images/panels/offer-bg.png) bottom left no-repeat;
	font-weight: bold;
}
#offerspanel .offerstext span {
	float: left;
	width: 499px;
	padding: 0px 0px 3px 0px;
	font-size: 1.7em;
	color: #b42624;
}
#offerspanel .offerstext a {
	background: url(../../images/global/more-news.gif) 0px 2px no-repeat;
	padding: 0px 0px 0px 15px;
}
.hidden {
	display: none;
}

h1 a.brochure {
	float: right;
	margin: 0px 0px 10px 10px;
}

.faq {
	float: left;
	width: 100%;
}

.faq .title {
	font-size: 1.5em;
}

#panel {
	float: left;
	width: 974px;
	padding: 2px 3px;
	background: #fff;
	border: 1px solid #dbdfe4;
	border-bottom: none;
	border-top: none;
	
}

.imagerow {
	float:left;
	width:100%;
	margin-bottom:40px;
}
.image {
	position:relative;
	float:left;
	margin:10px 0px 10px 40px;
	width:252px;
	padding:2px;
	background-image:url(../../images/panels/gallery-over-small.gif);
	background-repeat: no-repeat;
}
.secondimage {
	float:right;
	margin:10px 40px 10px 0px;
}
.image span {
	position:absolute;
	left:0px;
	bottom:-6px;
	float:left;
	background-image:url(../../images/panels/gallery-over-small.gif);
	background-position: left bottom;
	width:255px;
	height:10px;
}

/* Amends done by Gary 23/07/2010 */

.holiday-homes-panel { float:left; width:304px; height:165px; position:relative; display:block; margin:-3px 0 0; }
.holiday-homes-panel .overlay { position:absolute; top:0; left:-3px; clear:both; }
.holiday-homes-panel .btn { position:absolute; bottom:16px; right:10px; clear:both; }

.map-panel { float:left; width:204px; height:134px; position:relative; display:block; margin:-3px 0 0; overflow:hidden;}
.map-panel .overlay { position:absolute; top:0; left:0; clear:both; }
.map-panel .btn { position:absolute; bottom:-4px; right:10px; clear:both; }