/*-- ELEMENTS --*/	
		#wrap { float: left; width: 100%; }
			#inner { margin: 0 auto; width: 891px; position: relative; }
			/* HEADER */
			#header { float: left; width: 100%; height: 231px; margin: 0 0 10px 0; position: relative; }
			#navigation { position: absolute; top: 102px; right: 0; width: 615px; }
			/*#navigation { position: absolute; top: 102px; right: 0; width: 510px; }*/
				#navigation ul { float: left; width: 100%; margin: 0; padding: 0; }
					#navigation ul li { float: left; width: 94px; height: 28px; margin: 0 10px 0 0; padding: 0; list-style-type: none; font-size: 1.1em; color: #ffffff; background: transparent url(../img/back_nav.gif) 0px -28px no-repeat; }
					#navigation ul li.last { float: right; margin: 0 0 0 0; }
					#navigation ul li.current { background: transparent url(../img/back_nav.gif) 0px 0px no-repeat; }
					#navigation ul li.hover { background: transparent url(../img/back_nav.gif) 0px -56px no-repeat; }
					#navigation ul li span { float: left; width: 100%; text-align: center; margin: 7px 0 0 0;  font-size: 12px; color: #ffffff; text-transform: uppercase; }
						#navigation ul li span a,
						#navigation ul li span a:link { display: block; color: #ffffff; }
						#navigation ul li span a:hover,
						#navigation ul li span a:focus { color: #000000; }
			#promo { float: left; width: 100%; margin: 0 0 10px 0; }
				#promo img { float: left; }
				#promo-alpha { float: left; width: 618px; margin: 0; }
					#promo-alpha img { border: 5px solid #ffffff; }
					#promo-fade { float: left; width: 618px; height: 213px; overflow: hidden; }
				#promo-beta { float: right; width: 263px; height: 213px; margin: 0; overflow: hidden; }
					#promo-beta-fade { float: left; position: relative; width: 263px; margin: 0;}
					#promo-beta img { border: 5px solid #ffffff; }
				
			#content { float: left; width: 100%; margin: 0 0 10px 0; }
				#content a, 
				#content a:link { outline: none; color: #c60808; text-decoration: underline; }
				#content a:focus, 
				#content a:hover { outline: none; color: #000000; text-decoration: underline; }				
				#content-full { float: left; width: 100%; }
					#content-full .section { float: left; width: 861px; border: 5px solid #ffffff; padding: 10px 10px 0 10px; margin: 0 0 10px 0; background: #ececeb url(../img/back_section.jpg) top left repeat-x; }
				#content-alpha { float: left; width: 618px; }
					#content-alpha .section { float: left; width: 588px; border: 5px solid #ffffff; padding: 10px 10px 0 10px; margin: 0 0 10px 0; background: #ececeb url(../img/back_section.jpg) top left repeat-x; }
					#content-alpha .section-fixed { float: left; width: 588px; border: 5px solid #ffffff; padding: 10px; margin: 0 0 0 0; background: #ececeb url(../img/back_section.jpg) top left repeat-x; }
					#content-alpha #map { float: left; width: 608px; height: 420px; border: 5px solid #ffffff; padding: 0; margin: 0 0 10px 0; }
						#content-alpha .sub-alpha { float: left; width: 381px; }
						#content-alpha .sub-beta { float: right; width: 188px; }
						
							.events-wrap { float: left; width: 588px; overflow: hidden; }
								.events-inner { float: left; width: 630px; overflow: hidden; }
									.event { float: left; width: 176px; height: 340px; margin: 0 27px 20px 0; text-align: center; }
										.event img { float: left; margin: 0 0 6px 0; }
						
							#tours { float: left; width: 100%; }
								.tour { float: left; width: 100%; }
									.tour img { float: left; margin: 0 0 10px 0; border: 5px solid #ffffff;}
									
							#galleries { float: left; width: 100%; }
								.gallery { float: left; width: 100%; }
									.gallery img { float: left; margin: 0 0 10px 0; border: 5px solid #ffffff;}
							
							#contact-form { float: left; width: 100%; }
								#contact-form fieldset { float: left; width: 100%; margin: 0 0 10px 0; }
								#contact-form fieldset label { float: left; width: 100%; margin: 0 0 10px 0; font-weight: bold; color: #000000; }
								#contact-form fieldset input.text { float: left; border: 1px solid #666666; width: 376px; padding: 3px; height: 20px; color: #000000; background-color: transparent;  }
								#contact-form fieldset textarea.textarea { float: left; border: 1px solid #666666; width: 376px; padding: 3px; height: 120px; color: #000000; background-color: transparent;  }
								#contact-form fieldset select { float: left; border: 1px solid #666666; width: 385px; padding: 3px; height: 25px; color: #000000; background-color: transparent;  }
								#contact-form .error { float: left; width: 100%; margin: 5px 0 0 0; color: #ff0000; }	
				#content-beta { float: right; width: 263px; }
					#content-beta .booknow { float: left; width: 233px; border: 5px solid #ffffff; padding: 10px; margin: 0 0 10px 0; background: #ececeb url(../img/back_section.jpg) top left repeat-x; }
					#content-beta .small_search { float: left; width: 233px; border: 5px solid #ffffff; padding: 10px; margin: 0; background: #ececeb url(../img/back_section.jpg) top left repeat-x; }
				
					#roomtypes { float: left; width: 100%; }
						.room { float: left; width: 100%; margin: 0 0 20px 0; }
							.room p { font-weight: normal; margin: 0; }
							.room-alpha { float: left; width: 135px; }
							.room-beta { float: left; width: 94px; }
						.room .last { margin: 0; }
						
					#room-rates { float: left; width: 100%; }
						.room-row { float: left; width: 100%; margin: 0 0 0 0; /*padding: 8px 0 8px 0;*/ /* border-bottom: 1px solid #a0a0a0;*/ }
						.room-row-pager { float: left; width: 100%; margin: 10px 0 0 0; }
							.room-name { float: left; width: 120px; margin: 0 0 0 10px; padding: 8px 0 8px 0; }	
								.room-name span { font-weight: bold; margin: 0; color: #000000; }
							.room-rate { float: left; width: 32px; text-align: center; padding: 8px 0 8px 0; }	
								.room-rate span { font-weight: normal; margin: 0; color: #000000; }
							.room-row-left { float: left; width: 100px; }
							.room-row-right { float: right; width: 100px; text-align: right; }
							
							.row-header .room-rate span { font-size: 11px; font-weight: normal; }
							
								#content .room-rate span a,
								#content .room-rate span a:link { color: #000000; text-decoration: none; }
								#content .room-rate span a:hover,
								#content .room-rate span a:focus { color: #ff7700; text-decoration: none; }
							
					#small_promo { float: left; border: 5px solid #ffffff; width: 253px; height: 204px; overflow: hidden; }
						#small_promo img { float: left; }
					
					#banner_promo { float: left; border: 5px solid #ffffff; margin: 10px 0 0 0; }
						#banner_promo img { float: left; }
						
					#reservations-form { float: left; width: 100%; }
					#reservation-details { float: left; width: 100%; margin: 0 0 20px 0; }
					#reservation-payment { float: left; width: 100%; }
					.action { float: left; width: 100%; margin: 20px 0 20px 0;  }
					
						.form label { float: left; width: 100%; margin: 0 0 10px 0; font-weight: bold; color: #000000; }
						.form span.error { float: left; margin: 3px 0 0 0; }
												
						#currency-options,
						#room-options { float: left; width: 100%; margin: 0 0 20px 0; }
							#room-options { float: left; width: 100%; margin: 0 0 20px 0; }
								.room-option { float: left; width: 100%; margin: 0 0 5px 0; }
									.room-option label { float: left; width: 300px; color: #000000; }
									.room-option input { float: left; margin: 0 10px 0 0; }
								.currency-option { float: left; width: 100%; margin: 0 0 5px 0; }
									.currency-option label { float: left; width: 300px; color: #000000; }
									.currency-option input { float: left; margin: 0 10px 0 0; }								
						.form .field-alpha,
						.form .field-beta { float: left; width: 182px; height: 75px; margin: 0 20px 0 0; }
						.form .field-gamma { float: right; width: 182px; height: 75px; }
						.form .field-single { float: left; width: 100%; height: 75px; }
						.form .field-message { float: left; width: 100%; }
						
						.form .terms { float: left; width: 100%; }
						.form .terms label { float: left; width: 300px; }
						.form .terms input { float: left; margin: 0 10px 0 0; }
						.form .terms span.error { float: left; width: 100%; margin: 3px 0 0 0; }
						
						.form .field-alpha input,
						.form .field-beta input,
						.form .field-gamma input { float: left; border: 1px solid #666666; width: 174px; padding: 3px; height: 20px; color: #000000; background-color: transparent; }
						.form .field-single input { float: left; border: 1px solid #666666; width: 580px; padding: 3px; height: 20px; color: #000000; background-color: transparent; }
						
						.form .field-message textarea { float: left; border: 1px solid #666666; width: 580px; padding: 3px; height: 150px; color: #000000; background-color: transparent; }
						
						.form .field-alpha select,
						.form .field-beta select,
						.form .field-gamma select { float: left; border: 1px solid #666666; width: 182px; padding: 3px; height: 28px; color: #000000; background-color: transparent; }
					
						.form input.small { float: left; border: 1px solid #666666; width: 173px; padding: 3px; height: 20px; color: #000000; background-color: transparent; }
						.form input.date { float: left; border: 1px solid #666666; width: 133px; padding: 3px; height: 20px; color: #000000; background-color: transparent; }					
						
						.dp-choose-date  { float: left; }
					
					#reservations-form-small { float: left; width: 100%; }
						#reservations-form-small.form .field-alpha,
						#reservations-form-small.form .field-beta,
						#reservations-form-small.form .field-gamma { float: left; width: 252px; height: 75px; margin: 0 0 0 0; }
						
						#reservations-form-small.form .field-alpha input,
						#reservations-form-small.form .field-beta input,
						#reservations-form-small.form .field-gamma input { float: left; border: 1px solid #666666; padding: 3px; height: 20px; color: #000000; background-color: transparent; }
					
						#reservations-form-small.form input.small { float: left; border: 1px solid #666666; width: 223px; padding: 3px; height: 20px; color: #000000; background-color: transparent; }
						#reservations-form-small.form input.date { float: left; border: 1px solid #666666; width: 190px; padding: 3px; height: 20px; color: #000000; background-color: transparent; }								
					
					#reservation-list { float: left; width: 100%; margin: 0 0 10px 0;}
						.reservation-item { float: left; width: 100%; margin: 0 0 5px 0;}
						.reservation-item span { color: #000000;}
							.reservation-item-id { float: left; width: 50px; }
							.reservation-item-created { float: left; width: 150px; }
							.reservation-item-method { float: left; width: 70px; }
							.reservation-item-transaction-id { float: left; width: 60px; }
							.reservation-item-roomtype-name { float: left; width: 95px; }
							.reservation-item-name { float: right; width: 160px; }
							
					#rate-list { float: left; width: 100%; margin: 0 0 10px 0;}
						.rate-item { float: left; width: 100%; margin: 0 0 5px 0;}
						.rate-item span { color: #000000;}
							.rate-item-alpha { float: left; width: 50px; }
							.rate-item-beta { float: left; width: 150px; }
								.rate-item-beta span { float: left; margin: 3px 0 0 0; }
							.rate-item-gamma { float: left; width: 70px; }
								.rate-item-gamma input { float: left; width: 60px; border: 1px solid #000000; background-color: transparent; padding: 3px; }
							.rate-item-delta { float: left; width: 100px; }			
							#rate-list input.button { float: left; width: 100px; border: none; background-color: #ffffff; padding: 3px; color: #000000; }	
							
					#content-beta #tasks { float: left; width: 233px; border: 5px solid #ffffff; padding: 10px; margin: 0 0 10px 0; background: #ececeb url(../img/back_section.jpg) top left repeat-x; }
				.error { color: #ff0000; }	
					#login-form { float: left; width: 100%; }
						#login-form .error { float: left; width: 100%; color: #ff0000; margin: 0 0 10px 0; }	
						#login-form fieldset { float: left; width: 100%; margin: 0 0 10px 0; }
						#login-form fieldset label { float: left; width: 100%; margin: 0 0 4px 0; color: #000000; font-weight: bold; }
						#login-form fieldset input.text { float: left; width: 200px; border: 1px solid #000000; background-color: transparent; padding: 3px; }
						#login-form fieldset input.button { float: left; width: 100px; border: none; background-color: #ffffff; padding: 3px; color: #000000; }
				
				#rate-form { float: left; width: 100%; }
						#rate-form .error { float: left; width: 100%; color: #ff0000; margin: 0 0 10px 0; }	
						#rate-form fieldset { float: left; width: 100%; margin: 0 0 10px 0; }
						#rate-form fieldset label { float: left; width: 100%; margin: 0 0 4px 0; color: #000000; font-weight: bold; }
						#rate-form fieldset input.text { float: left; width: 200px; border: 1px solid #000000; background-color: transparent; padding: 3px; }
						#rate-form fieldset input.date { float: left; width: 200px; height: 22px; border: 1px solid #000000; background-color: transparent; padding: 3px; }
						#rate-form fieldset input.button { float: left; width: 100px; border: none; background-color: #ffffff; padding: 3px; color: #000000; }					
					
					#account-password
						#account-password .error { float: left; width: 100%; color: #ff0000; margin: 0 0 10px 0; }	
						#account-password fieldset { float: left; width: 100%; margin: 0 0 10px 0; }
						#account-password fieldset label { float: left; width: 100%; margin: 0 0 4px 0; color: #000000; font-weight: bold; }
						#account-password fieldset input.text { float: left; width: 200px; border: 1px solid #000000; background-color: transparent; padding: 3px; }
						#account-password fieldset input.button { float: left; width: 100px; border: none; background-color: #ffffff; padding: 3px; color: #000000; }					
						#account-password fieldset .error { float: left; width: 100%; color: #ff0000; margin: 5px 0 0 0; }
				
				#gallery-wrap { float: left; width: 100%; }
					.gallery-item { float: left; width: 100%; margin: 0 0 15px 0; }
						.gallery-thumbs-wrap { float: left; width: 588px; overflow: hidden; }
							.gallery-thumbs-inner { float: left; width: 600px; overflow: hidden; }
								.gallery-thumbs-inner img { float: left; margin: 0 10px 10px 0; }
				
				#loading-msg { display: none; }
				#loading-msg img { float: left; margin: 0 10px 0 0; }
				#loading-msg span { color: #000000; }
				
				.rackrates { min-height: 400px;  margin: 0 0 0 0; }
				
				#review { float: left; margin: 0 0 10px 0; padding:0; width:263px; border:none; background-color:#589442; overflow:hidden; height:auto; }
					#review-wrap { margin:3px; padding:7px 7px 10px; border:none; background-color:#fff; }
				
			#footer { float: left; width: 100%; margin: 0 0 20px 0; }
				#footer p { margin: 0; color: #808080; font-weight: normal; }
				#footer a,
				#footer a:link { color: #808080; }
				#footer a:hover,
				#footer a:focus { color: #ff7700; }			
				#footer-alpha { float: left; }
				#footer-beta { float: right; text-align: right; }
	/*-- ELEMENTS --*/
	
	/*-- TYPOGRAPHY OVERWRITE --*/
		.colour { background-color: #c3c1c2; }
		.grey { background-color: #d2d2d2; }
		.white { background-color: #ffffff; }
		.textalt p { font-weight: normal; }
		span.orange { color: #de411a; font-size: 13px; }
	/*-- TYPOGRAPHY OVERWRITE --*/	
	
	/*-- DEFAULT CLASSES --*/
		.hide { display: none; }	
		.last { border: none; margin: 0; }
	/*-- DEFAULT CLASSES --*/
	
	
	
	/* DATE PICKER */

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

a.dp-choose-date {
	float: left;
	width: 28px;
	height: 28px;
	padding: 0;
	margin: 0 0 0 5px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ffffff;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
	/* DATE PICKER */