﻿html, body 
{
    margin: 0;
/*	overflow:auto; */
}

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;
}

.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;
}

.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;
}


.externallogos
{
	position:relative;
	right:30px;
	float:right;
	height:35px;
	width:126px;
	clear:right;
	margin-bottom:5px;
	z-index:1;
}

/* -- 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')}
#mainmenu li { float:left; margin-left:0px;}

#home a{ display:block; width:108px; height:35px; background-position:0px 0px;}
#mainmenu li#home a:hover { background-image:url('../images/menu-sprite.png'); width:108px; height:35px; background-position:0px 35px;}

#information a {display:block; width:219px; height:35px; background-position:108px 0px;}
#mainmenu li#information a:hover{ background-image:url('../images/menu-sprite.png');width:219px;height:35px; background-position:-108px 35px;}

#facilities a{ display:block;width:193px;height:35px;background-position:327px 0px;}
#mainmenu li#facilities a:hover { background-image:url('../images/menu-sprite.png');width:193px;height:35px	;background-position:-327px 35px;}

#offers a {	display:block; width:228px;	height:35px; background-position:520px 0px;}
#mainmenu li#offers a:hover { background-image:url('../images/menu-sprite.png'); width:228px; height:35px; background-position:-520px 35px;}

#booking a { display:block; width:152px;	height:35px; background-position:748px 0px;}
#mainmenu li#booking a:hover { background-image:url('../images/menu-sprite.png'); width:152px; height:35px; background-position:-748px 35px;}

/* This shows the link highlighted depending on the current page */
#page-home #home a { display:block; background-image:url('../images/menu-sprite.png'); width:108px; height:35px; background-position:0 35px; }
#page-information #information a { display:block; background-image:url('../images/menu-sprite.png');width:219px;height:35px; background-position:-108px 35px ; }
#page-facilities  #facilities a { display:block; background-image:url('../images/menu-sprite.png');width:193px;height:35px; background-position:-327px 35px ; }
#page-special  #offers a { display:block; background-image:url('../images/menu-sprite.png'); width:228px; height:35px; background-position:-520px 35px; }
#page-booking  #booking a { display:block; background-image:url('../images/menu-sprite.png'); width:152px; height:35px; background-position:-748px 35px; }
/*-- End of the main menu -- */


.mainimage
{
	margin-right:auto;
	margin-left:auto;
	background-image:url('../images/info-header.jpg');
	clear:both;
	width:900px;
	height:138px;
	margin-top:1px;
	z-index:1;
}

.horizontalspacer
{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:2px;
	padding:2px 2px 2px 2px;	
	display:block;
	z-index:1;
}

.mainfooter
{
	margin-left:auto;
	margin-right:auto;
	width:890px;
	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:none;
	background-color:#DEDFE3;
	margin:15px 15px 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	z-index:5;
}

.maininset img.arrow
{
	position:absolute;
	margin:5px 0px 0px 1px;
	width:49px;
	height:49px;
	right:5px;
	bottom:5px;
	border:0 none;
	z-index:5;
}

.maininset p.insettext
{
	position:absolute;
	margin:10px 20px 5px 5px;
	width:80px;
	left:60px;
}

.menuleft
{
	float:left; 
	clear:left; 
	width:325px;
	z-index:1;
}

.leftmenuitem
{
/*	float:left; 
	clear:left; */
	height:41px;
	width:300px;
	padding:0 0 0 0;
	margin-top:5px;	
	z-index:1;
}

/* Spacer Div */
div.spacer
{
	clear: both !important;
}

.content
{
	display:block;
	width:890px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:5px;
	z-index:1;
}

.titletext
{
	float:right;    
	width:550px;
/*	clear:both; */
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;	
	padding:0 5px 0 0; 	
	margin-bottom:5px;
	z-index:1;	
}

.contenttext
{
	float:right;
	width:550px;
	border:0;
	margin:0;
	font-size:14px;	
	padding:0 5px 5px 5px; 
	z-index:1;
}

.leftimage
{
/*	display:inline-block; */
	width:264px;
	height:173px;
}

.rightimage
{
/*	display:inline-block; */
	width:264px;
	height:173px;
}

.contact
{
	width:575px;
	clear:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:15px 0 15px 0;
	margin:15px 0 0 0;
	border:1px gray double;
	background-color:#D5D9B6;
	z-index:1;
}

.alignright
{
	text-align:right;
	padding-right:10px;
	padding-bottom:5px;
}

img.telephone
{
	padding-right:10px;
	border-right: 1px black solid;
	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;
}

/*-- Beginning of the bottom navigation panel --*/
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;
}
/*-- End of the bottom navigation panel --*/
