/* The White House CSS
	Design by Neo Creative
	CSS by John King */

/* RESET CSS CODE */

body,html,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
cite,code,em,strong,th{font-style:normal;font-weight:normal;}
ol,ul,li{list-style:none;}
h1,h2,h3,h4{font-size:100.01%;font-weight:normal;margin:0px;padding:0px;}
body{font:100.01% verdana, arial, Sans-Serif;}
img{display: block;}

/* Page and Layout CSS */

body {
	text-align: center;
	background-color: white;
}

#wrapper {
	margin: 0px auto 0px auto;
	padding: 0px 30px 0px 30px;
	text-align: left;
	width: 702px;
}

#header {
	height: 85px;
}

#menu {
	height: 40px;
}

#banner {
	height: 194px;
}

#content {
	margin: 20px 25px 5px 0px;
	width: 443px;
	float: left;
	display: inline; /* Makes things work in IE6 */
}

#right_column {
	margin: 20px 0px 10px 0px;
	width: 234px;
	float: left;
	display: inline;
}

#footer1 {
	clear: both;
}

#footer2 {
	clear: both;
	height: 40px;
}

#spacer {
	clear: both;
	height: 40px;
}

/* Font Color and Size CSS */

body {
	color: #B8B7B7;
}

a {
	color: #B8B7B7;
	text-decoration: none;
}

a:hover {
	color: #DE6403;
	text-decoration: none;
}

#content p {
	font-size: 0.8125em;
	color: #827F7F;
	line-height: 1.1875em; 
}

#content h3 {
	font-size: 0.75em;
	font-weight: bold;
	color: #402815;
}

#content p.aalogo {
	font-size: 0.6875em;
}

#content p.aalogo a {
	color: #333333;
	text-decoration: underline;
}

#content p.aalogo a:hover {
	color: #DE6403;
}

#content p.journey {
	color: #817F80;
	font-weight: bold;
}

#content ul.location li {
	line-height: 1.25em;
}

#content ul.location li a {
	font-size: 0.75em;
	color: #613E06;
}

#content ul.location li a:hover {
	font-size: 0.75em;
	color: #DE6403;
}

#right_column h4 {
	font-weight: bold;
	font-size: 0.75em;
	color: #402815;
}

#right_column p {
	font-size: 0.6875em;
	color: #827F7F;
}

#right_column p.rates {
	color: #402815;
	line-height: 1.25em;
}

#right_column ul.rates li {
	color: #402815;
	font-size: 0.6875em;
	line-height: 1.25em;
}

#right_column ul.rates li a {
	color: #402815;
}

#right_column ul.rates li a:hover {
	color: #DE6403;
}

#right_column ul.interest li {
	color: #402815;
	font-size: 0.75em;
	line-height: 1.25em;
}

#right_column ul.interest li .number {
	text-align: center;
	color: #FFFEFF;
	font-weight: bold;
	font-size: 0.8125em;
}

#right_column a {
	color: #827F7F;
}

#right_column a:hover {
	color: #DE6403;
}

#right_column ul.interest li a {
	color: #613E06;
	line-height: 1.25em;
}

#right_column ul.interest li a:hover {
	color: #DE6403;
}

#footer1 p {
	font-size: 0.6875em;
	letter-spacing: 0.07em;
	color: #999999;
}

#footer2 p {
	color: #cccccc;
	font-size: 0.6875em;
}

#footer2 p a {
	color: #cccccc;
}


/* Header CSS */

#header h1 {
	float: left;
	padding-top: 37px;
}

img.phonenumber {
	float: right;
	padding: 37px 0px 0px 0px;
}

/* Menu CSS */

#menu ul {
	float: left;
	width: 442px;
	height: 30px;
}

#menu ul li {
	float: left;
}

#menu ul li a {
	background: transparent url('graphics/menu.gif') no-repeat 0px 0px;
	height: 30px;
	display: block;
}

#menu ul li.home a {
	background-position: 0px 0px;
	width: 42px; /* 50px minus 8px margin */
	margin: 0px 8px 0px 0px;
}

#menu ul li.home a:hover, #menu ul li.home a.active {
	background-position: 0px -30px;
}

#menu ul li.rooms a {
	background-position: -58px 0px; /* 50px plus 8px margin */
	width: 52px; /* 68px minus 16px margin */
	margin: 0px 8px 0px 8px;
}

#menu ul li.rooms a:hover, #menu ul li.rooms a.active {
	background-position: -58px -30px;
}

#menu ul li.prices a {
	background-position: -126px 0px; /* 50px + 68px plus 8px margin */
	width: 47px; /* 63px minus 16px margin */
	margin: 0px 8px 0px 8px;
}

#menu ul li.prices a:hover, #menu ul li.prices a.active {
	background-position: -126px -30px;
}

