/*
 * Overall site structure
 */
html{
	overflow: scroll;
}
body
{
	padding:0px;
	margin:0px;
	width:3300px;
}
		div#site-nav-a
		{
			padding-left:4px;
			clear:both;
		}
		div#site-nav-b, div#site-nav-c
		{
			margin-left:150px;
		}
.clear
{
	clear:both;
}

/*
 * Text styles
 */
a
{	
	text-decoration:underline;
}
	a span.link
	{
		text-decoration:underline;
	}

/*
 * Nav bars
 */
div#global-nav
{
	min-height:66px;
	_height:1px; /* Force IE6 to render the background */
	background-image:url("../../../../images/eh-hotel/backgrounds/logo-bg.gif"/*tpa=./exclusive_hotels/images/eh-hotel/backgrounds/logo-bg.gif*/);
	background-repeat:repeat-y;
}
div#global-nav div#logo
{
	position:relative;
	float:left;
	width:147px;
}
div#global-nav div#logo img 
{
	margin-left:25px;
	margin-top:2px;
	margin-bottom:3px;
}
div#global-nav div#group-nav
{
	position:relative;
	float:left;
	margin-top:24px;
	#margin-top:21px;
	background-image:url("../../../../images/eh-hotel/text/pleaseselect.gif"/*tpa=./exclusive_hotels/images/eh-hotel/text/pleaseselect.gif*/);
	background-repeat:no-repeat;
	padding-top:25px;
}
	div#global-nav div#group-nav div.nav-item
	{
	position:relative;
	float:left;
	margin-left:11px;

		#margin-left:5px;
	margin-right:4px;

		#margin-right:7px;
	font-weight:bold;
	margin-top: 30px;
	}
		div#global-nav div#group-nav div.nav-item a
		{
			color:#ffffff;
			text-decoration:none;
		}
			div#global-nav div#group-nav div.nav-item a:hover
			{
				text-decoration:underline;
			}
div#site-nav-a, div#site-nav-b
{
	_height:1px; /* force IE6 to render the background correctly */
}
div#site-nav-b
{
	#min-height:1px; /* force IE7 to render the background properly vertically */
	#min-width:100%; /* Now fix the horizontal rendering bug triggered in IE7 when you 
						apply the rule above... */
}
div#site-nav-a div.nav-item, div#site-nav-b div.nav-item,
div#site-nav-c div.nav-item
{
	position:relative;
	float:left;
	margin-top:7px;
	margin-left:13px;
	font-size:80%;
}
div#site-nav-a div.nav-item, div#site-nav-b div.nav-item
{
	margin-top:7px;
	margin-left:13px;
	font-weight:bold;
}
div#site-nav-c div.nav-item
{
	margin-top:5px;
	margin-left:13px;
	height:1.5em;
	white-space:nowrap;
}
div#site-nav-a div.nav-item
{
	height:2.0em;
}
div#site-nav-b div.nav-item
{
	height:2.1em;
}
div#text-size-control 
{
	position:relative;
	float:right;
	font-weight:bold;
	padding-top:1px;
	margin-bottom:12px;
}
div#text-size-control div#text-size-control-txt
{
	position:relative;
	float:left;
	font-size:85%;
	margin-top:0.3em;
	margin-right:5px;
	padding:0px;
}
div#text-size-control div.size-select
{
	width:1.5em;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	position:relative;
	float:left;
	cursor:pointer;
	margin-left:1px;
	color:#ffffff;
}
	div#text-size-control div.selected
	{
		text-decoration:underline;
	}
div#contact-nav
{
	margin-top:48px;
	#margin-top:45px;
	margin-bottom:2px;
	margin-right:35px;
	position:relative;
	float:right;
}
div#contact-nav div.nav-item
{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
}
	div#contact-nav div.middle
	{
		margin-left:15px;
		margin-right:15px;
	}
