@import url('reset.css');
@import url('useful.css');
@import url('nav.css');
@import url('capitals.css');
@import url('footer.css');
@import url('stack.css');
@import url('headers.css');
@import url('forms.css');
@import url('capacity.css');
@import url('spa.css');
@import url('specials.css');
@import url('dining.css');
@import url('meetings.css');

body {
	background-image: url('/images/backgrounds/background.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #a9c6c7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container {
	margin: 40px auto 0 auto;
	width: 982px;
}

#top {
	background-image: url('/images/backgrounds/top_bg.jpg');
	height: 563px;
	width: 982px;
}

#nav {
	float: left;
	_display: inline;
	background: #fff url('/images/backgrounds/motif_nav_bg.gif') no-repeat;
	background-position: bottom;
	height: 560px;
	margin: 3px 0 0 3px;
	width: 257px;
}

#nav-photo {
	float: left;
	_display: inline;
	background: #fff url('/images/backgrounds/motif_nav_bg.gif') no-repeat;
	background-position: bottom;
	height: 560px;
	margin: 3px 0 -3px 3px;
	width: 257px;
}

#flash {
	float: left;
	_display: inline;
	height: 560px;
	width: 719px;
}

#home #flash {
	margin-top: 3px !important;
}

#flash-inside #flash {
	margin-top: 3px;
}

#photos #flash {
	height: 594px;
	margin-top: 3px;
}

#photos #nav {
	height: 594px;
}

#photos #top {
	background-repeat: no-repeat;
	height: 603px;
}

#middle {
	float: left;
	background: url('/images/backgrounds/content_bg.jpg') repeat-y;
	padding-bottom: 1em;
	width: 100%;
}

#content {
	float: left;
	_display: inline;
	margin: 0 30px;
	padding-top: 1em;
	width: 923px;
}

#brandbar {
	float: left;
	height: 54px;
	width: 100%;
}

/* specific stuffs */

p {
	color: #888;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 1.2em 0;
}

p.top {
	margin-top: 2.4em;
}

h1 {
	/*color: #002026; we need a color */
	color: #315756; /* i picked this */
	font-family: arial; /* i picked this too */
	font-size: 1.5em; /* i picked this too */
	font-weight: bold;
	line-height: 1.4em;
	margin: .4em 0 0 0;	
}

h1.dropcap-space{
	padding-bottom: 0.5em !important;
	}

h1.spa-page {
	color: #888;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1.2em 0 0;
}

h6 {
	/*color: #002026; we need a color */
	color: #315756; /* i picked this */
	font-family: arial; /* i picked this too */
	font-size: 1.5em; /* i picked this too */
	font-weight: bold;
	line-height: 1.4em;
	margin: .4em 0 0 0;	
}

h2.logo {
	background: #fff url('/images/backgrounds/lorien.gif') no-repeat;
	cursor: pointer;
	height: 104px;
	text-indent: -9999px; /* off the page! */
	width: 257px;
}

h2.header {
	cursor: pointer;
	height: 560px;
	margin: 3px 0 0 0;
	text-indent: -9999px; /* off the page! */
	width: 719px !important;
}

h2.brandbar {
	cursor: pointer;
	background: #fff url('/images/backgrounds/kimpton_footer.jpg') no-repeat;
	height: 54px;
	text-indent: -9999px; /* off the page! */
	width: 100%;
}

h2.text {
	color: #002026;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.0em;
	margin: 1em 0 0;
}


h3 {
	color: #002026;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1.2em 0 0;
}

h4 {
	color: #002026;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1.2em 0;
}

h5 {
	color: #888;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4em;
	margin: 1.2em 0;
}

/* columns */
.column_container {
	_float: left; /* need for ie6, if no condition doesnt work ff2 */
	_display: inline;
	width: 100%;
}
.left_column {
	float: left;
	_display: inline;
	margin-right: 2%;
	width: 48%;
}
.right_column {
	float: left;
	_display: inline;
	margin-left: 2%;
	width: 48%;
}

/**** lists ****/
.list {
	color: #888;
	font-size: 1.1em;
	line-height: 1.5em;
	list-style-image: url('/images/bullet.gif');
	margin: 1.2em 3em;
}

.list ul {
	color: #639899;
	list-style-type: circle;
	margin-left: 2em;
}

.stack_list {
	line-height: 1.1em;
	list-style-image: url('/images/gray_bullet.gif');
	margin: 0 0 0 160px;
}

/* sitemap list */
.sitemap_page .list, .sitemap_page .list ul {
	line-height: 1.6em;
}

.sitemap_page .list li {
	line-height: 2.2em;
}

.sitemap_page .list li li {
	line-height: 1.6em;
}

