html { 
	background: #374681 url(../images/sky.jpg) no-repeat center top; }

body {
	margin: 0; padding: 0;
	font: 62.5%/2.8em arial, sans-serif;
	background: url(../images/bg_body.png) repeat-x center bottom;
	border-top: 2px solid #f9fceb;
	text-align: center; }
	
h2 { 
	color: #3a5584; line-height: 1.2em; }
	
a { color: #000; }
	a:hover { text-decoration: none; }
	
.clear { clear: both; }
	
#wrapper {
	width: 960px;
	margin: 0 auto;
	text-align: left; }
	
	
	

/* ------ header ------ */

#header { 
	width: 960px;
	position: relative;
	overflow: hidden;
	background: url(../images/content_top.png) no-repeat center bottom;
	padding-bottom: 30px; }

#header h1 {
	font-family: times, serif;
	font-size: 1.5em;
	text-align: center;
	text-transform: uppercase;
	background: url(../images/logo_bg.png) no-repeat center top;
	width: 186px; height: 70px;
	margin: 22px 0 0; padding: 35px 0 0;
	float: left; line-height: 1.4em;
	font-weight: normal; }
	#header h1 a span.city {
		font-size: 1.8em;
		text-transform: capitalize;
		letter-spacing: .08em; }
	#header h1 a { 
		display: block;
		height: 70px; outline: none;
		text-decoration: none;
		color: #f9fceb;
		text-shadow: 1px 1px 1px #000;
		letter-spacing: .07em; }

#header h2 {
	width: 149px; height: 33px;
	margin: 0;
	background: url(../images/crshotels_sm.jpg) no-repeat center top;
	position: absolute; top: 0; right: 0; }
	#header h2 a { 
		display: block;
		height: 33px; outline: none;
		text-indent: -9999px; }
		
#header #nav { 
	width: 740px; height: 47px;
	background: url(../images/bg_nav.png) no-repeat left top;
	overflow: hidden;
	float: right; list-style: none;
	margin: 57px 0 0; padding: 10px 0 0 0; }
	#header #nav li {
		float: left;
		text-align: center; }
	#header #nav a { 
		color: #f9fceb; font-size: 1.55em;
		letter-spacing: .035em;
		text-transform: uppercase;
		text-decoration: none;
		display: block;
		text-align: center; }
		#header #nav a:hover, #header #nav a.current {
			color: #d1a34f; }
		#header #home { 
			width: 83px; }
		#header #resv { 
			width: 155px; }
		#header #fac { 
			width: 118px; }
		#header #info { 
			width: 206px; }
		#header #loc { 
			width: 170px; }
			

	
	

/* ------ cta ------ */

#cta { 
	position: relative;
	margin: 0 0 20px;
	width: 918px;
	height: 416px;
	background: #2b2d32 url(../images/cta_grey.png) no-repeat center bottom;
	border: 1px solid #2b2d32; }	
	
#cta_rates {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 127px;
	width: 892px;
	padding-left: 30px;
	overflow: hidden; }
	#cta_rates #view_tab {
		background: url(../images/view_tab.png) no-repeat left top;
		width: 182px;
		height: 38px;
		margin: 0;
		position: absolute;
		right: 25px;
		top: 0; }
	#cta_rates #view_tab a {
		display: block;
		color: #ffef7f;
		font-size: .9em;
		letter-spacing: .1em;
		text-decoration: none;
		padding-top: 5px;
		padding-left: 15px;		
		background: url(../images/arrow.png) no-repeat 148px 9px; }
	#cta_rates #rates_cta { 
		width: 210px;
		float: left;
		position: relative;
		background: url(../images/rates_start.png) no-repeat;
		margin: 55px 120px 0 0;
		color: #ffef7f; }
		#cta_rates #rates_cta p {
			width: 110px;
			line-height: 1.2em;
			margin-left: 15px;
			margin-top: 12px; }
		#cta_rates #rates_cta #price {
			width: 75px;
			margin: 0;
			position: absolute;
			font-size: 1.5em;
			font-weight: bold;
			right: 0;
			top: 17px; }
	#cta_rates #lockin_cta {
		width: 200px;
		float: left;
		line-height: 1.2em;
		color: #d1a34f;
		font-size: .9em;
		margin-top: 55px;
		margin-right: 120px; }	
		#cta_rates #lockin_cta p {
			margin-bottom: 3px;
			margin-top: 0; }
		#cta_rates #lockin_cta #pay {
			width: 160px;
			color: #2b2d32;
			padding: 5px 20px 5px 8px;
			text-align: left;
			margin-top: 0px;
			font-size: 1.1em;
			background-color: #d1a34f; }
		#cta_rates #reserve_cta {
			width: 200px;
			float: left;
			margin-top: 55px; }
		#cta_rates #reserve_cta a {
			color: #f3f9d9;
			font-weight: bold;
			text-decoration: none;
			font-size: .85em; 
			display: block;
			width: 202px;
			height: 12px;
			padding: 5px 4px 4px 6px;
			margin-bottom: 13px;
			line-height: 1.1;
			letter-spacing: 1px;
			background: url(../images/sprite.png) no-repeat left top; }
				#cta_rates #reserve_cta a:hover {
					background-position: left bottom; }
		#cta_rates #reserve_cta p {	
			margin: 0; }

#cta_local { 
	position: relative;
	margin: 0 20px 20px 0;
	width: 918px;
	height: 327px;
	background: #2b2d32;
	border: 1px solid #2b2d32; }

