@import url('reset.css');
@import url('headers.css');
@import url('minires.css');
@import url('footer.css');
@import url('navigation.css');
@import url('forms.css');
@import url('languages.css');
@import "thickbox.css";

body {
	background: #000;
	font-family: tahoma, arial;
	font-size: 11px;
	line-height: 16px;
}

#background-top { 
	height: 151px; 
	background: #000 url('/images/backgrounds/mid-top.jpg') bottom repeat-x; 
	width: 100%;
}

#background-middle { 
	background: #000 url('/images/backgrounds/mid.jpg') top; 
	width: 100%;
}

#background-bottom { 
	background: #000 url('/images/backgrounds/bottom.jpg') repeat-x; 
	width: 100%; 
	min-height: 154px;
	height: auto !important; 
	_height: 154px; 
	top: -151px; 
	position: relative; 
}

#wrap { 
	width: 950px; 
	margin: 0 auto 0; 
	background: #e0e0e9; 
}

#background-middle { background: #000 url('/images/backgrounds/mid.jpg') top; width: 100%;}

#container { 
	margin: 0 auto; 
	background: transparent url('/images/top-bg.jpg') top no-repeat; 
	width: 980px; 
	position: relative; 
	top: -151px; 
	z-index: 2; 
	padding-top: 37px;
}

#container-wrap {
	background: #e0e0e9;
	margin: 0 auto 0;
	width: 950px;
}

#content-wrap {
	width: 932px;
	margin: 0 auto;
}

#top, #middle {
	float: left;
	width: 100%;
}
#middle {
	background: url('/images/middle-background.gif') top right no-repeat;
}

#top-left, #flash {
	float: left;
	_display: inline;
}

#flash {
	float: left;
	_display: inline;
	width: 750px;
	height: 380px;
	overflow: hidden;
}

#top-content-wrap {
	float: left;
	_display: inline;
	margin: 10px 0 0 10px;
	width: 930px;
}

#middle-content-wrap {
	float: left;
	width: 100%;
	margin-bottom: 10px; /* originally 10px; */
}

.middle-column-container {
	float: left;
	width: 100%;
	min-height: 300px; /* originally 396 */
	height: auto !important;
	height: 315px; /* originally 396 */
}

#snipe {
	float: right;
	margin: 20px 20px 0 0;
}

#footer-container {
	width: 950px;
	margin: 0 auto;
}

/* general styles */

p {
	font-size: 11px;
	line-height: 16px;
	margin: 6px 0 8px;
}

h1 {
	font-size: 1.2em;
	color: #474973; /* originally #c41c3d */
	font-weight: bold;
}

h2 {
	font-size: 1.1em;
	color: #474973;
	font-weight: bold;
}

h3 {
	color: #474973;
	font-size: 1.1em;
	font-weight: bold;
}

h4 {
	color: #474973;
	font-weight: bold;
}

h5 {
	color: #474973;
	font-weight: normal;
}

.hr {
	height: 0;
	width: 100%;
	/*background-color: #f3f3f6;*/
	background-color: #ccc;
	padding-top: 2px;
	/*border-top: 1px solid #c1c2cb;*/
	overflow: hidden;
}

.single-column .hr, .column .hr {
	margin: 6px 0;
}

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

a:hover {
	text-decoration: underline;
}

h2 a {
	color: #474973;
}

h2 a:hover {
	text-decoration: none;
}

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

/* content layout styles */
.column-container {
	float: left;
	margin-top: 10px;
	width: 740px;
}
.single-column {
	float: left;
	_display: inline;
	width: 720px;
	margin-left: 20px;
}
.column {
	float: left;
	_display: inline;
	width: 350px;
	margin-left: 20px;
}

/* lists */
ul.arrow li {
	background: url('/images/arrows/red.gif') no-repeat;
	background-position: 0 4px;
	list-style-type: none;
	padding-left: 10px;
	display: block;
}

.arrow-white li {
	background: url('/images/arrows/white.gif') no-repeat;
	background-position: 0 6px;
	list-style-type: none;
	padding-left: 10px;
	display: block;
}

.bulleted li {
	background: url('/images/bullet.gif') no-repeat;
	background-position: 0 6px;
	list-style-type: none;
	padding-left: 14px;
	display: block;
}

.top-list {
	margin-top: 6px;
}

ul.faq-arrow	{
	margin-top: 5px;
	margin-bottom: 8px;
}

ul.faq-arrow li {
	background: url('/images/arrows/red.gif') no-repeat;
	background-position: 0 4px;
	list-style-type: none;
	padding-left: 10px;
	padding-bottom: 2px;
	display: block;
}

ol {
	line-height: 1.2em;
	list-style-type: decimal;
	margin-top: 6px;
	margin-left: 30px;
}

ol li {
	padding-bottom: 3px;
}

/* brandbar */

.btn-brandbar {
	float: left;
}

#brandbar ul {
	float: left;
	background-color: #8584a6;
	height: 32px;
	width: 950px;
}

