/* Misc Styles and defaults 
-------------------------------------------- */
html {
	background: #203347 url('../images/all-bg.jpg');
	color: white;
}
.clear{
	clear:both;
}

/* CONTAINER
----------------------------------------- */
#Header, #Navigation, #Intro, #Content, #Footer,
#Map, #BookingForm, #ImageContainer {
	width: 840px;  
	margin: 0 auto; 
	clear: both;
}

/* HEADER
----------------------------------------- */
#HeaderContainer {
	height: 109px;
	background: url('../images/header-bg.jpg') repeat-x top left;
}
 	#Header h1 { 
	  	color: #fff; 
		font-size: 3.2em; 
		font-family: Tahoma, Verdana, sans-serif;
		font-weight: 300;
	}
	#Header h1 a {
		display: block;
		position: absolute;
		margin-left: -115px;
		height: 109px;
		width: 376px;
	}
	
	#Header p {
		font-size: 1.4em;
		color: #fff;
		clear: left;
		margin: 0 0 0 100px;
	}
	
	#Header .bookButton {
		float: right;
		padding-top: 60px;
	}

/* MAIN NAVIGATION - TABS
----------------------------------------- */
#NavigationContainer {
	background: url('../images/menu-bg.jpg') repeat-x top left;
}
#Navigation {
	overflow: hidden;
	height: 51px;
}
	#Navigation ul { 
 		float: left;
	}
		#Navigation ul li { 
	 		list-style: none;
			float: left;
			display: block;
			width: 168px;
			height: 51px;
		}
		#Navigation ul li.Home {
			display: none;
		}
  			#Navigation ul li a { 
				float: left;
				text-decoration: none;
				display: block; 
				height: 51px; 
				font-size: 15px;
				font-weight: bold;
				width: 168px;
				height: 51px;
				color: #dee1e4;
				background: url('../images/menu-off.jpg') no-repeat top left;
			}
				#Navigation ul li a span {
					text-align: center;
					vertical-align: baseline;
	        		float: left;
					padding: 17px 10px;
					width: 148px;
					height: 51px;
					line-height: 1em;
				}
				#Navigation ul li a.Position3 span {
					padding-top: 10px;
				}
				#Navigation ul li a.Position5 span {
					width: 134px;
					padding-left: 17px;
				}
					#Navigation ul li a:hover { 
						background: url('../images/menu-on.jpg') no-repeat top left;
						color: #fff;
						cursor: pointer;
					}
					
    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover {
					background: url('../images/menu-on.jpg') no-repeat top left;
				 	color: #fff;
					}


/* CONTENT
----------------------------------------------- */
#IntroContainer {
	background: url('../images/intro-bg.jpg') repeat-x bottom left;
	min-height: 111px;
}
	#Intro {
		padding: 15px 0;
	}
#HighlightContainer {
	background: url('../images/highlight-bg.jpg') repeat-x top left;
	height: auto;
	padding: 12px 0;
}
#ImagesContainer {
	background: url('../images/images-bg.jpg') repeat-x top left;
	height: 131px;
}
#ContentContainer {
	background: url('../images/content-topline.jpg') repeat-x top left;
	padding-top: 25px;
}
	#Column1 {
		width: 325px;
		float: left;
	}
	#Column2 {
		width: 475px;
		float: right;
	}


h2.mainTitle {
	display: none;
}

#BookingButton {
	float: right;
}


#MainImage {
	border: 1px solid #a5a5a5;
	height: 358px;
	width: 640px;
}
	#MainImageHolder {
	}
	#MainImageHolder img {
		position: absolute;
	}
#HighlightContainer #Sidebar {
	display: none;
}
#HighlightContainer #GalleryImages h2,
#HighlightContainer #GalleryImages .album-nav {
	display: none;
}
	#GalleryImages,
	#GalleryImages ul.gallery-layout {
		width: 190px;
		float: left;
	}
		ul.gallery-layout li {
			padding: 0;
			padding-right: 15px;
			float: left;
			padding-bottom: 15px;
		}
		ul.gallery-layout li:hover {
			background: transparent !important;
		}
		ul.gallery-layout li a {
			border: 1px solid #a5a5a5;
			margin: 3px;
			display: block;
			overflow: hidden;
		}
		ul.gallery-layout li a:hover {
			border: 2px solid #a5a5a5;
			margin: 2px;
		}
		
		ul.gallery-layout li.on a {
			border: 4px solid #a5a5a5;
			margin: 0;
		}

	ul.pagination-imagegallery {
		list-style: none;
	}
	ul.pagination-imagegallery.left {
		
	}
	ul.pagination-imagegallery.right {
		
	}
	
	ul.pagination-imagegallery li,
	ul.pagination-imagegallery li a {
		width: 100px;
		height: 24px;
		margin: 0;
		padding: 0;
		font-size: 11px;
		display: block;
		text-align: left;
		clear: both;
		text-transform: lowercase;
	}
		ul.pagination-imagegallery li.previous {
			background: url('../images/prev-on.gif') no-repeat top left;
			padding-left: 27px;
			padding-top: 3px;
			margin-top: 5px;
			text-align: left;
		}
		ul.pagination-imagegallery li.previous-off {
			background: url('../images/prev.gif') no-repeat top left;
			display: none;
		}
		ul.pagination-imagegallery li.next {
			background: url('../images/next-on.gif') no-repeat top right;
			padding-right: 27px;
			padding-top: 3px;
			margin-top: 5px;
			text-align: right !important;
		}
		ul.pagination-imagegallery li.next a {text-align: right;}
		ul.pagination-imagegallery li.next-off {
			background: url('../images/next.gif') no-repeat top left;
			display: none;
		}
	


/* MAPS
--------------------------------------------- */
#Map img {
	float: left;
	border-top: 1px solid #a5a5a5;
	border-left: 1px solid #a5a5a5;
	padding-bottom: 30px;
	display: none;
}


/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
	}
/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

	#Unsubscribe_MailingListForm_MailingListForm p{
		margin:0 !important;
		padding:10px;
	}
		#Unsubscribe_MailingListForm_MailingListForm p label{
			display: inline;
		}
	#Unsubscribe_MailingListForm_MailingListForm label{
		margin:0;
	}


/* FOOTER
----------------------------------------------- */

#Footer { 
 	clear: both;  
 	padding-top: 20px;
	width: 840px; 
	height: 5em; 
	text-align: center; 
}
  	#Footer p { 
		font-size: 1.1em;
		text-align: center;
	}
  		#Footer a { 
	   		text-decoration: none;
		}
			#Footer a:hover {
				text-decoration: underline;
			}