/*CSS Document*/
BODY
{
	background-color: #FFF;
/*hides from IE5-mac \*/
	= html .fixme height: 1%;
}
P
{
	line-height: 170%;
}
BODY, TD, TH
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2C2C2C;
}
H1
{
	font-weight: normal;
	font-size: 22px;
	margin: -5px 0 0 70px;
}
H2
{
	font-weight: normal;
	font-size: 24px;
	margin-top: 0px;
}
H3
{
	font-weight: normal;
	font-size: 18px;
	margin: 15px 0 10px;
	background-color: #009E5E;
	width: 734px;
	padding: 5px;
	color: #FFF;
	/*+text-shadow:0px 1px 2px #053B25;*/
	-moz-text-shadow: 0px 1px 2px #053B25;
	-webkit-text-shadow: 0px 1px 2px #053B25;
	-o-text-shadow: 0px 1px 2px #053B25;
	text-shadow: 0px 1px 2px #053B25;
}
A:link
{
	color: #000000;
	text-decoration: none;
}
A:visited
{
	text-decoration: none;
	color: #000000;
}
A:hover
{
	text-decoration: underline;
	color: #666666;
}
A:active
{
	text-decoration: none;
	color: #000000;
}
#container
{
	width: 786px;
	margin: 0 auto;
/*background-image:url(css_images/container_bg.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;*/
}
#header
{
/*background-image:url(css_images/header_bg1.jpg);
background-position:top left;
background-repeat:no-repeat;*/
	height: 140px;
	margin: 0px;
	padding: 0px;
}
#header_image
{
	margin: 10px 0 0 0px;
}
#header_border
{
/*border-left:1px #A3D5B2 solid;
border-right:1px #A3D5B2 solid;
background-color:#FFFFFF;*/
	margin-bottom: 0px;
}
#green_bar
{
	height: 5px;
	background-color: #000;
	padding: 0px;
	margin: 0px;
	margin-top: 7px;
	font-size: 7px;
}
#nav_container
{
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(css_images/nav_bg.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 786px;
	margin-top: 8px;
}
/*NAVIGATION*/
#navbar UL
{
	list-style-type: none;
	padding: 0px;
	margin-left: 2px;
}
#navbar LI
{
	margin: 0px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 110%;
}
#navbar A, #navbar A:visited, #navbar A:active
{
	display: block;
	width: 111px;
	height: 22px;
	text-align: center;
	padding-top: 8px;
	text-decoration: none;
	font-size: 12px;
	color: #000;
	background-image: url(css_images/nav_bg1.jpg);
	margin-right: 1px;
}
#navbar A:hover
{
	display: block;
	width: 111px;
	height: 22px;
	background-image: url(css_images/nav_bg2.jpg);
	text-align: center;
	padding-top: 8px;
	color: #000;
	margin-right: 1px;
}
#current
{
	background-image: url(graphics/button_bg_selected.jpg);
}
#main_image
{
	width: 575px;
	height: 269px;
/*background-image:url(css_images/photos/home.jpgsss);
background-repeat:no-repeat;
background-position:top left;*/
	padding: 0px;
	margin-top: 8px;
}
#main_content
{
}
#booking
{
	height: 248px;
	width: 184px;
	float: right;
/*background-image:url(css_images/booking_bg.jpg);
background-repeat:no-repeat;
background-position:top right;*/
	background: #009E5E;
	margin-top: 8px;
	padding: 10px;
}
#booking_submit
{
	background-image: url(css_images/booking_button.jpg);
	width: 139px;
	height: 28px;
	margin-top: 5px;
	padding-top: 8px;
	padding-left: 20px;
	color: #FFFFFF;
	font-weight: bold;
	cursor: pointer;
}
.offer_one
{
	width: 234px;
	height: 176px;
	background-image: url(css_images/home_offer_bg1.jpg);
	background-repeat: no-repeat;
	float: left;
	padding: 10px;
}
.offer_two
{
	width: 234px;
	height: 176px;
	background-image: url(css_images/home_offer_bg2.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 10px;
}
.offer_three
{
	width: 234px;
	height: 176px;
	background-image: url(css_images/home_offer_bg1.jpg);
	background-repeat: no-repeat;
	float: right;
	padding: 10px;
}
#pages_centre
{
	padding: 20px 20px 42px;
	border: 1px solid #009E5E;
	margin-top: 5px;
}
#pages_centre IMG
{
	border: 4px solid #CECECE;
}
#footer
{
/*background:url(css_images/footer_bg1.jpg) no-repeat;*/
	clear: both;
	margin-top: 5px;
}
#footer_address
{
	margin-top: 25px;
	margin-left: 20px;
	width: 150px;
	float: left;
}
#arrow
{
	width: 90px;
	height: 30px;
	background-image: url(css_images/arrow_circle.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	float: right;
	vertical-align: middle;
	margin-top: 5px;
	padding-top: 2px;
}
INPUT.textfield, SELECT.textfield, TEXTAREA.textfield
{
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-bottom: 3px;
	font-size: 12px;
}
INPUT.textfield:focus, INPUT.textfield:active, SELECT.textfield:focus, SELECT.textfield:active, TEXTAREA.textfield:focus, TEXTAREA.textfield:active
{
	background-color: #EEEEEE;
}
LABEL
{
	font-weight: bold;
	display: block;
}
/*Add On /*
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below*/
#menu_container
{
	margin: 25px 0 100px 15px;
	position: relative;
	width: 735px;
	height: 25px;
	z-index: 100;
}
/*Get rid of the margin, padding and bullets in the unordered lists*/
#pmenu, #pmenu UL
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
/*Set up the link size, color and borders*/
#pmenu A, #pmenu A:visited
{
	display: block;
	width: 120px;
	font-size: 11px;
	color: #FFF;
	height: 25px;
	line-height: 24px;
	text-decoration: none;
	text-indent: 5px;
	border: 1px solid #000;
	border-width: 1px 0 1px 1px;
}
/*Set up the sub level borders*/
#pmenu LI UL LI A, #pmenu LI UL LI A:visited
{
	border-width: 0 1px 1px;
}
#pmenu LI A.enclose, #pmenu LI A.enclose:visited
{
	border-width: 1px;
}
/*Set up the list items*/
#pmenu LI
{
	float: left;
	background: #7484AD;
}
/*For Non-IE browsers and IE7*/
#pmenu LI:hover
{
	position: relative;
}
/*Make the hovered list color persist*/
#pmenu LI:hover>A
{
	background: #DFD7CA;
	color: #C00;
}
/*Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work*/
#pmenu LI UL
{
	display: none;
}
/*For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs*/
#pmenu LI:hover>UL
{
	display: block;
	position: absolute;
	top: -11px;
	left: 80px;
	padding: 10px 30px 30px;
	background: transparent url(transparent.gif);
	width: 120px;
}
/*Position the first sub level beneath the top level liinks*/
#pmenu>LI:hover>UL
{
	left: -30px;
	top: 16px;
}
/*get rid of the table*/
#pmenu TABLE
{
	position: absolute;
	border-collapse: collapse;
	top: 0;
	left: 0;
	z-index: 100;
	font-size: 1em;
}
/*For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels*/
* HTML #pmenu LI A:hover
{
	position: relative;
	background: #DFD7CA;
	color: #C00;
}
/*For accessibility of the top level menu when tabbing*/
#pmenu LI A:active, #pmenu LI A:focus
{
	background: #DFD7CA;
	color: #C00;
}
/*Set up the pointers for the sub level indication*/
#pmenu LI.fly
{
	background: #7484AD url(http://www.cssplay.co.uk/menus/fly.gif) no-repeat right center;
}
#pmenu LI.drop
{
	background: #7484AD url(http://www.cssplay.co.uk/menus/drop.gif) no-repeat right center;
}
/*This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear
change the drop down levels from display:none; to visibility:hidden;*/
* HTML #pmenu LI UL
{
	visibility: hidden;
	display: block;
	position: absolute;
	top: -11px;
	left: 80px;
	padding: 10px 30px 30px;
	background: transparent url(transparent.gif);
}
/*keep the third level+ hidden when you hover on first level link*/
#pmenu LI A:hover UL UL
{
	visibility: hidden;
}
/*keep the fourth level+ hidden when you hover on second level link*/
#pmenu LI A:hover UL A:hover UL UL
{
	visibility: hidden;
}
/*keep the fifth level hidden when you hover on third level link*/
#pmenu LI A:hover UL A:hover UL A:hover UL UL
{
	visibility: hidden;
}
/*keep the sixth level hidden when you hover on fourth level link*/
#pmenu LI A:hover UL A:hover UL A:hover UL A:hover UL UL
{
	visibility: hidden;
}
/*make the second level visible when hover on first level link and position it*/
#pmenu LI A:hover UL
{
	visibility: visible;
	left: -30px;
	top: 14px;
	lef\t: -31px;
	t\op: 15px;
}
/*make the third level visible when you hover over second level link and position it and all further levels*/
#pmenu LI A:hover UL A:hover UL
{
	visibility: visible;
	top: -11px;
	left: 80px;
}
/*make the fourth level visible when you hover over third level link*/
#pmenu LI A:hover UL A:hover UL A:hover UL
{
	visibility: visible;
}
/*make the fifth level visible when you hover over fourth level link*/
#pmenu LI A:hover UL A:hover UL A:hover UL A:hover UL
{
	visibility: visible;
}
/*make the sixth level visible when you hover over fifth level link*/
#pmenu LI A:hover UL A:hover UL A:hover UL A:hover UL A:hover UL
{
	visibility: visible;
}
/*If you can see the pattern in the above IE5.5 and IE6 style then you can add as many sub levels as you like*/
DIV#homepage_highlights
{
	border: 1px solid #A3D5B2;
	padding: 0;
	margin: 0;
}
DIV#homepage_highlights H2
{
	background-color: #A3D5B2;
	padding: 5px 10px;
}
DIV#homepage_highlights DIV.item
{
/*border: 1px dashed #f00;*/
	clear: left;
	padding: 15px;
}
DIV#homepage_highlights DIV.item IMG
{
	width: 80px;
	padding: 5px;
	float: left;
	border: 0;
}
DIV#homepage_highlights DIV.item H3
{
	display: inline;
	background-color: #FFF;
}
DIV#homepage_highlights DIV.item P
{
	display: inline;
}
DIV#homepage_highlights DIV.item P A
{
	display: inline;
}
DIV#homepage_highlights DIV.clearing
{
	clear: left;
}
#pages_centre A
{
	font-weight: bold;
	text-decoration: underline;
}
#pages_centre A:hover
{
	text-decoration: none;
}
/*----MBE NEW STYLES----*/
A.the_box
{
	border: 1px solid #33B17E;
	border: 1px solid rgba(0, 158, 94, 0.8);
	border-width: 1px 1px 40px;
	padding: 0;
	margin: 10px 10px 0 0;
	width: 250px;
	height: 210px;
	float: left;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	display: block;
	cursor: pointer;
	background: rgba(200, 200, 200, 0.9);
}
A.the_box:hover
{
	color: #FFF;
	border: 1px solid #009E5E;
	border: 1px solid rgba(0, 158, 94, 1);
	border-width: 1px 1px 40px;
}
.the_box H2
{
	height: 40px;
	line-height: 40px;
	padding: 0 0 -40px;
	margin: 210px 0 0;
	font-size: 140%;
	text-shadow: 0.1em 0.1em 0.1em #333;
}
.the_box H2:hover
{
	text-shadow: 0.1em 0.1em 0.1em #000;
}
#box1
{
	background: url(images/box1bg.jpg);
}
#box2
{
	background: url(images/box2bg.jpg);
}
#box3
{
	background: url(images/box3bg.jpg);
}
#box4
{
	background: url(images/box4bg.jpg);
}
#box5
{
	background: url(images/box5bg.jpg);
}
#box6
{
	background: url(images/box6bg.jpg);
}
.logos
{
	float: right;
	margin: 10px 0;
	border: 0px solid #000000;
}
.copy
{
	float: right;
}
.address
{
	float: left;
}
/*---------------------------SHOWCASE----------------------------------------*/
#awOnePageButton .view-slide
{
	display: none;
}
/*This class is removed after the showcase is loaded
Assign the correct showcase height to prevent loading jumps in IE*/
.showcase-load
{
	height: 279px;
/*Same as showcase javascript option*/
	overflow: hidden;
}
/*Container when content is shown as one page*/
.showcase-onepage
{
/**/
}
/*Container when content is shown in slider*/
.showcase
{
	position: relative;
	margin: auto;
}
.showcase-content-container
{
}
/*Navigation arrows*/
.showcase-arrow-previous, .showcase-arrow-next
{
	position: absolute;
	background: url('images/arrows.png');
	width: 33px;
	height: 33px;
	top: 135px;
	cursor: pointer;
}
.showcase-arrow-previous
{
	left: -45px;
}
.showcase-arrow-previous:hover
{
	background-position: 0px -34px;
}
.showcase-arrow-next
{
	right: -40px;
	background-position: -34px 0;
}
.showcase-arrow-next:hover
{
	background-position: -34px -34px;
}
/*Content*/
.showcase-content
{
	color: #444;
	text-align: center;
	font-size: 130%;
}
.showcase-content-wrapper
{
	text-align: center;
	height: 300px;
	width: 860px;
	display: table-cell;
	vertical-align: middle;
}
/*Styling the tooltips*/
.showcase-plus-anchor
{
	background-image: url('images/plus.png');
	background-repeat: no-repeat;
}
.showcase-plus-anchor:hover
{
	background-position: -32px 0;
}
DIV.showcase-tooltip
{
	background-color: #FFF;
	color: #000;
	text-align: left;
	padding: 5px 8px;
	background-image: url(images/white-opacity-80.png);
}
/*Styling the caption*/
.showcase-caption
{
	color: #000;
	padding: 8px 15px;
	text-align: left;
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	display: none;
	background-image: url(images/white-opacity-80.png);
}
.showcase-onepage .showcase-content
{
	margin-bottom: 10px;
}
/*Button Wrapper*/
.showcase-button-wrapper
{
	clear: both;
	margin-top: 10px;
	text-align: center;
}
.showcase-button-wrapper SPAN
{
	margin-right: 3px;
	padding: 2px 5px 0px;
	cursor: pointer;
	font-size: 12px;
	color: #444;
}
#pages_centre #attraction
{
	background: #009E5E !important;
	color: #FFFFFF;
	font-size: 13.3pt;
}
.showcase-button-wrapper SPAN.active
{
	color: #FFF;
}
/*Thumbnails*/
.showcase-thumbnail-container
{
	background-color: #000;
}
.showcase-thumbnail-wrapper
{
	overflow: hidden;
}
.showcase-thumbnail
{
	width: 120px;
	height: 90px;
	cursor: pointer;
	border: 1px solid #333;
	position: relative;
}
.showcase-thumbnail-caption
{
	position: absolute;
	bottom: 2px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.showcase-thumbnail-content
{
	padding: 10px;
	text-align: center;
	padding-top: 25px;
}
.showcase-thumbnail-cover
{
	background-image: url(images/black-opacity-40.png);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.showcase-thumbnail:hover
{
	border: 1px solid #999;
}
.showcase-thumbnail:hover .showcase-thumbnail-cover
{
	display: none;
}
.showcase-thumbnail.active
{
	border: 1px solid #999;
}
.showcase-thumbnail.active .showcase-thumbnail-cover
{
	display: none;
}
.showcase-thumbnail-wrapper-horizontal
{
	padding: 10px;
}
.showcase-thumbnail-wrapper-horizontal .showcase-thumbnail
{
	margin-right: 10px;
	width: 116px;
}
.showcase-thumbnail-wrapper-vertical
{
	padding: 10px;
}
.showcase-thumbnail-wrapper-vertical .showcase-thumbnail
{
	margin-bottom: 10px;
}
.showcase-thumbnail-button-backward, .showcase-thumbnail-button-forward
{
	padding: 7px;
	cursor: pointer;
}
.showcase-thumbnail-button-backward
{
	padding-bottom: 0px;
	padding-right: 0px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-vertical, .showcase-thumbnail-button-forward .showcase-thumbnail-horizontal, .showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
{
	background-image: url(images/arrows-small.png);
	background-repeat: no-repeat;
	display: block;
	width: 17px;
	height: 17px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-vertical
{
	background-position: 0 -51px;
	margin-left: 55px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-vertical
{
	background-position: -17px -51px;
}
.showcase-thumbnail-button-forward .showcase-thumbnail-vertical
{
	background-position: 0 -34px;
	margin-left: 55px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-vertical
{
	background-position: -17px -34px;
}
.showcase-thumbnail-button-backward .showcase-thumbnail-horizontal
{
	background-position: 0 -17px;
	margin-top: 40px;
	margin-bottom: 40px;
}
.showcase-thumbnail-button-backward:hover .showcase-thumbnail-horizontal
{
	background-position: -17px -17px;
}
.showcase-thumbnail-button-forward .showcase-thumbnail-horizontal
{
	background-position: 0 0;
	margin-top: 40px;
	margin-bottom: 40px;
}
.showcase-thumbnail-button-forward:hover .showcase-thumbnail-horizontal
{
	background-position: -17px 0;
}
/*Hide button text*/
.showcase-thumbnail-button-forward SPAN SPAN
{
	display: none;
}
/*Clear (used for horizontal thumbnails)
-------------------------------------------*/
#header>P
{
	/*+placement:shift 50px 3px;*/
	position: relative;
	left: 50px;
	top: 3px;
}