/* css for site structure --------------------------------------------------------------------------------------- */
#outer {
	background: url(../images/bg-main.jpg) top center no-repeat;
 	}


/* css for header ----------------------------------------------------------------------------------------------- */
#header {
	position: relative;
	height: 351px;
	font-size: 0;
	line-height: 0;
	}
	#photo {
		position: absolute;
		top: 27px;
		left: 351px;
		width: 675px;
		height: 324px;
		font-size: 0;
		line-height: 0;
		}
	#photo-top {
		position: absolute;
		top: 27px;
		left: 126px;
		width: 225px;
		height: 55px;
		font-size: 0;
		line-height: 0;
		}
	#photo-bottom {
		position: absolute;
		top: 195px;
		left: 126px;
		width: 225px;
		height: 156px;
		font-size: 0;
		line-height: 0;
		}
	#logo {
		position: absolute;
		top: 79px;
		left: 126px;
		width: 225px;
		height: 122px;
		font-size: 0;
		line-height: 0;
		}
	#divider {
		position: absolute;
		top: 27px;
		left: 344px;
		width: 4px;
		height: 319px;
		font-size: 0;
		line-height: 0;
		z-index: 100;
		}
			

/* css for main navigation -------------------------------------------------------------------------------------- */
#main-nav {
	position: relative;
	padding: 7px 126px 0 126px;
	width: 900px;
	height: 23px;
	background: url(../images/nav-bar.gif) top center no-repeat;
	color: #dba67c;
	font-size: 14px;
	line-height: 17px;
	text-align: center;
	}
#main-nav a, #main-nav a:visited, #main-nav a:active {
	color: #dba67c;
	}
#main-nav a:hover, #main-nav a.on, #main-nav a.on:visited, #main-nav a.on:active {
	color: #fce0b8;
	}
#nav-bar-top {
	position: absolute;
	top: 346px;
	left: 126px;
	width: 900px;
	height: 5px;
	font-size: 0;
	line-height: 0;
	}
#nav-bar-bottom {
	position: absolute;
	top: 381px;
	left: 126px;
	width: 900px;
	height: 5px;
	font-size: 0;
	line-height: 0;
	z-index: 100;
	}