div#top-nav, div#lower-nav
{
	position:fixed;
	left:0px;
	/*IE6 can't do position fixed*/
	_position:absolute; 
	_left:expression((fakeVar = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft) + 'px');
	
}
div#top-nav
{
	top:0px;
	/*IE6 can't do position fixed*/
	_top:expression((fakeVar = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px');
}
div#lower-nav
{
	top:466px;
	/*IE6 can't do position fixed*/
	_top:expression((466 + (fakeVar = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px');
}
	div#lower-nav a
	{
		text-decoration:none;
	}
div#top-bar
{
	height:0px;
	background-color:#4a4b57;
}

/*
 * Slider nav
 */
 
.slider-navigation
{
	float:right;
	margin-top:5px;
	#margin-top:10px;
	margin-right:15px;
}
div.slider-nav
{
	position:relative;
	float:left;
	top:198px;
	font-size:85%;
	letter-spacing:-0.2px;
	font-weight:bold;
	padding-right:10px;
}
	div.slider-nav a
	{
		color:#ffffff;
		text-decoration:none;
	}
		div.slider-nav div a:hover, div.slider-nav div a.selected
		{
			text-decoration:underline;
		}

/*
 * Panels
 */
div.panel
{
	float:left;
	position:relative;
	background-color:#000000;
	width:1100px;
	height:396px;
	top:70px;
}
div.main-promo
{
	float:left;
	position:relative;
	width:322px;
	height:396px;
}
	div.main-promo img
	{
	width:322px;
	height:396px;
	}
.promos-container
{
	background-color:#272727;
	color:#ffffff;
	height:340px;
	margin-top:10px;
}
.promos-frame-left
{
	float:left;
	width:276px;
	height:396px;
	margin-left:10px;
	#margin-left:5px;
}
.promos-frame-middle
{
	float:left;
	width:276px;
	height:396px;
	margin-left:10px;
}
.promos-frame-introducing
{
	float:left;
	width:335px;
	height:396px;
	margin-left:10px;
}
.promos-frame-exclusive
{
	float:left;
	width:600px;
	height:396px;
	margin-left:10px;
	#margin-left:5px;
}
.promo-content
{
	margin-left:15px;
}
.promotitle
{
	padding-top:10px;
	width:223px;
}
.promo-item
{
	margin-top:15px;
}
.promo-item img
{
	float:left;
	margin-right:10px;
}
.hotel-item
{
	margin-top:1px;
	margin-bottom:5px;
}
.hotel-item img
{
	float:left;
	margin-right:10px;
	margin-top:4px;
}

.txt
{
	width:200px;
	float:left;
}
.txt h3
{
	color:#ffffff;
}
.eh-txt
{
	width:200px;
	float:left;
}
.eh-txt h3
{
	color:#ffffff;
}
.promo-link
{
	color:#ffffff;
	font-weight:bold;
}
.promo-link a
{
	color:#ffffff;
}
.exclusive
{
	float:left;
	width:250px;
}
.exclusive p
{
	padding-bottom:10px;
	line-height:130%;
}
.hotels
{
	float:left;
	margin-left:30px;
	margin-top:10px;
}
.introducing p
{
	width:300px;
	#width:310px;
	padding-bottom:10px;
	line-height:130%;
}

div.promo
{
	width:223px;
	position:relative;
	float:left;
	margin-left:20px;
}
	div.promo a
	{
		text-decoration:none;
	}
		div.promo a:hover
		{
			text-decoration:underline;
		}
	div.promo div.promo-header
	{
		padding-left:12px;
		padding-right:12px;
		padding-top:2px;
		padding-bottom:2px;
		height:36px;
		font-weight:bold;
		font-size:90%;
		width:199px;
	}
	div.promo div.promo-graphic
	{
		height:98px;
	}
	div.promo div.price-bar
	{
		height:19px;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:12px;
		padding-right:12px;
		font-size:85%;
		font-weight:bold;
		width:199px;
	}
	div.promo div.promo-body
	{
		padding-left:9px;
		padding-right:13px;
		padding-top:19px;
		height:170px;
		overflow:auto;
	}
		div.promo div.promo-body p
		{
			font-size:85%;
			padding:0px;
			margin-top:0px;
			margin-bottom:8px;
			line-height:145%;
		}
	div.promo div.more-links
	{
		border-top-style:solid;
		border-top-width:1px;
		padding-top:7px;
	}
		div.promo div.more-links div.tell-more
		{
			position:relative;
			float:left;
			font-size:85%;
			margin-left:8px;
		}
		div.promo div.more-links div.view-all
		{
			position:relative;
			float:right;
			font-size:85%;
			margin-right:11px;
		}
		


div.slider-anchor
{
	width:1px;
	height:1px;
	position:relative;
}
	div.slider-anchor-left
	{
		float:left;
		clear:left;
	}
	div.slider-anchor-right
	{
		float:right;
		clear:right;
	}

/*
 * Main content area
 */
div.middlecontentarea
{
	margin-left:5px;
	height:396px;
	position:relative;
	float:left;
}
div.contentarea
{
	width:675px;
	height:396px;
	position:relative;
	float:left;
}
	div.contentarea div#welcome
	{
		margin-left:20px;
		margin-top:44px;
		#margin-top:39px;
		width:617px;
		color:#ffffff;
	}
		div.contentarea div#welcome h1, div.contentarea div#welcome h2,
		div.contentarea div#welcome h3, div.contentarea div#welcome a
		{
			color:#ffffff;
			text-decoration:none;
		}
			div.contentarea div#welcome a:hover
			{
				text-decoration:underline;
			}
/*	div#content a, div#content a:hover
	{
		font-weight:bold;
	}
	div#content .article-date
	{
		font-size:97%;
		font-weight:bold;
		margin-top:0px;
	}
	div#content img
	{
		margin-top:3px;
		#margin-top:3px;
		margin-bottom:3px;
	}
*/