@import url("common.css");

/* ----------------------------------- LAYOUT --------------------------------------*/

div#holder {
	width: 760px;
	padding: 0;
	margin: 10px auto 0 auto;
	position: relative;
}


/* START div-enveloping/anti-margin-collapsing */
div#site-branding,
div#links,
div#alt-menu,
div#main-content {
	padding: 1px 0;
}
/* END div-enveloping/anti-margin-collapsing */


/* START easy clearing */
div#site-branding:after,
div#availability-checker form:after,
div#middle:after,
div#main-content:after,
div#alt-menu:after {
	content: '.'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* IE5-Mac fixes */
div#site-branding,
div#availability-checker form,
div#middle,
div#main-content,
div#alt-menu {
	display: inline-block;
}
/* Hide from IE5-Mac \*/
div#site-branding,
div#availability-checker form,
div#middle,
div#main-content,
div#alt-menu { 
	display: block;
}
/* End IE5-Mac fixes */
/* END easy clearing */


/* START any order columns */
div#left-column {
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 103px;
	float: left; width: 190px;
}
* html div#left-column { /* Tan Hack for IE<=5.x */
	width: 220px;
	w\idth: 190px;
} /* End Tan Hack */

/* Introduce floating wrapper div#right-rows to avoid <=IE6 3-pixel
 * float bug; alternatively could use other known fixes */
div#right-rows {
	float: left; width: 540px;
}
div#links { /* Fixed height used in subpages and hence here too for consistency */
	height: 58px; overflow: auto;
}
div#image-row {
	height: 272px; overflow: hidden;
}
/* END any order columns */


/* START "equal height" (long clipped) columns - ignoring in-page-link-to-anchor bug in Fx<=2 and IE<=6 */
div#middle {
	overflow: hidden; _overflow: visible;
}
/* (IE6 requires it on div#right-rows as well as simply on the inner div#main-content) */
div#left-column,
div#right-rows,
div#main-content { /* Hide from IE5-Mac \*/
	padding-bottom: 32767px;
	margin-bottom: -32767px;
} /* Unhide from IE5-Mac */
/* END equal height columns */


/* START revolving main images */
div#image-row {
	position: relative;
}
div.slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 362px;
	height: 272px; overflow: hidden;
}
div#right-rows img {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
}
div#right-rows img#main-followup {
	position: absolute;
	right: 0;
}
/* END revolving main images */


div#main-content div {
	float: left; width: 180px;
}
div#main-content div div {
	float: none; width: auto;
}
div#main-content h3,
div#main-content p,
div#main-content div div {
	padding-left: 8px;
	padding-right: 8px;	
}
div#main-content div#newsletter {
	width: 540px;
}

/* ---------------------------------END LAYOUT -------------------------------------*/

/* Ensure logo appears above the relatively positioned div#middle */
/* IE requires the z-index to be applied to the /parent/ of #logo */
div#site-branding,
div#site-branding img#logo {
	z-index: 1;
}

div#left-column {
	color: white;
	background-color: #280d0a;

}
div#left-column img {
	display: block;
	clear: left;
}

div#booking-mask {
	padding-top: 30px;
	width: 190px;
	margin-bottom: 2em;
}
div#availability-checker h2 {
	margin-top: 0;
	color: #d5cf9b;
	background-color: transparent;
}
div#availability-checker div {
	margin-bottom: 0.5em;
}
div#availability-checker select#hotelChoice {
	width: 145px;
	margin-right: 0;
}
div#availability-checker input#DateIn {
	width: 140px;
	margin-right: 12px;
}
div#availability-checker img {
	display: inline;
	margin: -7px 0 0 3px;
}
div#availability-checker div.choose {
	float: left; width: 53px;
}
div#availability-checker div.button {
	float: left; width: 31px;
	position: relative;
	top: 1.4em;
}
div#availability-checker input.go {
	background-image: url('../images/go-button.jpg');
	cursor: pointer;
	padding: 0;
	border: 0;
	width: 31px;
	height: 20px;
	/* Hide text value from view, because we're using a bg-img instead */
	font-size: 0;
	vertical-align: text-bottom;
}

div#main-content p {
	font-size: xx-small;
}

div#newsletter {
	clear: left;
	background-image: url('../images/stripey-gray.jpg');
}
div#newsletter h2 {
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 13px;
	float: left; width: 119px;
}
div#newsletter p {
	float: left; width: 160px;
	padding-left: 0;
	padding-right: 0;
	margin-right: 8px;
	margin-top: 15px;
}
div#newsletter form {
	float: left; width: 237px;
	margin: 9px 0;
}
div#newsletter label {
	float: left; width: 237px;
}
div#newsletter input {
	clear: left;
}