/* css for main content ----------------------------------------------------------------------------------------- */
#content {
	position: relative;
	padding: 0 126px 0 126px;
	width: 900px;
	background: url(../images/bg-content.gif) center repeat-y;
	}
	/* content left */
	#content-left {
		position: relative;
		padding: 20px 0 0 20px;
		width: 205px;
		min-height: 333px;
		float: left;
		background: url(../images/bg-left.gif) top no-repeat;
		font-size: 12px;
		}
	#content-left ul#left-nav li {
		padding: 5px 0 0 5px;
		float: none;
		}
	#content-left ul#left-nav li a, #content-left ul#left-nav li a:visited, #content-left ul#left-nav li a:active {
		padding: 0 0 0 13px;
		color: #fff;
		}
	#content-left ul#left-nav li a:hover {
		color: #fce0b8;
		}
	#content-left ul#left-nav li a.on, #content-left ul#left-nav li a.on:visited, #content-left ul#left-nav li a.on:active {
		color: #fce0b8;
		background: url(../images/icon-bullet.gif) no-repeat center left;
		}
	#content-left ul#sub-nav li {
		padding: 0 0 2px 0;
		font-size: 12px;
		line-height: 14px;
		float: none;
		}
	#content-left ul#sub-nav li a, #content-left ul#sub-nav li a:visited, #content-left ul#sub-nav li a:active {
		padding: 0 0 0 13px;
		color: #fff;
		}
	#content-left ul#sub-nav li a:hover {
		color: #fce0b8;
		}
	#content-left ul#sub-nav li a.on, #content-left ul#sub-nav li a.on:visited, #content-left ul#sub-nav li a.on:active {
		color: #fce0b8;
		background: none;
		}
		
	/* content right */
	#content-right {
		position: relative;
		width: 675px;
		min-height: 333px;
		float: left;
		background: url(../images/bg-right.gif) top no-repeat;
		}
	
		/* indents */	
		#content-right .indent {
			padding: 0 100px 0 37px;
			clear: both;
			}
		#content-right .indent-recipe {
			padding: 0 100px 0 102px;
			clear: both;
			background: url(../images/bg-recipe.jpg) no-repeat;
			}
		#content-right .indent-wide {
			padding: 0 20px 0 37px;
			clear: both;
			}
		#content-right .indent-med {
			padding: 0 48px 0 37px;
			clear: both;
			}
			#content-right .indent-med li.text a {
				font-weight: normal;
				font-size: 13px;
				}
		#content-right .indent-avg {
			padding: 0 65px 0 37px;
			clear: both;
			}
		#content-right .indent-narrow {
			padding: 0 20px 0 37px;
			width: 360px;
			clear: both;
			}
		#content-right .indent-center {
			padding: 30px 25px 0 25px;
			clear: both;
			}

		/* columns */
		#content-right ul.cols {
			padding: 0 0 15px 0;
			float: left;
			}
		#content-right ul.cols li.photo {
			padding: 0 15px 10px 0;
			width: 130px;
			float: left;
			}
		#content-right ul.cols li.text {
			padding: 0 0 0 0;
			width: 445px;
			float: left;
			}
		#content-right ul.cols li.text h1 {
			padding: 0 0 0 0;
			margin: 0;
			font-size: 14px;
			font-weight: normal;
			}
		li.text a, li.text a:visited, li.text a:active {
			padding: 0 0 0 0;
			font-size: 11px;
			line-height: 20px;
			font-weight: bold;
			color: #a83511;
			}
		li.text a:hover {
			text-decoration: underline;
			}
		li.text a.link13 {
			font-size: 13px;
			font-weight: normal;
			}
		li.link13 a, li.link13 a:visited, li.link13 a:active {
			padding: 0 0 0 0;
			font-size: 13px;
			line-height: 20px;
			color: #9c3305;
			font-weight: normal;
			}
		li.link13 a:hover {
			color: #33616f;
  	 		outline: none;
			text-decoration: none;
			}
		#content-right ul li.col-left {
			padding: 0;
			font-weight: bold;
			float: none;
			}
		#content-right ul li.col-right {
			padding: 0 0 0 10px;
			float: none;
			}

		/* misc */
		#title {
			padding: 25px 0 5px 37px;
			}
		#subtitle-bg {
			padding: 17px 0 12px 37px;
			margin: 0px 0 0 0;
			width: 600px;
			height: 26px;
			clear: both;
			background: url(../images/bg-subtitle.gif) top left no-repeat;
			font-size: 18px;
			color: #813927;
			font-weight: bold;
			}
		#subtitle-bg span {
			font-size: 12px;
			color: #405973;
			font-weight: normal;
			letter-spacing: 1px;
			}
		#quote {
			padding: 0 0 12px 0;
			margin: 0;
			font-size: 13px;
			line-height: 19px;
			color: #387099;
			font-weight: bold;
			font-style: italic;
			}
		#quote span {
			font-size: 16px;
			line-height: 20px;
			color: #387099;
			}				
		
		/* buttons */	
		#btn {
			padding: 25px 0 0 3px;
			}
		.reserve-btn {
			position: absolute;
			bottom: 10px;
			left: 464px;
			width: 98px;
			height: 23px;
			background: url(../images/btn-reserve.gif) no-repeat;
			}
		.reserve-btn a, .reserve-btn a:visited, .reserve-btn a:active {
			padding: 2px 0 0 11px;
			font-size: 12px;
			line-height: 18px;
			color: #efae83;
			display: block;
			cursor: pointer;
			}
		.reserve-btn a:hover {
			color: #fce0b8;
			}
			

/* css for accomodation rooms -------------------------------------------------------------------------------------- */
	ul li.summary {
		position: relative;
		padding: 10px 0 10px 0;
		margin: 20px 0 0 0;
		height: 135px;
		float: none;
		background: url(../images/bg-rooms.gif) repeat;
		}
	li.summary ul li.photo {
		padding: 0 0 0 10px;
		width: 157px;
		float: left;
		font-size: 0;
		line-height: 0;
		}
	li.summary ul li.text {
		padding: 8px 0 40px 15px;
		width: 376px;
		float: left;
		font-size: 12px;
		}
	li.summary li.text h1 {
		padding: 0 0 0 0;
		margin: 0;
		font-size: 13px;
		}


/* css for spa ----------------------------------------------------------------------------------------------------- */
	.spa-block {
		padding: 0 0 0 0;
		width: 440px;
		clear: both;
		}
	.spa-block h1 {
		padding: 0;
		margin: 0;
		font-size: 13px;
		font-weight: bold;
		color: #387099;
		}	
		
		
