/**********************
GLOBAL STYLES
***********************/

* {margin:0; padding:0;}

body {
	background: #dfd url(images/bodyback.jpg) fixed repeat-x top center;
	margin:0;
	padding:0;
}

p {margin: 0.5em 0 1.0em 0;}

img {border-width: 0;}

h1, h2, h3, h4, h5, h6 {margin-bottom:5px;}	

/**********************
 OVERALL LAYOUT
***********************/


#skiptomain {
	display: none;
}

#wrapper {
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
	width: 800px;
}

	#masthead {
		width: 800px;
		height: 390px;
		padding:0px;
		background: url(images/heropic.jpg) no-repeat top center;
		position: relative;
	}
	
	#postit {
		position: absolute;
		width: 120px;
		height: 120px;
		padding: 30px;
		top: 150px;
		right: -95px;
		color: #333;
		background: url(images/postitback.gif) no-repeat top center;
	}

	#postit a:link{ color: #363; text-decoration: none; }
	#postit a:visited{ color: #363; text-decoration: none; }
	#postit a:hover{ color: #696; text-decoration: underline; }


		#branding {
			width: 800px;
			height: 60px;
			padding: 0;
			margin: 0;
			position: relative;
			left: -15px;
		}
						
			#logo {
				width:350px;
				float: left;
				padding-top: 10px;
			}
			
			#topright {
				width:200px;
				float: right;
				padding-top: 20px;
				text-align: right;
				font-size: 0.8em;
				color: #000;
			}
				
		#heropic {
			padding: 80px 20px 0 20px;
			margin: 0;
			width: 760px;
			height: 238px;
			text-align: left;
			color: #fff;
		}

		#heropic h2 { font-size: 1.5em; color: #fff; display: block; margin: 5px 0 5px 0; font-weight: normal;}

	#topnav {
		width: 760px;
		padding: 10px 20px;
		margin: 0;
		background: #363;
	}
			

	#page {
		width: 800px;
		padding: 0;
		margin: 0;
	}

		#pagecontent {
			background: #fff url(images/pagecontentback.gif) no-repeat bottom right;
			width: 760px;
			padding: 20px 20px 0px 20px;
			font-size: 1.0em; 
			color: #000; 
			line-height: 1.7em;
		}

			#pagecontentlefthalf {
				width:370px;
				float: left;
			}

			#pagecontentrighthalf {
				width:370px;
				float: right;
			}
	
		#page a:link{ color: #363; text-decoration: underline; }
		#page a:visited{ color: #363; text-decoration: underline; }
		#page a:hover{ color: #696; text-decoration: underline; }
			
			#pagelogos {
				width:760px;
				padding:0px;
				font-size: 0.8em; 
				color: #000; 
				line-height: 1.7em;
			}

				#pagelogosleft {
					width:360px;
					padding: 20px 0 5px 0;
					float: left;
				}

				#pagelogosright {
					width:400px;
					float: right;
					text-align: right;
				}
					
			#pagelogos a:link{ color: #363; text-decoration: none; }
			#pagelogos a:visited{ color: #363; text-decoration: none; }
			#pagelogos a:hover{ color: #363; text-decoration: underline; }
		

	#footer {
		width: 800px;
		margin: 0;
		padding: 0;
	}

		#footercontent {
			width:760px;
			padding:20px 20px 5px 20px;
			margin:0 auto;
			background: #030;
			border-bottom: 1px solid #666;
			font-size: 0.8em; 
			color: #fff; 
			line-height: 1.6em;
		}
			
		#footercontent a:link{ color: #fff; text-decoration: none }
		#footercontent a:visited{ color: #fff; text-decoration: none }
		#footercontent a:hover{ color: #fff; text-decoration: underline }


/*****************
 BODY FONT
 *****************/

body, table {
	font-family:  'Trebuchet MS', verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: 16px;
}


/**********************
BODY FONT HACK FOR IE
 **********************/

* html body, * html table  {
	font-family:  'Trebuchet MS', verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: medium;
}


/*****************
 TOP NAV LIST
*****************/

#topnav ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	text-transform: uppercase;
	letter-spacing: -1px;
	width: 760px;
}

#topnav ul li {
	font-size: 0.9em;
	margin: 0px 0px 0px 0px;
	padding: 0px 35px 0px 0px;
	display: inline;
}

#topnav ul li a {
	color: #fff;
	text-decoration: none;
}

#topnav ul li a:hover {
	color: #cfc;
	text-decoration: none;
}

#topnav ul li.bookinglink {
	padding: 0px;
}


/*****************
LEFT MARGIN UL
 *****************/

UL.leftmargin {
	margin: 0px 0px 0px 60px;
	padding: 3px 3px 3px 3px;
}

UL.leftmargin LI {
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 0px;
}


