@charset "utf-8";
/* CSS Document */

img, div 
{ 
	
}

html
{


}

body
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:67%;
	line-height:1.3em;
	background-color:#88aabf;
}

#base
{
	background-color:#88aabf;
	width:100%;
	min-height: 850px;
	background-image:url(../images/layout/site_bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
}

#ZoneHeaderRow
{
	width:819px;
	margin:0 auto 0 auto;
	padding-top:52px;
}

#Logo
{
	float:left;
	width:353px;
}

#Logo h1
{
	font-weight:normal;
	font-size:3.5em;
	margin:0;
	padding:0 0 0 11px;
	line-height:1em;
}

#Logo h1 a
{
	color:#ffffff;
	text-decoration:none;
}

#Menu
{
	float:left;
	width:454px;
}

ul.elMainMenu
{
	margin:14px 0 0 0;
	padding:0;
	list-style-type:none;
}

ul.elMainMenu li
{
	display:inline;
	padding-left:2px;
}

ul.elMainMenu li a
{
	color:#ffffff;
	padding:7px 10px 7px 10px;
	text-decoration:none;
	line-height:30px;
	font-size:1.1em;
}	

ul.elMainMenu li a.current,
ul.elMainMenu li a:hover
{
	background-color:#8ea5b6;
}

#MainContainer
{
	clear:both;
	width:819px;
	margin:32px auto 0 auto;
}

#LeftColumn
{
	float:left;
	width:296px;
	min-height:10px;
}

#LeftMenu
{
	width:280px;
	padding-left:8px;
}

#LeftMenuTop
{
	
	background-image:url(../images/layout/left_menu_top.png);
	background-repeat:no-repeat;
	height:61px;
	overflow:hidden;
}

#LeftMenuContent
{
	
	background-image:url(../images/layout/left_menu_content_long.png);
	background-repeat:repeat-y;
}

ul.elLeftMenu,
ul.elLeftMenu ul
{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.elLeftMenu ul
{
	margin:1.2em 0 0 0;
	padding:0 0 61px 0;
}

ul.elLeftMenu li.first a
{
	margin:0 0 0.9em 45px;
	padding:0;
	color:#24475d;
	font-size:1.9em;
	line-height:1em;
	text-decoration:none;
}

ul.elLeftMenu li ul li
{
	margin-bottom:0.5em;
}

ul.elLeftMenu li ul li a
{
	color:#24475d;
	text-decoration:none;
	font-size:1.1em!important;
}

ul.elLeftMenu li ul li a:hover,
ul.elLeftMenu li ul li a.current
{
	font-weight:bold;
}

#LeftMenuBottom
{
	
	background-image:url(../images/layout/left_menu_bottom.png);
	background-repeat:no-repeat;
	height:14px;
	overflow:hidden;
}

#LeftImages a img
{
	border:none;
}

#HomeSlideshow
{
	margin-left:60px;
}

#RightColumn
{
	float:left;
	width:523px;
}

#RightColumnTop
{
	
	background-image:url(../images/layout/main_content_top.png);
	background-repeat:no-repeat;
	height:61px;
	overflow:hidden;
}

#HomeContentTop
{
	
	background-image:url(../images/layout/home_content_top.png);
	background-repeat:no-repeat;
	height:61px;
	overflow:hidden;
}

#Content
{
	
	background-image:url(../images/layout/main_content_bg_long.png);
	/*background-repeat:repeat-y;*/
	background-repeat:repeat-y;
}


#HomeContent
{
	
	background-image:url(../images/layout/home_content_bg_long.png);
	background-repeat:repeat-y;
}

#HomeFlash
{
	float:left;
	width:454px;
}

.elContent
{
	padding:0 65px 75px 50px;
}

.elContentHome
{
	float:left;
	width:310px;
	padding:0 0 75px 0;
}

.elContent h1,
.elContentHome h1
{
	margin:0 0 0.9em 0;
	padding:0;
	color:#24475d;
	font-size:2.2em;
	line-height:1em;
}

.elContent h2,
.elContentHome h2
{
	margin:0 0 1.2em 0;
	padding:0;
	color:#24475d;
	font-size:1.1em;
	font-weight:bold;
}

.elContent p,
.elContentHome p
{
	font-size:1.1em;
	color:#666666;
	line-height:1.4em;
	margin:0 0 1.2em 0;
	padding:0;
	text-align:justify;
}

.elContent p.heading,
.elContentHome p.heading
{
	margin:0;
	padding:0;
	color:#24475d;
	font-size:1.1em;
	font-weight:bold;
}

.elContent p.smallerfont
{
	font-size:1em;
	color:#666666;
	line-height:1.4em;
	margin:4em 0 1.2em 0;
	padding:0;
	text-align:justify;
}

.elContent p a,
.elContentHome p a,
form.elContactForm a
{
	color:#24475d;
	text-decoration:underline;
}

.elContent p a:hover,
.elContentHome p a:hover,
form.elContactForm a:hover
{
	text-decoration:none;
}

.elContent ul,
.elContentHome ul
{
	margin:0 0 1.2em 15px;
	padding:0;
	color:#666666;
	line-height:1.4em;
	font-size:1.1em;
}

p.button
{
	margin:2em 0 0 0;
}

p.button a
{
	background-image:url(../images/layout/content_button.jpg);
	background-repeat:repeat-x;
	padding:7px 16px 7px 16px;
	text-decoration:none!important;
	font-size:1.1em;
	color:#ffffff!important;
}

#RightColumnBottom
{
	
	background-image:url(../images/layout/main_content_bottom.png);
	background-repeat:no-repeat;
	height:14px;
	overflow:hidden;
}

#HomeContentBottom
{
	
	background-image:url(../images/layout/home_content_bottom.png);
	background-repeat:no-repeat;
	height:14px;
	overflow:hidden;
}

#ZoneFooterSpacer
{
	height:78px;
	clear:both;
	overflow:hidden;
}

#ZoneFooterRow
{
	clear:both;
	background-image:none;
	background-color:#f7f1e7;
	width:100%;
	height:56px;
	overflow:hidden;
}

#ZoneFooterRowInner
{
	width:819px;
	margin:0 auto;
	
	height:56px;
	overflow:hidden;
}

.elFooterMenu
{
	margin:0 0 0 11px;
	padding:0;
	list-style-type:none;
}

.elFooterMenu li
{
	display:inline;
	padding:0 5px 0 5px;
	border-right:solid 1px #666666;
}

.elFooterMenu li.last
{
	border-right:none;
}

.elFooterMenu li a 
{
	font-size:1.1em;
	color:#666666;
	line-height:56px;
	text-decoration:none;
}

.elFooterMenu li a:hover,
.elFooterMenu li a.current
{
	text-decoration:underline;
}

#FooterGrass
{
	/*float:right;*/
	/*background-image:url(../images/layout/footer_grass.png);
	background-repeat:no-repeat;
	width:195px;
	height:161px;
	position: absolute;
	left:808px;	
	bottom:0;*/
}


#Footer
{
	width:100%;
	height:80px;
	overflow:hidden;
}


#map
{
	width:408px;
	height:350px;
	margin-bottom:20px;
	color:#666666;
	font-size:1.1em;
}

#map a
{
	color:#24475d;
	text-decoration:underline;
}

#map a:hover
{
	text-decoration:none;
}

table.ratestable
{
	border-bottom:solid 1px #afafaf;
	border-left:solid 1px #afafaf;
	margin-bottom:1.2em;
	font-size:1.1em;
	color:#666666;
	width:100%;
}

table.ratestable td
{
	padding:10px;
	border-top:solid 1px #afafaf;
	border-right:solid 1px #afafaf;
}

.A   
{
	/*background-color: #ffffff; 
	color:#666666;*/
}   /* Week Available - blue background */
   
.B
{
	background-color: #87b3d4; 
	color:#ffffff;
}   /* Week Booked.   Grey effect     */
   
.P 
{
	background-color: #b2cfe2;
	color:#ffffff;
}   /* Week Part let.                          */
   
.hdr
{
	background-color: #7c93a1;
	color:#ffffff;
}  /* Table header: Grey background */

.sep
{
	font-weight:bold;
	background-color: #e5dbca; 
	color:#666666;
}
   
.ctr
{
	text-align: center;
}  /* This causes text to be centered. */

div#Contactcolumnleft
{
	float:left;
	width:200px;
}

div#Contactcolumnright
{
	float:right;
	width:200px;
}


form.elContactForm label,
form.elContactForm dt.required
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#666666;
}

form.elContactForm input,
form.elContactForm textarea,
form.elContactForm select
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#000000;
	margin-bottom:10px;
}

form.elContactForm dt
{
	margin-bottom:10px;
}

form.elContactForm dt.required
{
	margin-bottom:20px;
}

form.elContactForm dd
{
	margin:0 0 10px 0;
}


form.elContactForm a
{
	font-size:1.1em;
}

span#MessageIncorrectLabel
{
	font-size:1.1em;
	color:#ff0000;
}

#webcamcontainer
{
	width:408px;
	height:350px;
	margin-bottom:20px;
	color:#666666;
	font-size:1.1em;
}


.clear
{
	clear:both;
}

.HeaderClear
{
	height:1px;
	overflow:hidden;
}