﻿html, body
{
    margin: 0;
}

/* Used to hide the Visited border when an image is clicked on */
img
{
	border: 0px none;
}

body
{
	padding: 0px; 
	margin: 0px;
	background:white;
	background-image:url('../images/backgroundblur.png');
	display:block;
	z-index:1;
}   

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
}

.heading
{
	width:560px;
	clear:none;
	display:block;
}

.mainbody 
{	
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:900px;
	height:auto;
	padding:10px 5px 10px 5px;
    background-color:white;
	display:block;
    border: 3px solid gray;
	z-index:1;
}

.search
{
	float:right;
	height:30px;
	width:250px;
	clear:right;
	margin-top:5px;
	padding: 5px 0 0 10px;
	border:2px white solid;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:white;
	z-index:1;
}

.search.p
{
	display:inline;
	top:5px;
	left:10px;
}

.searchform
{
	margin-right:10px;
	float:right;
	height:20px;
	position:relative;
	top:-22px;
}


.makeenquiry
{
	float:right;
	height:42px;
	width:255px;
	clear:right;
	z-index:1;
	margin-bottom:2px;
}

.enquiry
{
	float:right;
	height:30px;
	width:300px;
	clear:right;
	border:2px white solid;
	background-color:#D5D9B6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding: 3px 0 0 10px;
	z-index:1;
}

/*
.enquiry img.arrow
{
	position:absolute;
	width:25px;
	height:25px;
	right:15px;
	bottom:-4px;
	z-index:5;
}
*/
.externallogos
{
	float:right;
	height:36px;
	width:155px;
	clear:right;
	margin-bottom:5px;
}


/* -- This is the Main menu at the top of the screen -- */
#navigation { float:left; width:900px; height:35px; margin:0 0 0 0; padding:0;}

#mainmenu {	width:900px; height:35px; list-style:none; margin:0; padding:0; border:0; text-indent :-5000px; background-image:url('../images/menu-sprite.png'); background-repeat:no-repeat;}
#mainmenu li { float:left; margin-left:0px; padding:0;}

#home a{ display:block; width:108px; height:35px; background-position:0px 0px;}
#mainmenu li#home a:hover { width:108px; height:35px; background-image:url('../images/menu-sprite.png'); background-position:0px 35px;}

#information a {display:block; width:219px; height:35px; background-position:108px 0px;}
#mainmenu li#information a:hover{ width:219px;height:35px; background-image:url('../images/menu-sprite.png'); background-position:-108px 35px;}

#facilities a{ display:block;width:193px;height:35px; background-position:327px 0px;}
#mainmenu li#facilities a:hover { width:193px;height:35px; background-image:url('../images/menu-sprite.png'); background-position:-327px 35px;}

#offers a {	display:block; width:228px;	height:35px; background-position:520px 0px;}
#mainmenu li#offers a:hover { width:228px; height:35px; background-image:url('../images/menu-sprite.png'); background-position:-520px 35px;}

#booking a { display:block; width:152px; height:35px; background-position:748px 0px;}
#mainmenu li#booking a:hover { width:152px; height:35px; background-image:url('../images/menu-sprite.png'); background-position:-748px 35px;}

/* This shows the link highlighted depending on the current page --*/
#page-home #home a { width:108px; height:35px; background-image:url('../images/menu-sprite.png'); background-position:0px 35px; }
#page-information #information a { width:219px;height:35px; background-image:url('../images/menu-sprite.png'); background-position:-108px 35px ; }
#page-facilities  #facilities a { width:193px;height:35px; background-image:url('../images/menu-sprite.png'); background-position:-327px 35px ; }
#page-special  #offers a { width:228px; height:35px; background-image:url('../images/menu-sprite.png'); background-position:-520px 35px; }
#page-booking  #booking a { width:152px; height:35px; background-image:url('../images/menu-sprite.png'); background-position:-748px 35px; }
/*-- End of the main menu -- */

.mainimage
{
	margin-right:auto;
	margin-left:auto;
	clear:both;
	background-image:url('../images/lodge-banner.jpg');
	width:900px;
	height:208px;
	margin-top:1px;
}

.horizontalspacer
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:2px;
	padding:2px 2px 2px 2px;	
	display:block;
	z-index:1;
}

.spacer
{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:1px;
	display:block;
	clear:both;
	z-index:1;
}