/* css for meetings-spaces ----------------------------------------------------------------------------------------- */
	#events {
		width: 589px;
		height: 100px;
		background: url(../images/bg-glow.gif) no-repeat;
		}
	#summer {
		position: relative;
		padding: 15px 0 0 0;
		width: 294px;
		height: 28px;
		font-size: 20px;
		color: #813927;
		text-align: center;
		}
	#winter {
		position: relative;
		padding: 15px 0 0 0;
		width: 295px;
		height: 28px;
		font-size: 20px;
		color: #244f65;
		text-align: center;
		}
	#event-nav-summer {
		padding: 7px 0 0 0;
		width: 294px;
		height: 37px;
		background: url(../images/bg-nav-event-left.gif) no-repeat;
		}
	#event-nav-summer a, #event-nav-summer a:visited, #event-nav-summer a:active {
		padding: 4px 0 0 0;
		width: 46px;
		height: 25px;
		display: block;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
		color: #fce3bc;
		text-align: center;
		background: #d2803d;
		border-left: 2px solid #c36b26;
		}
	#event-nav-summer a:hover, #event-nav-summer a.on, #event-nav-summer a.on:visited, #event-nav-summer a.on:active, #event-nav-summer a.on:hover {
		background: #95461e;
		}
	#event-nav-summer #border {
		border-right: 2px solid #c36b26;
		}		
	#event-nav-winter {
		padding: 7px 0 0 3px;
		width: 295px;
		height: 37px;
		background: url(../images/bg-nav-event-right.gif) no-repeat;
		}
	#event-nav-winter a, #event-nav-winter a:visited, #event-nav-winter a:active {
		padding: 4px 0 0 0;
		width: 46px;
		height: 25px;
		display: block;
		font-size: 16px;
		line-height: 20px;
		font-weight: bold;
		color: #fce3bc;
		text-align: center;
		background: #4c899c;
		border-left: 2px solid #3b7587;
		}
	#event-nav-winter a:hover, #event-nav-winter a.on, #event-nav-winter a.on:visited, #event-nav-winter a.on:active, #event-nav-winter a.on:hover {
		background: #225969;
		}
	#event-nav-winter #border {
		border-right: 2px solid #3b7587;
		}		


/* css for event calendar ----------------------------------------------------------------------------------------- */
	#spaces {
		position: relative;
		padding: 5px 0 0 0;
		width: 588px;
		height: 524px;
		background: url(../images/bg-spaces.gif)  no-repeat;
		}
	#spaces-nav {
		padding: 7px 0 0 9px;
		width: 588px;
		height: 32px;
		font-size: 13px;
		line-height: 20px;
		color: #63a9bd;
		text-align: center;
		background: url(../images/bg-nav-spaces.gif)  no-repeat;
		}
	#spaces-nav a, #spaces-nav a:visited, #spaces-nav a:active, #spaces-nav #link-features, #spaces-nav #link-layouts {
		font-size: 13px;
		line-height: 20px;
		font-weight: bold;
		color: #244f65;
		cursor: pointer;
		}
	#spaces-nav a:hover {
		font-size: 13px;
		line-height: 20px;
		font-weight: bold;
		color: #d54e05;
		}
	#spaces ul li.spaces-pic {
		padding: 0 0 0 10px;
		margin: 10px 0 0 0;
		font-size: 0px;
		line-height: 0px;
		width: 305px;
		float: left;
		}
	#spaces ul li.spaces-pic img {
		padding: 0 0 9px 0;
		}
	#spaces ul li.spaces-text {
		padding: 18px 30px 0 15px;
		width: 228px;
		font-size: 12px;
		line-height: 16px;
		float: left;
		}
	#seating-layouts {
		padding: 18px 0 0 0;
		display: none;
		}
	#seating-layouts ul li {
		padding: 0 0 0 60px;
		}	
	#seating-layouts ul li a img {
		padding: 0 3px 0 0;
		}	
	#seating-layouts ul li div {
		padding: 5px 3px 0 0;
		cursor: pointer;
		}	

/* css for reservations ----------------------------------------------------------------------------------------- */
	#reservations {
		margin: 60px 0 0 0;
		padding: 6px 0 0 0;
		width: 188px;
		font-size: 11px;
		color: #50372d;
		clear: both;
		border-top: 1px solid #50372d;
		}
	#reservations ul {
		clear: both;
		}
	#reservations .res-title {
		padding: 0 20px 2px 0;
		font-weight: bold;
		letter-spacing: 1px;
		}
	#reservations .res-arrival {
		width: 85px;
		}
	#reservations .res-arrival input {
		width: 77px;
		height: 16px;
		border: 1px solid #50372d;
		}
	#reservations .res-calendar {
		margin: 18px 0 0 0;
		width: 37px;
		}
	#reservations .res-nights {
		width: 43px;
		}
	#reservations .res-nights input {
		width: 26px;
		height: 16px;
		border: 1px solid #50372d;
		}
	#reservations .res-adults {
		width: 43px;
		}
	#reservations .res-children {
		width: 89px;
		}
	#reservations .res-four-under {
		width: 99px;
		}
	#reservations .res-search {
		padding: 0 0 40px 0;
		width: 74px;
		}
	#reservations .res-select {
		width: 40px;
		}
	#reservations .res-btn {
		padding: 2px;
		margin: 10px 0 0 0;
		width: 62px;
		height: 20px;
		border: 0;
		cursor: pointer;
		background: url(../images/btn-search.gif) no-repeat;
		font-size: 10px;
		font-weight: bold;
		color: #d5eef6;
		}


