/* Best Western CSS Document */

/* --- Basic Tags --- */

html, body, div, a img, img, ul, li, li a {
	margin: 0;
	padding: 0;
	border: 0;
}

html {
	font-size: 11px;
}
body {
	font-family: Arial, serif, sans-serif;
	background: #C5BB9B url('../img/body_bg_large.jpg');
}
li {
	list-style-position: inside;
}
p {
	font-size: 12px;
	letter-spacing: .5px;
}
iframe {
	padding: 4px;
	background-color: #FFF;
	border: 1px solid #D5D5D5;
}

/* --- Links --- */

a {
	color: #F24921;
	text-decoration: none;
}
a:hover {
	color: #3e69c2;
	text-decoration: none;
}

#subnavigation ul li a {
	color: #FFF;
	text-decoration: none;
}
#subnavigation ul li a:hover {
	color: #C5C5C5;
	text-decoration: none;
}

#hpleft a {
	display: block;
	padding-left: 14px;
	background: url('../img/arrow.gif') no-repeat 0px 7px;
	font-size: 14px;
	color: #EEE;
	text-decoration: underline;
}
#hpleft a:hover {
	color: #DC8826;
}

/* --- Typography --- */
h1, #contentright h2 {
	text-transform: uppercase;
	font: 20px/.4em Palatino, Garamond, Georgia, "Times New Roman" , serif;
	font-weight: bold;
	color: #454545;
	margin: 0;
	padding-bottom: 8px;
	border-bottom: 1px solid #dd8712;
}
#contentright h2 {
	border: none;
	padding: 24px 0 8px 12px;
	margin: 0;
}
p.quote {
	font-style: italic;
	color: #666;
	margin: 8px 0 24px 0;
	font-size: 16px !important;
	letter-spacing: -.5px;
	font-family: Georgia, "Times New Roman" , Palatino, Garamond, Georgia, serif;
}
h3 {
	margin-right: 10px;
	border-bottom: 1px solid #dd8712;
	height: 24px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
h3.for_reservations {
	background: url('../img/h3_for_reservations-rev.gif') no-repeat;
	height: 24px;
	margin-top: 15px;
	margin-bottom: 0;
}
h3.best_western {
	background: url('../img/h3_best_western-rev.gif') no-repeat;
	height: 42px;
	padding: 0;
	margin: 0;
}

/* h2 												{ text-transform:uppercase; font-size:16px; font-family:Palatino, Garamond, Georgia, "Times New Roman", serif; letter-spacing:.5px; line-height:10px; color:#DC8827; border-bottom:1px solid #DC8827; margin-top:24px; }
*/

#contentleft h2 {
	text-transform: uppercase;
	font: 17px/10px Garamond, Georgia, "Times New Roman" , serif;
	color: #DC8827;
	border-bottom: 1px solid #DC8827;
}

#contact_page h2, #meeting-facilities_page h2 {
	letter-spacing: -.3px;
}

/* --- Framework --- */

#package {
	width: 900px;
	margin: 0 auto;
	text-align: left !important;
	padding: 0 25px;
	background: url('/assets/img/package_bg.png');
	_background: url('/assets/img/package_bg.gif');
}

#logo {
	width: 545px;
	height: 89px;
	display: block;
	float: left;
	padding: 30px 0 21px 64px;
}
#quicklinks {
	width: 236px;
	float: right;
	padding: 12px 12px 21px 0;
}

#topnavigation {
	height: 25px;
	float: right;
	padding-right: 24px;
}
#topnavigation li {
	display: block;
	float: left;
}
#topnavigation li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 25px;
}

#tophome {
	width: 75px;
	background: url('../img/top_nav-2.gif') no-repeat 0px -25px;
}
#tophome:hover {
	background: url('../img/top_nav-2.gif') no-repeat 0px -50px;
}
#tophome:active, body.home #tophome, #index_page #tophome {
	background: url('../img/top_nav-2.gif') no-repeat 0px 0px;
}

#tophote {
	width: 101px;
	background: url('../img/top_nav-2.gif') no-repeat -76px -25px;
}
#tophote:hover {
	background: url('../img/top_nav-2.gif') no-repeat -76px -50px;
}
#tophote:active, #hotel-features_page #tophote, body.hotel-features #tophote {
	background: url('../img/top_nav-2.gif') no-repeat -76px 0px;
}

#topgues {
	width: 146px;
	background: url('../img/top_nav-2.gif') no-repeat -177px -25px;
}
#topgues:hover {
	background: url('../img/top_nav-2.gif') no-repeat -177px -50px;
}
#topgues:active, #guest-accommodations_page #topgues, body.guest-accommodations #topgues {
	background: url('../img/top_nav-2.gif') no-repeat -177px 0px;
}

#toprate {
	width: 134px;
	background: url('../img/top_nav-2.gif') no-repeat -324px -25px;
}
#toprate:hover {
	background: url('../img/top_nav-2.gif') no-repeat -324px -50px;
}
#toprate:active, #rates-reservations_page #toprate, body.rates-reservations #toprate {
	background: url('../img/top_nav-2.gif') no-repeat -324px 0px;
}

#topmeet {
	width: 112px;
	background: url('../img/top_nav-2.gif') no-repeat -459px -25px;
}
#topmeet:hover {
	background: url('../img/top_nav-2.gif') no-repeat -459px -50px;
}
#topmeet:active, #meeting-facilities_page #topmeet, body.meeting-facilities #topmeet {
	background: url('../img/top_nav-2.gif') no-repeat -459px 0px;
}

