/***********************************************\
|									 |
\***********************************************/

* {
	margin: 0;
	padding: 0;
}

a img { border: 0; }

body {
	background: url( /structure/stripe.jpg ) no-repeat center top;
	font-family: Verdana, serif;
	font-size: 0.6em;
}
h1.titleText { font-family: Arial, Tahoma, Verdana, Sans-serif; color: #fff; font-size: 1.7em; width: 140px; padding: 50px 15px 50px 10px; }
h1.titleText small { font-weight: normal; font-size: 0.8em; }

	#site_holder {
		margin: 0 auto;
		width: 810px;
	}

		#top {
			overflow: hidden;
			height: 100%;
			padding-bottom: 91px;
			margin-top: 50px;
		}
		
		#top #nav {
			float: right;
			list-style-type: none;
			margin: 0;
			padding: 0;
			padding-top: 25px;
		}
			#top #nav li { font-family: Arial, Tahoma, Verdana, Sans-serif; float: left; padding-right: 25px; font-size: 1.3em; }
			#top #nav li.last { padding-right: 0px; }
			#top #nav li a { font-weight: bold; text-decoration: none; color: #72177a; }

			

				#top #nav #home a:hover, #top #nav #home a.current { color: #ee8e2b; }
				#top #nav #easy_booking a:hover, #top #nav #easy_booking a.current  { color: #e7393a; }
				#top #nav #flexible_rooms a:hover, #top #nav #flexible_rooms a.current { color: #00a78e; }
				#top #nav #gallery a:hover, #top #nav #gallery a.current { color: #382d8f; }
				#top #nav #excellect_facilities a:hover, #top #nav #excellect_facilities a.current { color: #00a8ec; }
				#top #nav #contact a:hover, #top #nav #contact a.current { color: #f4ba29; }
				#top #nav #special_offers a { color: #99cc00; }

			
			
		#top #logo {
			float: left;
			display: inline;
			
		}
		
		#top #logo img {
			border: 0;
		}
	
	#footer { 
		margin-top: 15px;
		font-family: Arial, Tahoma, Verdana, Sans-serif;
		font-size: 8pt;
		border-top: 3px solid #d1d1d1;
		color: #666;
		padding-top: 10px;
	}
	#footer a { text-decoration: none; color: #666; }
	
	#content {
		overflow: hidden;
		height: 100%;
	}
	
		#content  img {
			display: block;
		}
	
		#content #left {
			float: left;
			width: 214px;
		}

			#bookings {
				margin-top: 8px;
			}
		
		#content #right {
			float: right;
			width: 580px;
		}
		
		#content h1 {
			float: left;
			width: 165px;
		}
		
		#content p {
			margin: 10px 0;
			color: #fff;
		}
		
		
		#content #opening_times {
			float: left;
			width: 100%;
			height: 25px;
			clear: both;
		}
		
		#content #main_text_col_1 {
			float: left;
			display: inline;
			width: 180px;
			margin: 0 12px 0 0;
			padding-top: 0px;
		}
		
		#content #main_text_col_2 {
			float: left;
			display: inline;
			width: 180px;
			padding-top: 10px;
		}
		
		
		#text {
			overflow: hidden;
			height: 100%;
		}
		
		#content .home #text { background-color: #76037a; }
		#content .home #main_text_col_1 { width: 170px; padding-top: 0; }
		#content .home #main_text_col_2 { width: 190px; padding-top: 0; }
		
		#content .rooms #text { background-color: #00a78e; }
		
		#content #rooms_left { 
			height: 302px; 
			padding-top: 23px;
			background-color: #00a78e;
		}
		
		
		#content .facilities #text { background-color: #00a9ec; }
		#content .special-offers #text { background-color: #ffcd03; padding: 10px; }
		
		#content .special-offers #text p { font-size: 12pt; font-weight: bold; padding: 10px; color: #000080; }
		#content .special-offers #text p  span { color: #3366ff; }
		#content .special-offers #text p.purple { color: #72177a; }
		#content .special-offers #text span.purple { color: #72177a; }
		#content .special-offers #text p.small { font-size: 9pt; }
		
		#content .special-offers #text .small-p p { margin: 0; padding: 0; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; }
		
		
		#content .booking #text { background-color: #e7393a; }
		
		.booking #main_text_col_1 p { margin-top: 33px; }
		.booking #bookings_button { display: block; margin-top: 117px; }
		
		
		#content .contact #text { background-color: #76037a; color: #fff;}
		
		#content .contact #text a, #content .contact #text a:visited {
			color: #fff;
			text-decoration: underline;
		}
		
		#content .contact #text a:hover, #content .contact #text a:focus {
			text-decoration: none;
		}
		
		#content .contact #text #main_text_col_1, #content .contact #text #main_text_col_2 {
			margin-top: 94px;
			width: 120px;
		}
		
		#content .contact #text #main_text_col_1 {
			margin-left: 110px
		}
		
/*************************************\
			Classes
\*************************************/

/****	/booking/		****/

#booking_link img {
	border: 0;
}

/****	/booking/form/		****/

#booking_form label, #booking_form input, #booking_form textarea {
	display: block;
	width: 250px;
	font-family: Verdana, serif;
	font-size: 1.2em;
}

#booking_form textarea {
	font-size: 1.2em;
}

#booking_form input, #booking_form textarea {
	margin-bottom: 10px;
}

#booking_form fieldset {
	border: 0;
}

#booking_form legend {
	margin-bottom: 10px;
	font-size: 1.3em;
	font-weight: bold;
	color: #77037a;
}

label.error {
	color: #f00;
}

input.error, textarea.error {
	background: #fdd;
	border: 1px solid #f00;
}

/**** Gallery ****/
#left .row {
	clear: left;
}

#left .row img{
	cursor: pointer;
	margin-bottom: 4px;
}

#left .row div {
	float: left;
}

#left .row div.middle_img {
	margin: 0 3px;
}

#left div#bottom_row img{
	margin-bottom: 0;
}

h1#gallery_h1 {
	float: none;
}

.gallery_holder {
	width: 547px;
	height: 212px;
}

#gallery_bookings {
	padding-top: 3px;
}

/****************	LIGHT BOX ***********************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/pages/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/pages/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

ul.roomlist { padding-top: 3px; padding-bottom: 15px; }
ul.roomlist li { padding: 3px 0 3px 25px; }
ul.roomlist li a { color: #fff; font-weight: bold; text-decoration: none; }