/* css for weather ---------------------------------------------------------------------------------------------- */
	ul#weather-icons {
		padding: 5px 0 15px 0;
		height: 186px;
		background: url(../images/bg-weather-line.gif) no-repeat left;
		}	
	ul#weather-icons li {
		width: 119px;
		height: 186px;
		font-size: 14px;
		line-height: 16px;
		color: #405973;
		text-align: center;
		background: url(../images/bg-weather-line.gif) no-repeat right;
		}
	ul#weather-icons li img {
		padding: 10px 0 10px 0;
		width: 95px;
		}
	ul#weather-icons li span {
		font-size: 10px;
		font-weight: normal;
		}
	ul.ave-temp {
		clear: both;
		color: #245065;
		}
	ul.ave-temp li {
		margin: 0 10px 0 10px;
		width: 24px;
		text-align: center;
		}	
	ul.ave-temp li.first {
		margin: 0 10px 0 0;
		width: 70px;
		}	
	ul.temp-line li {
		border-top: 1px solid #245065;
		}
		

/* css for forms ------------------------------------------------------------------------------------------------ */
	#enews-form ul {
		padding: 15px 0 0 0;
		width: 464px;
		height: 225px;
		background: url(../images/bg-enews.gif) repeat-y;
		color: #fff;
		}
	#enews-form ul li.left {
		padding: 0 7px 7px 0;
		width: 93px;
		text-align: right;
		}
	#enews-form ul li.right {
		padding: 0 0 7px 0;
		width: 364px;
		}
	.enewsfields {
		width: 250px;
		height: 19px;
		border: 1px solid #6fa0ae;
		background: #bae0e9;
		}		
	.enewsbtn {
		padding: 3px 15px 3px 15px;
		border: 1px solid #376574;
		background: #6fa0ae;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
		}
	#enews-form ul.submit {
		padding: 0;
		height: 40px;
		background: none;
		}
	#enews-form ul.submit li.required {
		width: 176px;
		text-align: right;
		color: #33616f;
		}
	#enews-pdfs {
		position: absolute;
		top: 25px;
		left: 415px;
		}
	/* other forms */
	#email-form {
		padding: 10px 0 0 20px;
		width: 450px;
		background: url(../images/bg-enews.gif) repeat-y;
	}
	#email-form ul {
		padding: 15px 0 0 0;
		width: 494px;
		color: #fff;
		}
	#email-form ul li.left {
		padding: 0 7px 7px 0;
		width: 163px;
		text-align: right;
		}
	#email-form ul li.right {
		padding: 0 0 7px 0;
		width: 324px;
		}
	#email-form ul li.wide {
		padding: 10px 7px 7px 0;
		width: 457px;
		}
	.emailtextarea {
		width: 392px;
		height: 70px;
		border: 1px solid #6fa0ae;
		background: #bae0e9;
		}		
	.emailfields {
		width: 220px;
		height: 19px;
		border: 1px solid #6fa0ae;
		background: #bae0e9;
		}		
	.emailfields-sm {
		width: 150px;
		height: 19px;
		border: 1px solid #6fa0ae;
		background: #bae0e9;
		}		
	.emailbox {
		width: 30px;
		height: 19px;
		border: 1px solid #6fa0ae;
		background: #bae0e9;
		}		
	.emailbtn {
		padding: 3px 15px 3px 15px;
		border: 1px solid #376574;
		background: #6fa0ae;
		font-size: 14px;
		font-weight: bold;
		color: #fff;
		cursor: pointer;
		}
	#email-form ul.submit {
		padding: 0;
		height: 70px;
		background: none;
		}
	#email-form ul.submit li.required {
		width: 176px;
		text-align: right;
		color: #33616f;
		}			
		
/* css for 2 column (press and locations) ---------------------------------------------------------------------- */
	#two-column {
		position: absolute;
		padding: 70px 0 0 10px;
		top: 0;
		right: 0;
		width: 215px;
		min-height: 416px;
		background: url(../images/bg-location.jpg) no-repeat;
		}
	#two-column .indent {
		padding: 17px 0 0 10px;
		}


/* css for 3 column (contact page) ----------------------------------------------------------------------------- */
	.column-one {
		padding: 0 20px 0 0;
		width: 187px;
		}
	.column-two {
		padding: 0 95px 0 0px;
		width: 174px;
		}
	#column-three {
		position: absolute;
		padding: 74px 30px 0 20px;
		top: 0;
		right: 0;
		width: 175px;
		min-height: 416px;
		background: url(../images/bg-location.jpg) no-repeat;
		}
	
	
/* css for footer ----------------------------------------------------------------------------------------------- */
#footer {
	padding-top: 105px;
	background: url(../images/bg-footer.gif) top center no-repeat;
	}
#footer a.on, #footer a:visited.on #footer a:active.on #footer a:hover.on {
	color: #fce0b8;
	}