/**********************
* Colour Table        *
***********************
Background Grey:#E4E4E4
Banner/Footer Navvy:#444F57
Sign Green:#4B6C5A
Dark Gold:#947A12
Light Gold:#E2D6A5
***********************/

/***********************************************************
* HTML Elements
***********************************************************/

body
{
padding:0;
margin:0;

background-color:#E4E4E4;

font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#898989;
}

h1
{
padding:0 0 10px 0;
margin:0;

color:#444F57;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.4em;
font-weight:800;
text-align:left;
}

h2
{
padding:0 0 5px 0;
margin:0;

color:#947A12;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
font-weight:800;
}

img
{
padding:0;
margin:0;
border:none;
}

p
{
padding:0 0 10px 0;
margin:0;
}

ul
{
padding:0 0 10px 0;
margin:0;

font-size:1em;
}

li
{
padding:0;
margin:0 0 0 20px;

list-style:disc;
}

a:link
{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#947A12;
text-decoration:none;
}

a:visited
{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#947A12;
text-decoration:none;
}

a:hover
{
padding:0;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
color:#E2D6A5;
text-decoration:underline;
}

form{padding:0;margin:0;}

/***********************************************************
*Layout
***********************************************************/

#container
{
width:1000px;
margin:0 auto;
padding:20px 0 0 0;
}

#top
{
height:115px;
padding:0;
margin:0;

background:#444F57
		   url(../images/layout/banner.png)
		   top center
		   no-repeat;
}
#book_button
{float:right; padding: 35px 20px 0 0}

#logo
{
padding:0 0 0 15px;
margin:0;
float:left;
}

#navigation
{
width:100%;
height:50px;
margin:0;
padding:0;
background:#E2D6A5
		   url(../images/layout/nav_bg.png)
		   top left
		   repeat-x;
}

#contentContainer
{
padding:0;
margin:0;
height:451px;

background-color:#FFF;
font-size:0.8em;
}

#contentLeft
{
padding:5px;
margin:0;
width:680px;
float:left;

background:#FFF
		   url(../images/layout/photo_bg.png)
		   top center
		   repeat-y;
}

#contentRight
{
	margin:0;
	height:430px;
	width:295px;
	float:right;
	overflow:auto;
	scrollbar-3dlight-color:#E8EAEC;
	scrollbar-arrow-color:#FFF;
	scrollbar-base-color:#E8EAEC;
	scrollbar-darkshadow-color:#E8EAEC;
	scrollbar-face-color:#C7CED3;
	scrollbar-highlight-color:#E8EAEC;
	scrollbar-shadow-color:#C7CED3;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#footer
{
padding:0;
margin:0 0 10px 0;
height:28px;

background:#444F57
		   url(../images/layout/footer_bg.png)
		   top left
		   repeat-x;
		   
font-size:0.7em;
color:#FFFFFF;
line-height:2.5em;
}
/***********************************************************
* Gallery
***********************************************************/

#contentContainerGallery
{
padding:10px 60px 0 100px;
margin:0;
height:500px;

background-color:#FFF;

font-size:0.8em;
}

.thumbnail
{
padding:3px;
margin:0 0 5px 1px;
width:173px;
border:1px solid #48525A;
background:#FFF;
text-align:center;
float:left;
}

.thumbnail img
{
padding:0;
margin:0;
border:1px solid #48525A;
}

/***********************************************************
* Facilities
***********************************************************/

#contentLeftFacilities
{
padding:5px;
margin:0;
width:460px;
float:left;

background:#FFF
		   url(../images/layout/photo_bg.png)
		   top center
		   repeat-y;
overflow:hidden;
}

#contentRightFacilities
{
padding:10px 10px;
margin:0;
height:430px;
width:510px;
float:right;
overflow:auto;
}

/***********************************************************
* Top Navigation
***********************************************************/
#navigation ul 
{
padding:0 0 0 80px;
margin: 0;
list-style: none;
}

#navigation a
{
padding:0 10px;
margin:0;
display: block;

font-size:1em;
font-weight:600;
line-height:3em;
letter-spacing:-0.02em;
color:#947A12;
text-decoration: none;
text-align:center;
}

#navigation a.hotDeal{color:#FFF;}

#navigation a:hover
{
color:#FFF;
background:#48545C
		   url(../images/layout/nav_bg_hover.png)
		   top left
		   repeat-x;
}

#navigation li 
{	
padding:0 2px;
margin:0;
float: left;
list-style:none;
}
/***********************************************************
* Link Styling
***********************************************************/
#footer a
{
color:#FFFFFF;
}

/***********************************************************
* Booking form
***********************************************************/
label.formLabel{margin:0;padding:0; width:45%; float:left; font-weight:800;}

.inputTextBox{margin:0;padding:0; width:130px;}
.inputTextArea{margin:0;padding:0; width:130px; height:60px;}
.inputButton{width:auto !important; border:1px solid #E2D6A5;padding:1px .5em;background-color:#947A12; color:#FFF; cursor:pointer;}

form p{padding:0 0 5px 0;margin:0;}

/***********************************************************
* General Styling
***********************************************************/
.error
	{
	padding:5px;
	margin:0 0 5px 0;
	
	text-align:center;
	color:#CC0000;
	border:1px solid #CC0000;
	background-color:#F7DCCA;
	}
	
.success
	{
	padding:5px;
	margin:0 0 5px 0;
	
	text-align:center;
	color: #69B92F;
	border:1px solid #69B92F;
	background-color: #C1F5AF;
	}
	
.welcome
	{
	padding:0 0 10px 0;
	margin:0;
	text-align:center;
	}
	
.shield
	{
	padding:35px 0 0 0;
	margin:0;
	text-align:center;
	font-weight:600;
	}
	
.center
	{
	padding:0;
	margin:0;
	text-align:center;
	font-weight:600;
	}
	
.copyright
	{
	padding:0 0 0 15px;
	margin:0;
	width:400px;
	float:left;
	}
.jasweb
	{
	padding:0 15px 0 0;
	margin:0;
	width:125px;
	text-align:right;
	float:right;
	}
	
.smallBoldText{font-weight:800; font-size:0.7em;}