/*****************
PAGEFEATURES
 *****************/
 
 .pagefeature { 
 		width: 164px;
 		float: left;
 		margin: 5px 8px 20px 0;
 		padding: 10px;
 		background: #efe;
 		}
 		
 		
 .pagefeatureend { 
 		margin: 5px 0 20px 0;
 		}
 		
 				

/*****************
 HEADINGS
 *****************/

h1 { font-size: 1.6em; display: block; color: #030; font-weight: normal;}
h2 { font-size: 1.3em; color: #364; display: block; margin: 5px 0 5px 0; font-weight: normal;}
h3 { font-size: 1.1em; color: #364; display: block; }


/*****************
 BREAKS
 *****************/

br.breaker { clear: both; }
br.lbreaker { clear: left; }
br.rbreaker { clear: right; }


/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 0px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 0px 10px;
}

/*****************
 AVAILABILITY CALENDAR
*****************/

#calendarcontainer {
	width: 290px;
	margin: 0px 0px 5px 0px;;
}

div.calendarcontainermini {
	float: left;
	width: 288px;
	margin: 5px 0px 5px 20px;;
}

	div.calendarcontainermini table tr td { cursor: pointer; }

table.availabilitycalendar {
	border-collapse: collapse;
	font-size: 0.9em;
}

	table.availabilitycalendar tr {
	
	}
	
		table.availabilitycalendar tr th {
			border: 1px solid #215A3E;
			background: #215A3E;
			color: #fff;
		}
		
			table.availabilitycalendar tr th.shortbreaks {
				background: #DDEEBB;
				color: #215A3E;
			}
		
		table.availabilitycalendar tr td {
			border: 1px solid #215A3E;
			text-align: center;
			height: 30px;
			width: 40px;
			line-height: 30px;
		}
		
			table.availabilitycalendar tr td.shortbreaks {
				width: 80px;
				background: #DDEEBB;
				color: #215A3E;
			}
		
		table.availabilitycalendar span { display: block; height: 30px; }
		
		span.dateunavail { color: #999; }
		
		span.booked { background: #BFE37F; }
		
		span.highlighted { background: #FF0; }
		
		span.available { background: #fff; }

/*****************
 ROOMS
*****************/
.roominformation{
	width: 430px;
	float: left;
	margin-left: 30px;
}
.roomdescription{
	float: left;
	margin-bottom: 10px;
}
	.roomdescription img{
		float: right;
		margin-bottom: 20px;
		border: 1px solid #000;
	}
.roomfacilities{
	float: left;
	margin-bottom: 30px;
}
	.roomfacilities ul{
		margin-left: 30px;
	}
.roomavailability{
	width: 295px;
	float: left;
}
	.gotobookingform{
		float: left;
		margin-top: 15px;
		margin-left: 30px;
		margin-bottom: 15px;
	}
/*****************
 ROOMS
*****************/
.attraction{
	margin-top: 20px;
}
.linktitle a{
	text-decoration: none;
}
.attraction img{
	float: left;
	margin-right: 15px;
	border: 1px solid #336633;
}

/*****************
 EVENT
*****************/

.event{
	margin-top: 15px;
}

/*****************
 CONTACT
*****************/
.address{
	float: left;
	width: 350px;
}
	.address ul{
		list-style-type: none;
		margin-bottom: 20px;
		margin-top: 15px;
	}
		.address li{

		}
.contactform{
	float: left;
	width: 300px;	
	margin-bottom: 30px;
}
	.contactform label{
		float: left;
		clear: both;
	}
		.contactform input{
			float: left;
			clear: both;
			border: 1px solid #7F9DB9;
			margin-bottom: 10px;
		}
		.contactform textarea{
			float: left;
			clear: both;
			margin-bottom: 10px;
		}
		.contactform select{
			float: left;
			clear: both;
			margin-bottom: 10px;	
		}
.theroomtypes{
	float: left;
	width: 600px;
}

/*****************
 BOOKING ENQUIRIES
*****************/
.bookingform label{
	float: left;
	clear: both;
}
.bookingform input{
	float: left;
	clear: both;
	border: 1px solid #7F9DB9;
	margin-bottom: 10px;
}
.bookingform textarea{
	float: left;
	clear: both;
	margin-bottom: 10px;
}
#room{
	float: left;
	clear: both;
	margin-bottom: 10px;	
	width: 200px;
}
.selectday{
	float: left;
	clear: left;
}
.dates{
	width: 400px; 
	float: left;
}
.selectinput{
	margin-left: 5px;
	margin-bottom: 15px;
}
.roomdetails{
	float :left;
	width: 300px;
}
#room{
	width: 240px;
}
.yourdetails{
	float: left;
	width: 350px;
	margin-bottom: 10px;
}
.allrooms{
	float: left;
	clear: left;
}

.dontforget{
	font-weight: bold;
}


/*****************
 LOCATION MAP
*****************/

.themap{
	border: 1px solid #A5A0A0;
	margin-top: 20px;
}


/*****************
 EVENTS
*****************/

.touristwebsites ul{
	list-style-type: none;
}