#list { 
	position: absolute;
	top: 20px;
	left: 20px;
	margin-top: 0;
	margin-left: 0;
	background: #2b2d32;
	color: #d1a34f;
	padding: 15px 0 15px 35px;
	width: 235px;
	font-size: 1.2em;
	letter-spacing: 1px;
	border: 1px solid black;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 4px 4px 11px #444;
	-webkit-box-shadow: 4px 4px 11px #444; }
	#list a { color: #d9a953;
		text-decoration: none; }
	#list a:hover { text-decoration: underline; }
	
	

/* ------ content ------ */
		
#content { 
	background: url(../images/content_mid.png) repeat-y center top;
	font-size: 1.3em;
	padding-top: 5px;
	overflow: hidden;
	padding-left: 20px; }
		
#home_info {
	width: 500px;
	float: left;
	margin: 15px 20px 20px 0; }
	#home_info div {
		padding: 20px; }
	#home_info div:first-child {
		background: #f3f9d9; }
	#home_info h2 {
		margin: 0; }
	#home_info h3 {
		margin: 0; }
	#home_info p {
		margin: 0; }
	#home_info #guest_room {
		border: 1px solid #ccc;
		background: #f3f9d9;
		padding: 0; margin: 10px 0;
		height: 160px;
		width: 465px; }
		#home_info #guest_room img {
			border: 1px solid #ccc;
			margin: 10px; }

#home_sidebar {
	width: 330px;
	float: right;
	margin: 10px; padding: 0 30px 30px;
	border-left: 1px dashed #000; }
	#home_sidebar #support { background: #f3f9d9; }
	#home_sidebar #support a {
		text-indent: -9999px;
		display: block;
		width: 117px;
		height: 42px;
		background: none; }
	#home_sidebar h2 {
		margin: 0; }
	#home_sidebar p {
		margin-top: 0; }
	#home_sidebar div {
		background: #f3f9d9; padding: 20px; }
	#home_sidebar div:first-child {
		background: transparent;
		padding: 0 20px 20px; }
		
		
		
#left {
	width: 315px;
	float: left;
	margin: 5px 15px 20px 0;
	padding: 20px;
	background: #f3f9d9; }
	#left h2 {
		margin: 0; }
		
#right {
	width: 480px;
	float: left;
	margin: 0 10px 10px; padding: 0 0 25px 25px;
	border-left: 1px dashed #000; }
	#right #right_img {
		border: 1px solid #ccc;
		background: #f3f9d9;
		padding: 0; margin: 5px 0;
		width: 511px; }
		#right #right_img img {
			border: 1px solid #ccc;
			margin: 10px 10px 0px; }
		#right p { 
			margin: 20px 10px; }



#reserve_left {
	width: 875px;
	float: none;
	border-right: 1px dashed #000;
	margin-top: 10px;
	padding-right: 35px;
	overflow: hidden; }
	#reserve_left h2 {
		margin: 0 0 20px; }
	#reserve_left span {
		color: #3a5584;
		font-weight: bold; }
	#reserve_left > p { 
		background: #f3f9d9;
		margin-left: 20px;
		margin-bottom: 20px;
		padding: 5px 0 5px 20px; }
		#reserve_left > p a { color: #3a5584;
			font-size: 1.1em; }
	#reserve_left div { 
		margin: 0 15px 20px 0;
		padding: 0 0 0 20px; }
		
	#reserve_left form {
		width: 345px;
		overflow: hidden; }
		#reserve_left form dt {
			color: #2f518e; font-size: .95em;
			font-weight: bold; width: 100px;
			float: left;
			text-align: right;
			clear: left;
			margin-right: 10px; }
		#reserve_left form #checkin_month, #reserve_left form #checkout_month { 
			width: 125px;
			margin-right: 10px; }
		#reserve_left form dd {
			float: left;
			margin-left: 0;
			margin-right: 5px; }
		#reserve_left form dd p { 
			font-size: .8em;
			color: #2f518e; }
		
#reserve_right {
	width: 420px;
	float: left;
	min-height: 610px;
	background: #f3f9d9;
	margin: 10px 0 10px 35px; padding: 0 20px 25px 20px; }
	#reserve_right a img { border: none; }	
		
		
#gallery {
	width: 920px; }





/* ------ footer ------ */
		
#footer {
	clear: both;
	background: #2b2d32 url(../images/content_btm.png) no-repeat center top;
	overflow: hidden;
	padding-top: 30px;
	color: #f9fceb;
	padding-bottom: 30px; }
	#footer a {
		color: #d1b24f; }
	#footer #powered_by {
		width: 300px; float: left;
		padding-left: 10px; }
	#footer #utility {
		float: right;
		padding: 10px 10px 0 0; }
		#footer #utility a { float: left; padding-right: 5px; }
		#footer #utility a img { border: none; }
		
		
#footer_nav {
	list-style-type: none;
	padding: 0 0 0 10px;
	clear: both; }
	#footer_nav li {
		display: inline;
		padding-right: 20px;
		margin-right: 20px;
		border-right: 1px solid #f9fceb; }
	#footer_nav a { 
		color: #f9fceb; font-size: 1em;
		letter-spacing: .035em;
		text-transform: uppercase;
		text-decoration: none; }
		#footer_nav a:hover, #footer_nav a.current {
			color: #d1a34f; }