/* general tag styles */

body {
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #3E310F;
	background: #64542D;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 12px;
}

p, td, li, form, label {
	font-size: 12px;
}

td, ul, ol, li, form, input, select {
	padding: 0;
	margin: 0;
}

img {
	padding: 0;
	border: 0;
}

p {
	line-height: 120%;
	padding: 0 0 10px 0;
	color: #3E310F;
	font-weight: normal;
	border: 0;
	margin: 0;
} 

h1 {
    font-size: x-small;
	line-height: 120%;
	padding: 10px 0 1px 0;
	border: 0;
	margin: 0;
	color: #fff;
}

h2 {
	border-bottom: 1px solid #736542;
	padding: 17px 0 3px 0;
	margin: 0 0 20px 0;
}

h5, h6 {
	font-size: x-small;
	padding: 10px 0 2px 0;
	border: 0;
	margin: 0;
}

select {
	font-size: x-small;
}

a {
	color: #3E310F;
}

a:hover {
	color: #3E310F;
}

label {
	color: #000;
	vertical-align: top;
	font-size: x-small;
}

.em-note {
  font-style: italic;
}

.clearit {
  clear: both;
  line-height: 1px;
  font-size: 1px;
  padding: 0;
}

/* floated elements */

.flush-left {
	float: left;
}

.flush-right {
	float: right;
}

.img-flush-right {
	float: right;
	margin: 0 0 5px 10px;
}

.img-flush-right-framed {
	background: url(../images/frame_top.jpg) left top no-repeat;
	float: right;
	padding: 18px 0 0 0;
	margin: 0 0 0 0;
}

.img-flush-right-framed img, .img-flush-left-framed img {
	background: url(../images/frame_bg.gif) left bottom no-repeat;
	padding: 0 18px 20px 19px;
}

.img-flush-left-framed {
	background: url(../images/frame_top.jpg) left top no-repeat;
	float: left;
	padding: 18px 0 0 0;
	margin: 0 10px 0 -5px;
}

.h2-flush-right {
	float: right;
	margin: 5px 0 0 0;
}

/* tabular data cell styles */

td {
	text-align: left;
	vertical-align: top;
}

td.lm {
	text-align: left;
	vertical-align: middle;
	font-size: x-small;
}

td.lb {
	text-align: left;
	vertical-align: bottom;
}

td.lt {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

td.ct {
	text-align: center;
	vertical-align: top;
}

td.cm {
	text-align: center;
	vertical-align: middle;
}

td.cb {
	text-align: center;
	vertical-align: bottom;
}

td.rt {
	text-align: right;
	vertical-align: top;
}

td.rm {
	text-align: right;
	vertical-align: middle;
}

td.rb {
	text-align: right;
	vertical-align: bottom;
}


/* main containers */ 

#main-container {
	text-align: left; 
	margin: 0 auto;
	padding: 0 30px 0 30px;
	width: 982px;
	background: #C0B28F url(../images/main_container_bg.gif) left top repeat-y;
}

#content-container {
	background: #C0B28F url(../images/content_container_bg.gif) left top no-repeat;
	padding: 0;
}

#content-area {
	padding: 0 12px 0 12px;
	margin: 0 0 11px 0;
}

/* subpages containers */

.two-columns-content-block {
	background: url(../images/two_cols_block_bg.gif) left top repeat-y;
	padding: 11px 10px 11px 10px;
}

.column-l {
	float: left;
	width: 240px;
}

.column-cr {
	float: left;
	width: 655px;
	padding: 0 0 0 40px;
}

.column-c {
	float: left;
	width: 382px;
	padding: 0 25px 0 0;
}

.column-r {
	float: right;
	width: 240px;
}

.column-c-full {
	float: left;
	width: 655px;
	padding: 0 0 0 0;
}


/* main/top and util navigation */

#main-nav {
	float: right;
	padding: 21px 23px 0 0;
}

#util {
	font-family: Tahoma, Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D8D1BE;
	text-align: right;
}

#util a {
	background: url(../images/underline.gif) left bottom repeat-x;
	font-size: 11px;
	color: #D8D1BE;
	text-decoration: none;
}