.mainfooter
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	display:block;
	clear:both;
	padding:10px 10px 10px 10px;
    background-color:white;
    border: 3px solid gray;
	z-index:1;
}

.mainlogo
{
	float:left;
	width:300px;
	height:100px;
	z-index:1;
}

.maininset
{
	float:right;
	width:250px;
	height:90px;
	clear:both;
	background-color:#DEDFE3;
	margin:5px 15px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;;
	font-size:14px;	
	z-index:5;
}

.maininset img.arrow
{
	position:absolute;
	margin:5px 0 0 1px;
	width:49px;
	height:49px;
	right:5px;
	bottom:1px;
	z-index:5;
}

.maininset p.insettext
{
	position:absolute;
	margin:10px 20px 5px 5px;
	width:80px;
	left:60px;
	z-index:5;
}

.content
{
/*	float:left; */
	display:block;
	clear:both;
	width:900px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:5px;
	z-index:1;
}

.contenttext
{
	width:560px;
	display:block;
	clear:left;
	font-size:14px;	
	font-family:Arial, Helvetica, sans-serif;
	z-index:1;	
}

.competition
{
	position:relative;
	top:-40px;
	border-color:#18256C;
	border-style:solid;
	border-width:2px;
	font-size:12px;
	display:inline-block;
	clear:right; 
	float:right;
	width:285px;
	height:145px;
	margin:1px 10px 2px 10px;	
	padding:1px 5px 5px 5px;
	z-index:1;
}

.competitionentered
{
	position:relative;
	top:-40px;
	border-color:#18256C;
	border-style:solid;
	border-width:2px;
	font-size:18px;
	text-align:center;
	font-weight:bolder;
	display:inline-block;
	clear:right; 
	float:right;
	width:285px;
	height:145px;
	margin:1px 10px 2px 10px;	
	padding:1px 5px 5px 5px;
	z-index:1;
}

.tour
{
	position:relative;
	top: -40px;  
	display:inline-block;
	clear:right;
	float:right;
	width:305px;
	height:138px;
	margin:2px 0 2px 10px;	
	padding:5px 5px 5px 5px;
	z-index:1;
}

.whystay
{
	position:relative;
	top:-40px;
	display:inline-block;
	clear:right; 
	float:right;
	width:305px;
	height:138px;
	margin:2px 0 2px 10px;	
	padding:5px 5px 5px 5px;
	z-index:1;
}

.tripadvisor
{
	position:relative;
	top: -40px;  
	display:inline-block;
	clear:right;
	float:right;
	width:240px;
	height:80px;
	margin:2px 0 2px 10px;	
	padding:5px 5px 5px 5px;
	z-index:1;
}

.contact
{
	position:relative; 
	width:568px;
	height:129px;
	top:15px;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url('../images/contact-quicklink.jpg');
	z-index:1;
}

.contact p
{
	width:350px;
	position:relative;
	left:180px;
	top:35px;
}

.alignright
{
	text-align:right;
	padding-right:10px;
	padding-bottom:5px;
}

img.telephone
{
	padding-right:10px;
	border-right: 1px black solid;
	clear:both;
}

.mainfooter
{
	width:890px;
	display:block;
	z-index:1;
	clear:both;
}

.mainfooter a:link
{
	text-decoration:none;
	color:black;
}

.mainfooter a:visited
{
	text-decoration:none;
	color:black;
}

.mainfooter a:active
{
	text-decoration:none;
	color:black;
}

.mainfooter a:hover
{
	text-decoration:underline;
	color:black;
}


table
{
	border-collapse:collapse;
	font-size:12px;
	font-family:"Arial, Helvetica, sans-serif";
	width:100%;
}

tr.row1 
{ 
	font-size:12px;
	font-weight:bolder;
	text-transform:uppercase;
}


tr.col1
{
	width:150px;
	text-transform:uppercase;
}

td.col2
{
	width:150px;
	text-transform:uppercase;
}

td.col3
{
	width:150px;
	text-transform:uppercase;
}

td.col4
{
	width:150px;
	text-transform:uppercase;
}

td.col5
{
	width:300px;
	text-transform:capitalize;
}

td.cellbreak
{
	border-bottom-style:dotted;
	border-bottom-color:black;
	border-bottom-width:thin;
}