#topbest {
	width: 95px;
	background: url('../img/top_nav-2.gif') no-repeat -572px -25px;
}
#topbest:hover {
	background: url('../img/top_nav-2.gif') no-repeat -572px -50px;
}
#topbest:active {
	background: url('../img/top_nav-2.gif') no-repeat -572px 0px;
}

#subnavigation {
	height: 22px;
	padding-top: 7px;
	width: 900px;
	background-color: #003887;
}
#subnavigation ul li {
	display: inline;
	line-height: normal;
	margin: 0 12px;
}

#index_page #subhome, .home #subhome {
	display: inline;
}

#subhome {
	margin-left: 189px;
}
#subhote {
	margin-left: 285px;
}
#subrate {
	margin-left: 535px;
}
#submeet {
	margin-left: 450px;
}
#subgues {
	margin-left: 420px;
}

#homepageheader {
	height: 330px;
	width: 900px;
}
#hpleft {
	height: 330px;
	width: 590px;
	float: left;
	color: #FCF1C4;
	padding: 0;
}
#hpright {
	background: url('../img/index-right-header.jpg') no-repeat;
	height: 330px;
	width: 310px;
	float: left;
	line-height: 1.6em;
}

#hpright p {
	padding: 5px 10px 0px 0;
	margin: 6px 0;
	text-align: center;
}

#content {
	width: 900px;
}

#contentleft {
	width: 466px;
	float: left;
	background: url('../img/flower.gif') no-repeat 2px 2px;
	padding: 48px 13px 48px 16px;
}
#contentleft-rev {
	float: left;
	background: url('../img/flower.gif') no-repeat 2px 2px;
	padding: 48px 13px 48px 16px;
}
#contentright {
	width: 405px;
	float: right;
	padding: 12px 0;
}
#area-map_page #contentleft {
	width: 876px;
	padding: 48px 8px 48px 16px;
}

#contentleft p {
	font-size: 13px;
}
#content h2 {
	padding-top: 10px;
}
#contentleft ul li {
	/* list-style-image:url('../img/list_two.gif');*/
	font-size: 13px;
	padding: 6px 0;
	color: #000;
}
#contentleft ul li span {
	color: #000;
}
#contentleft ul li ul {
	margin-left: 24px;
}

#contentright img {
	margin: 16px 0 0 0;
}
#hotel-features_page #contentright img {
	margin: 0;
}
#contentright a span {
	display: block;
	text-align: right;
	padding: 0 24px 0 0;
	margin-top: -8px;
	font-size: 14px;
}

#index_page #contentleft {
	width: 555px;
}
#index_page #contentright {
	width: 300px;
}
#footer {
	padding: 8px 28px;
	width: 844px;
}
#footer ul {
	border-top: 1px solid #B9A58B;
	padding-top: 12px;
}
#footer ul li {
	display: inline;
}

#bottom {
	background: transparent url('../img/bottom_bg.png') no-repeat;
	_background: transparent url('../img/bottom_bg.gif') no-repeat;
	width: 950px;
	margin: 0 auto;
	padding: 36px 0;
}
#bottom .left {
	float: left;
	padding-left: 35px;
}
#bottom .right {
	float: right;
	padding-right: 35px;
}
#bottom p {
	margin: 0;
	padding: 0;
}

/* Single Page Content */

#weather_widget {
	float: right;
	width: 270px;
	margin-right: 24px;
	height: 175px !important;
	overflow: hidden;
}

.photo_author {
	text-align: right;
	margin: 0;
	padding: 0 24px;
	font-size: 11px;
	font-style: italic;
}
.photo_text {
	padding: 0;
	margin: 0 24px;
	font-size: 11px;
}

/* Contact Form */

#contentright .form-class {
	border: 2px solid #F5F5F5;
	padding: 1px;
	background-color: #EEE;
	width: 390px;
}
#contentright .form-class div {
	border: 4px solid #DDD;
	padding: 8px;
	background-color: #FFF;
}
#contentright .form-class div p, #contentright form div button {
	clear: both;
}
#contentright .form-class div .submitbutton {
	margin-left: 70%;
}
#contentright .form-class div p label {
	width: 40%;
	display: block;
	float: left;
	text-align: left;
	margin: 4px 0;
}
#contentright .form-class div p input, #contentright .form-class div p textarea {
	width: 58%;
	text-align: left;
	padding: 4px 0;
	float: right;
	margin: 4px 0;
	border: 1px solid #DDD;
	border-top: 2px solid #CCC;
	border-right: 1px solid #D5D5D5;
}
#contentright .form-class div p textarea {
	height: 160px;
}

/*Meeting Planner Form */

.req-txt {
	font-size: 11px;
	color: red;
}



#thankyou {
	border: 1px solid #008706;
	background-color: #CFFFD1;
	color: #008706;
	margin: 8px 0;
	padding: 8px;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}

/* --- Classes --- */

.clear {
	clear: both;
}
.olink {
	color: #DC8827;
}

.list {
	padding: 8px;
	background: url('../img/list.gif') no-repeat center center;
}
.nolist {
	list-style: none !important;
	list-style-image: none !important;
}

.email {
	width: 90px;
	height: 24px;
	background: url('../img/email_button.gif') no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}
.email:hover {
	background-position: 0px -24px;
}

.submitbutton {
	display: block;
	text-indent: -9999px;
	border: 0;
	overflow: hidden;
	height: 45px;
	width: 113px;
	background: url('../img/submit_button.gif') no-repeat;
}
.submitbutton:hover {
	background-position: 0px -45px;
}

.red_arrow {
	padding-left: 19px;
	background: url('../img/red_arrow.gif') no-repeat;
}
a.red_arrow {
	background-position: 0px -3px;
	padding-left: 14px;
	line-height: 1.8em;
}