.horiz-double-line {
	background: url(../images/double_line_sep.jpg) left top repeat-x;
	font-size: 3px;
	line-height: 3px;
	margin: 11px 0 10px 0;
	padding: 0;
}

/* logo */

#logo {
	margin: 0 0 0 12px;
}

/* left navigation */

#lnav {
	background: #736542;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#lnav ul {
	list-style: none;
}

#lnav ul li {
	background: #B2A583;
	border-bottom: 1px solid #D3CBBA;
	padding: 6px 10px 6px 18px;
	font-size: 11px;
	color: #3E310F;
}

#lnav ul li a {
	font-weight: bold;
	font-size: 11px;
	color: #3E310F;
	text-decoration: none;
}

#lnav ul li.selected {
	background: #B2A583 url(../images/lnav_arrow.gif) left top no-repeat;
}

/* home page containers */

.home-content-block {
	background: #E0D9C7 url(../images/home_content_block_bg.jpg) left top repeat-y;
	padding: 0 10px 0 10px;
	border-bottom: 11px solid #E0D9C7
}

.home-column-l {
	float: left;
	width: 240px;
}

.home-column-c {
	float: left;
	width: 418px;
	padding: 18px 20px 0 20px;
}

.home-column-c p {
	padding: 0;
	line-height: 155%;
}

.home-column-c .left-indent {
	text-indent: 29px;
}

.home-column-r {
	float: left;
	width: 240px;
}

/* home page styles */

#reserve {
	background: url(../images/reserve_bg.gif) left top no-repeat;
		background-color: #FFFFFF;
	padding: 10px 22px 17px 20px;
}

.reserve-box {
	background: #560106;
	padding: 27px 15px 10px 23px;
	width: 202px;
	color: #BB999B;
	font-size: 11px;
}

#reserve-box-home {
	float: left;
	height: 294px;
	padding: 27px 15px 0 23px;
}

.reserve-box p {
	color: #BB999B;
	font-size: 11px;

}	

.reserve-box p a, .reserve-box p a:hover {
	color: #BB999B;
}	

.reserve-box table th {
	color: #BB999B;
	font-size: 11px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	padding: 0 0 7px 0;
}	

.reserve-box table td {
	padding: 0 0 15px 0;
	color: #BB999B;
	font-size: 11px;
}	

.reserve-box .select {
	width: 111px;
}

.reserve-box select {
	border: 1px solid #9D9DA1;
	background: #E0D9C7;
}

#reserve-box-home select {
	background: #fff;
}

.check {
	vertical-align: -0.1em;
}

.free-visit {
	background: url(../images/museum.jpg) right bottom no-repeat;
	font-family: Times New Roman, Tahoma, Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 13px 0 22px 22px;
	margin: 0 12px 0 0;
	font-weight: bold;
	color: #584C2D;
}

.gift-card {
	border-bottom: 10px solid #E0D9C7;
	border-top: 11px solid #E0D9C7;
	padding: 0;
}

/* callouts */

.callout {
	padding: 15px 0 0 0;
	font-size: 11px;
	height: 100%; /* solve IE bug */
}

.callout .callout-content {
	padding: 0 10px 0 15px;
}

.callout p {
	font-size: 11px;
	padding: 0 0 15px 0;
}

.callout img {
	margin: 0 0 15px 0;
}

.callout a.undrl {
	background: url(../images/underline_brown.gif) left bottom repeat-x;
	text-decoration: none;
}

.callout ul {
	list-style: none;
	padding: 0 0 15px 0;
}

#callout-about {
	background: #B2A583;
}

#callout-browse-rooms {
	border-top: 11px solid #E0D9C7;
	background: #736542;
}

#callout-browse-rooms p {
	color: #E0D9C7;
	height: 120%;
}

#callout-browse-rooms li {
	background: url(../images/pineaple_list.gif) left top no-repeat;
	color: #E0D9C7;
	font-size: 11px;
	padding: 2px 0 5px 17px;
}

#callout-browse-rooms li a {
	color: #E0D9C7;
	font-size: 11px;
	text-decoration: none;
}

#callout-browse-rooms li a:hover {
	font-size: 11px;
	text-decoration: underline;
}

