@import url("common.css");

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

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


div#middle {
	position: relative;
}


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


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


/* START remove other child divs of div#middle from flow */
div#subheading-space {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 153px;
	width: 190px;
	height: 147px; overflow: hidden;
}
* html div#subheading-space { /* Tan Hack for IE<=5.x */
	width: 220px;
	w\idth: 190px;
 	height: 301px;
 	he\ight: 147px;
} /* End Tan Hack */
div#links { /* Fixed height to simplify layout divisions */
	position: absolute;
	top: 0;
	left: 220px;
	width: 540px;
	height: 58px; overflow: auto;
}
div.slide {
	position: absolute;
	top: 58px;
	left: 220px;
	width: 362px;
	height: 242px; overflow: hidden;
}
div#image-followup {
	position: absolute;
	top: 58px;
	left: 582px;
	width: 178px;
	height: 242px; overflow: hidden;
}
/* END remove other child divs of div#middle from flow */


/* START shift fluid columns down */
div#our-hotels,
div#main-content,
div#eye-catcher {
	margin-top: 300px; /* Allow 1-pixel gap separating these from higher sections */
}
/* END shift fluid columns down */


/* START any order columns */
div#main-content {
	padding-left: 15px;
	padding-right: 15px;
	float: left; width: 332px;
	display: inline; /* IE Fix for doubled float margin bug; safe because specs say that inline is ignored for floats */
	margin-left: 220px;
}
* html div#main-content { /* Tan Hack for IE<=5.x */
	width: 362px;
	w\idth: 332px;
} /* End Tan Hack */
div#eye-catcher {
	float: left; width: 158px;
	padding-left: 10px;
	padding-right: 10px;
	_width: 155px; /* Prevent IE <=6 "3-pixel jog" float bug from destroying absolutely positioned siblings */
}
* html div#eye-catcher { /* Tan Hack for IE<=5.x */
	width: 175px;
	w\idth: 155px;
} /* End Tan Hack */
div#our-hotels {
	padding-left: 15px;
	padding-right: 15px;
	float: left; width: 190px;
	margin-left: -760px;
	_margin-left: -757px; /* In accordance with the above hack */
}
* html div#our-hotels { /* Tan Hack for IE<=5.x */
	width: 220px;
	w\idth: 190px;
} /* End Tan Hack */
/* 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;
}
/* Acheive apparent padding-bottom of 5px */
div#our-hotels,
div#eye-catcher,
div#main-content { /* Hide from IE5-Mac \*/
	padding-bottom: 32767px;
	margin-bottom: -32757px;
} /* Unhide from IE5-Mac */
/* END equal height columns */


div#right-rows img {
	display: inline;
	margin: 0;
	border: 0;
	padding: 0;
}

/* ---------------------------------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#subheading-space {
	color: white;
	background-color: #280d0a;
	text-align: center;
}
div#subheading-space h2 {
	font-size: x-large;
}
div#subheading-space img {
	display: block;
}

div.slide,
div#availability-checker {
	background-color: #a49b96;
}
div#image-followup {
	background-image: url('../images/booking-bg.jpg');
}
div#availability-checker {
	margin-top: 15px;
}


div#our-hotels,
div#our-hotels h2 {
	color: #443933;
	background-color: #A39B98;
}
div#our-hotels h3 {
	color: black;
	background-color: transparent;
}
div#our-hotels div.hotel-details {
	min-height: 84px;
	_height: 84px;
}
div#our-hotels h2,
div#our-hotels div.hotel-details {
	padding-left: 28px;
}
div#our-hotels div#details-rex {
	background: url('../images/logo-rex.jpg') no-repeat top left;
}
div#our-hotels div#details-carlton {
	background: url('../images/logo-carlton.jpg') no-repeat top left;
}
div#our-hotels div#details-ville {
	background: url('../images/logo-ville.jpg') no-repeat top left;
}
div#our-hotels div#details-airport {
	background: url('../images/logo-airport.jpg') no-repeat top left;
}


/* Must match colors to disguise IE<=6 "3-pixel jog" float bug */
div#holder,
div#eye-catcher {
	background-color: #cecac9;
}
div#eye-catcher div#newsletter p {
	font-size: x-small;
	font-weight: normal;
}

div#availability-checker {
	text-align: center;
}
div#availability-checker h2 {
	color: white;
	background-color: transparent;
	margin-bottom: 8px;
}
div#availability-checker div {
	margin-bottom: 0.2em;
}
div#availability-checker form {
	margin: 0 10px;
	height: 202px;
	text-align: left;
}
div#availability-checker select#hotelChoice {
	width: 124px;
}
div#availability-checker input#DateIn {
	width: 120px;
	margin-right: 3px;
}
div#availability-checker img {
	display: inline;
	margin: -7px 0 0 3px;
}
div#availability-checker div.choose {
	float: left; width: 50px;
}
div#availability-checker div.choose select{
	width: 45px;
}
div#availability-checker div.button {
	float: left; width: 31px;
	position: relative;
	top: 0.7em;
}
div#availability-checker input.go {
	background-image: url('../images/go-button.jpg');
	cursor: pointer;
	margin-left: 1px;
	padding: 0;
	border: 0;
	width: 31px;
	height: 20px;
	text-transform: uppercase;
	/* Hide text value from view, because we're using a bg-img instead */
	font-size: 0;
	vertical-align: text-bottom;
}

div#newsletter input#emailInput {
	width: 65%;
}

img.column-leader {
	padding: 4px;
	border: 1px solid gray;
	margin-top: 10px;
	margin-bottom: 10px;
}
* html img.column-leader { /* Tan Hack for IE<=5.x */
	width: 152px;
	w\idth: 144px;
} /* End Tan Hack */
p#nash-map-links {
	margin-bottom: 25px;
}