.sitemap_page .list ul {
	margin-bottom: .4em;
}	
	
/* a tags */
#content a {
	color: #639899;
}
	
.sitemap_page a {
 	text-decoration: none;
}
.sitemap_page a:hover {
	text-decoration: underline;
}

.other_hotels a {
 	text-decoration: none;
}
.other_hotels a:hover {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.bold-italic {
	font-weight: bold;
	font-style: italic;
}

/* METRO logo on maps pg */
img.metro-logo {
	margin-right: 4px;
}

#virtual_tour #flash {
	height: 560px;
	margin-top: 3px;
	margin-bottom: -3px;
}

#virtual_tour #top {
	height: 560px;
}

#virtual_tour #nav {
	height: 560px;
}

/* horizontal-links */
.horizontal-links {
	height: 18px;	
	font-size: 1.1em;
	margin: 13px 0 0 19px;
	_margin: 12px 0 0 30px;
}

.horizontal-links ul {
	margin: auto;
	list-style:none;
	width: 100%;
}

.horizontal-links ul li {
	display: block;
	float: left;
	margin: 0 10px;
}

/* CALL OUT BOX on HOMEPAGE 

#hp-tripadvisor-box {
	background: transparent url(/images/special_box.png) repeat scroll 0 0 !important;
	border: 3px double #639899;
	float: right;
	margin: 0 10px 15px 0;
	padding: 0 15px 2px;
	width: 396px;
	_width: 385px;
}

#hp-tripadvisor-box ul li {
	padding: 0;
}*/

/* MAP pg */

.map-reservations	{ margin-right: 10px; }
.map-direct			{ margin-right: 50px; }
.map-fax			{ margin-right: 64px; }


/* BOOK NOW button */

.btn-book-now {
	display: block;
	text-indent: -9999px;
	background: transparent url('/images/btn-book-now.gif') no-repeat;
	_background: transparent url('/images/btn-book-now.gif') no-repeat;
	width: 149px;
	height: 31px;
	_cursor: hand;
}

.btn-book-now:hover {
	background-position: 0 -31px;
}

.btn-margin	{
	margin-top: 10px;
}

/*Government Per Diem Page */
.rate-box-left	{
	border: 2px solid #A9C6C7;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px 10px;
}

/*.rate-box-center	{
	border: 2px solid #BC5B19;
	width: 50%;
	margin: 0 auto;
	float: none;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px 10px;
}*/

.rate-box-center	{
	border: 2px solid #A9C6C7;
	width: 91%;
	_width: 91%;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 6px 15px;
	text-align: center;
}

.rate-box-right	{
	border: 2px solid #A9C6C7;
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 4px 10px;
}

.rate-box-left p, /*.rate-box-center p,*/ .rate-box-right p	{
	text-align: center;
}

.small-text	{
	font-size: 0.9em;
}

.offer-box {/*like the rate boxes, but full width and without a border */
	padding: 6px 10px 6px 15px;
	width: 95%;
	_width: 99%;
	border: 2px solid #A9C6C7;
}

/* ROOM images */

img.small-pic-rooms {
	border: 1px solid #888;
	float: left;
	margin: 13px 22px 5px 0;
	padding: 3px;
}

img.small-pic-rooms:hover {
	border: 1px solid #639899;
	float: left;
	margin: 13px 22px 5px 0;
	padding: 3px;
}

img.small-pic-rooms-first  {
	border: 1px solid #888;
	float: left;
	margin: 0 22px 10px 0;
	padding: 3px;
}

img.small-pic-rooms-first:hover  {
	border: 1px solid #639899;
	float: left;
	margin: 0 22px 10px 0;
	padding: 3px;
}

/* photos */
#photos	p {
	font-size: 11px;
	line-height: 13px;
	padding-bottom: 5px;
	/*margin-left: 181px;
	_margin-left: -275px;*/
	margin-top: 15px;
}

#photos a {
	text-decoration: none;
}

#photos a:hover	{
	text-decoration: underline;
}
.photo-gallery-wrap {
	width: 750px;
	overflow: hidden;
}

/* FAQ page */
	
dl.table-display	{
	color: #888;
	font-size: 1.1em;
	line-height: 1.4em
	width: 95%;
	margin: 1em 20px 1em 0;
	padding: 0;
}
	
.table-display dt	{
	width: 9%;
	float: left;
	margin: 0 0 0 0;
	padding: 2px 0;
	font-weight: bold;
}
	
.table-display dd {
	float: left;
	width: 91%;
	_width: 90%;
	margin: 0 0 0 0;
	padding: 2px 0;
}

dt.answer, dd.answer {
	line-height: 1.4em;
	padding-bottom: 1.1em;
}