#menu ul li.gallery a {
	background-position: -189px 0px; /* 50px + 68px + 63px plus 8px margin */
	width: 51px; /* 67px minus 16px margin */
	margin: 0px 8px 0px 8px;
}

#menu ul li.gallery a:hover, #menu ul li.gallery a.active {
	background-position: -189px -30px;
}

#menu ul li.offers a {
	background-position: -256px 0px; /* 50px + 68px + 63px + 67px plus 8px margin */
	width: 46px; /* 62px minus 16px margin */
	margin: 0px 8px 0px 8px;
}

#menu ul li.offers a:hover, #menu ul li.offers a.active {
	background-position: -256px -30px;
}

#menu ul li.location a { 
	background-position: -317px 0px; /* 50px + 68px + 63px + 67px + 62px plus 8px margin */
	width: 59px; /* 75px minus 16px margin */
	margin: 0px 8px 0px 8px;
}

#menu ul li.location a:hover, #menu ul li.location a.active {
	background-position: -317px -30px;
}

#menu ul li.links a {
	background-position: -392px 0px; /* 50px + 68px + 63px + 67px + 62px + 75px plus 8px margin */
	width: 47px; /* 55px minus 8px margin */
	margin: 0px 0px 0px 8px;
}

#menu ul li.links a:hover, #menu ul li.links a.active {
	background-position: -392px -30px;
}

#menu ul li a span {
	display: none;
}

a.bookings {
	float: right;
	width: 184px;
	height: 30px;
}

/* Banner Area CSS */

#banner #flash_holder {
	width: 702px;
	height: 194px;
}

#banner ul li {
	float: left;
}

#banner ul li.one_col {
	width: 117px;
}

#banner ul li.two_col {
	width: 234px;
}

#banner ul li.four_col {
	width: 468px;
}

#banner ul li.six_col {
	width: 702px;
}

#banner ul li.room_links a {
	width: 234px;
	display: block;
}

#banner ul li.room_links a.little {
	height: 31px;
	margin-bottom: 1px;
}

#banner ul li.room_links a.big {
	height: 34px;
}

#banner ul li.room_links a.little:hover {
	background-position: -1px -31px;
}

#banner ul li.room_links a.big:hover {
	background-position: -1px -34px;
}

#banner ul li a.room_one {
	background: transparent url('banner/rooms_links_01.gif') no-repeat -1px 0px;
}

#banner ul li a.room_two {
	background: transparent url('banner/rooms_links_02.gif') no-repeat -1px 0px;
}

#banner ul li a.room_three {
	background: transparent url('banner/rooms_links_03.gif') no-repeat -1px 0px;
}

#banner ul li a.room_four {
	background: transparent url('banner/rooms_links_04.gif') no-repeat -1px 0px;
}

#banner ul li a.room_five {
	background: transparent url('banner/rooms_links_05.gif') no-repeat -1px 0px;
}

#banner ul li a.room_six {
	background: transparent url('banner/rooms_links_06.gif') no-repeat -1px 0px;
}

/* Gallery CSS */

#gallery {
	width: 702px;
	height: 300px;
	background: #eeeeee;
}

/* Main Content CSS */

#content p {
	padding: 0px 0px 12px 0px;
}

#content h3 {
	padding: 6px 0px 3px 0px;
}

#content p.aalogo {
	padding-top: 15px;
	line-height: 17px;
}

#content p.aalogo img {
	float: left;
	padding-right: 5px;
}

#content p.journey {
	padding-bottom: 4px;
}

#content ul.location {
	padding-bottom: 10px;
}

#content ul.location li {
	background: transparent url('graphics/price_bullet.gif') no-repeat 0px 2px;
	padding: 0px 0px 3px 20px;
}

/* Right Column CSS */

#right_column h4 {
	padding: 1px 0px 0px 0px;
}

#right_column p {
	padding: 1px 0px 10px 0px;
}

#right_column p.rates {
	margin: 40px 0px 5px 0px;
}

#right_column ul.rates {
	border-top: 1px solid #827F7F;
}

#right_column ul.offers {
	border-top: 1px solid white;
	margin-top: 30px;
}

#right_column ul.rates li {
	background: transparent url('graphics/price_bullet.gif') no-repeat 0px 0px;
	margin-top: 9px;
	padding: 1px 0px 5px 20px;
}

#right_column ul.interest {
	margin-top: 5px;
}

#right_column ul.interest li {
	clear: both;
	margin-bottom: 5px;
}

#right_column ul.interest li .number {
	width: 17px;
	height: 14px;
	margin-right: 8px;
	background-color: #5F3F06;
	float: left;
}

/* Footer Area CSS */

#footer1 {
	margin-top: 20px;
	border-top: 1px solid #B8B7B7;
	border-bottom: 1px solid #B8B7B7;
}

#footer1 p {
	padding: 6px 0px 6px 0px;
}

#footer2 p {
	padding: 10px 0px 0px 0px;
}