.callout ul.disc-list li {
	background: url(../images/bullet.jpg) left top no-repeat !important;
	padding: 0 0 3px 12px !important;
}

#callout-rates {
	background: #B2A583;
	margin: 10px 0 0 0;
}

#callout-news {
	border: 1px solid #B2A583;
	padding: 15px 19px 15px 19px;
}

#callout-news a {
	color: #560106;
}

/* rooms & suites page styles */

.description-block-left {
	width: 330px;
	float: left;
}	

.description-block-right {
	width: 325px;
	float: right;
}	

.description-block-left a, .description-block-right a {
	color: #560106;
}

.description-block-left a img, .description-block-right a img {
	vertical-align: middle !important;
}

.browse-combo {
	color: #3E310F;
	background: #C9BFA5;
	padding: 13px 18px 13px 18px;
}

.browse-combo select {
	color: #3E310F;
	font-size: 11px;
	padding: 1px;
	border: 1px solid #9D9DA1;
	width: 205px;
}

.column-cr p, .column-c p {
	line-height: 155%;
}

.column-c p, .column-c-full p {
	line-height: 155%;
	padding: 0;
}

.column-cr .left-indent {
	text-indent: 29px;
	padding: 0;
}

.suite-img {
	background: url(../images/suite_bottom.jpg) left bottom no-repeat;
	padding: 0 0 25px 0;
	margin: -10px -29px 0 -29px;
	position: relative; 
	z-index: 100;
	height: 100%; /* solve IE bug */
}

.suite-img img {
	background: url(../images/suite_bg.jpg) left top no-repeat;
	padding: 10px 20px 0 23px;
}

.rates {
	padding: 0 0 7px 0 !important;
	line-height: 100%;
}

.rates span {
	float: right;
}

#hdr {
	border-bottom: 1px solid #E0D9C7;
	margin: 0 0 10px 0;
}

/* about page styles */

.quote {
	background: #3E310F;
	padding: 20px 0 20px 20px;
	margin: 15px 0;
}

.quote p {
	padding: 0 60px 0 0;
	font-family: Times New Roman, Tahoma, Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #DBD8D2;
	text-align: center;
	line-height: 130%;
}

.quote .author {
	padding: 0 20px 0 0;
	font-size: 12px;
	font-style: italic;
	color: #DBD8D2;
	text-align: right;
	line-height: 130%;
}

/* footer */

#footer {
	padding: 0 12px 0 12px;
}

#footer .footer-t {
	font-family: Tahoma, Georgia, Verdana, Arial, Helvetica, sans-serif;
	background: #64542D;
	color: #D8D1BE;
	font-size: 11px;
	padding: 15px 18px;
}

#footer .footer-t a {
	font-family: Tahoma, Georgia, Verdana, Arial, Helvetica, sans-serif;
	color: #D8D1BE;
	font-size: 11px;
	text-decoration: none;
}

#footer .footer-t a:hover {
	color: #D8D1BE;
	text-decoration: underline;
}

#footer .footer-m {
	background: url(../images/footer_m_bg.jpg) left top no-repeat;
	color: #736542;
	font-size: 10px;
	padding: 30px 3px 5px 3px;
	margin: 11px 0 0 0;
	border-bottom: 1px solid #736542;
}

#footer .footer-m p {
	color: #736542;
	font-size: 10px;
}

#footer .footer-m p a {
	color: #736542;
	font-size: 10px;
}

#footer .footer-m span {
	float: right;
	text-align: right;
}

#footer .footer-b {
	color: #736542;
	font-family: Tahoma, Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding: 20px 0 30px 0;
}

#footer .footer-b a {
	color: #736542;
	text-decoration: none;
}

#footer .footer-b a:hover {
	color: #736542;
	text-decoration: underline;
}

/* other styles */

.brown {
	color: #510F04;
}

.small-text {
	font-size: 11px;
}	

.note {
	font-size: 10px !important;
}

#t {
	background: url(../images/t.gif) left top no-repeat;
	padding: 3px 0 0 0;
}

#w {
	background: url(../images/w.gif) left top no-repeat;
	padding: 13px 0 0 0;
}