#brandbar ul li {
	float: left;
	background: url('/images/arrows/white.gif') no-repeat;
	background-position: 0 6px;
	list-style-type: none;
	padding-left: 10px;
	margin: 8px 24px 0;
	_margin: 8px 22px 0;
	_height: 16px;
}

#brandbar ul li a {
	_float: left;
	_height: 16px;
	color: #fff;
}

/* IMAGES with boxes */

img.float-left {
	float: left; 
	padding: 3px; 
	border: 1px #a2a4a3 solid; 
	margin: 0 10px 5px 0;
}

img.float-right {
	float: right; 
	padding: 3px; 
	border: 1px #a2a4a3 solid; 
	margin: 0 0 5px 7px;
}

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

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

img.museum-specials {
	padding: 3px; 
	border: 1px #a2a4a3 solid;
}

img.aaa-logo  {
	margin: 10px auto;
}

img.cares-image {
	border: 1px solid #a2a4a3;
	margin-top: 7px;
	margin-bottom: 7px;
	padding: 3px;
}


/* PHONE NUMBERS */

.ruby-room-tel  {
	padding-left: 11px;
}

.ruby-room-fax  {
	padding-left: 7px;
}

.map-direct  {
	padding-left: 22px;
}

.map-toll-free  {
	padding-left: 10px;
}

.online-media-tel  {
	padding-left: 15px;
}

/* GLOBAL BUSINESS PROGRAM page */

.disclaimer {
	font-size: 11px;
	font-style: italic;
}

/* SITE MAP page */

.sitemap li {
	line-height: 1.2em;
	margin: 0 0 .5em 0;
}

/* international callers table */
.international_numbers {
	margin: 8px 0 0 0;
	border: 1px solid #474973;
	width: 306px;
}
.international_numbers th {
	background-color: #8584A6;
	border-width: 0 1px 0 1px;
	color: #fff;
	font-size: 13px;
	padding: 3px 3px 3px 8px;
	font-weight: bold;
}
.international_numbers td {
	color: #111;
	padding: 2px 2px 2px 8px;
}

/* site map */

ul.sitemap li ul {
	margin: 4px 0;
}

/* DINING hours */

table.dining-hours {
	line-height: 1.2em;
}

table.dining-hours td {
	padding-bottom: 2px;
	}

/* Terms and Conditions on SPECIALS page */

.terms {
	display: block;
	font-size: 0.9em;
	line-height: 1.1em;	
	text-align: justify;
}

/* Clear Div*/
.clear {
	clear: both;
	display: block;
	line-height: 0px;
}

/* google link on MAP pg */
a.google-pin, a.google-pin:hover {
	background: transparent url('/images/map/google_pin.gif') no-repeat 0 8px;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 17px;
}

a.google-pin	{
	text-decoration: none;
}

a.google-pin:hover	{
	text-decoration: underline;
}

/* GREEN SEAL */
img.green-seal	{
	float: right;
	margin: 0 0 0 5px;
}

img.ppc-map  {
	border: 1px solid #a2a4a3;
	margin: 15px 0 10px;
	padding: 2px;
}

/* Reserve Now button  */
.btn-ppc-reserve {
	display: block;
	text-indent: -9999px;
	background-image: url('/images/ppc/reserve_now.gif');
	width: 149px;
	height: 31px;
	cursor: pointer;
	margin: 20px 0 0 0;
	_cursor: hand;
}

.btn-ppc-reserve:hover {
	background-position: 0 -31px;
}

/* camera button  */
.btn-camera {
	text-indent: -9999px;
	background-image: url('/images/ppc/camera.gif');
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin: 20px 0 0 0;
	_cursor: hand;
}

.btn-camera:hover {
	background-position: 0 -30px;
}

/* HOME PAGE HOVER POPUP */
div.css-popup img {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	border: 1px solid #7e80a2;
}

a.mind-body-popup span {
	top: -8em;
	left: 0;
}

div.css-popup {
	display: none;
	background-color: #4b4d76;
	_background-color: #4b4d76;
	border: 2px solid #242762;
	_border: 2px solid #242762;
	color: #fff;
	_color: #fff;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 8px;
	position: absolute;
	text-align: left;
	text-decoration: none !important;
	width: 350px;
	z-index: 14;	
}

.wine-popup {
	left: 20em;
	top: 40em;
}

.mind-body-popup {
	left: 55em;
	top: 49em;
}

.faq-wrap h1 {
	margin: 0 0 6px 0;
}

.faq-wrap h3 {
	color: #474973;
	font-weight: bold;
	margin: 6px 0 4px;
}

.faq-wrap ul {
	margin: 0;
}

.faq-wrap dl {
	float: left;
	margin: 10px 0;
	width: 700px;
}
.faq-wrap dl dt {
	float: left;
	font-weight: bold;
	width: 100px;
}
.faq-wrap dl dd {
	float: left;
	width: 600px;
}

.anchor, .anchor:hover {
	text-decoration: none;
	color: #000;
}

h2 a.anchor {
	color: #4c6a71;
}
h2 a.anchor:hover {
	color: #4c6a71;
}

/* 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;
}