/* Primary stylesheet for screen based browsing */

/***** import reset css *****/
@import url(reset.css);

/***** site generics *****/
	html {font-size: 100.01%; background: #453420 url(images/siteBknd.gif) repeat;}
	body { font: 1em arial, helvetica, verdana, sans-serif; background: #453420 url(images/siteBknd.gif) repeat; color: #dbb36c; }
	a, a:visited { text-decoration: none; color: #dbb36c; border-bottom: 1px dotted;}
	a:hover {border-bottom: 1px solid;}
	a.imgLink, a.imgLink:hover, a img { border: none; }	
	ul, p { margin: 0 0 1em; }
	em { font-style: italic;}	
	strong { font-weight: bold;}
	ul li {list-style: square outside; margin-left: 2em;}
		li li { margin-left: 2em;}
	h3 {font-weight: bold;}
	.error {background-color:#970008; border: 1px solid #453420; text-align: center; padding: 2px; font-weight: bold;}
	
	/* forms generics */
	form {display: inline;}
	legend {display: none;}
	input, textarea, select { font-size: 1em; padding-left: 2px; background-color:#C3994F; border: 1px solid #453420; font-family: arial, helvetica, verdana, sans-serif; color: #453420;}
	input.radio, input.checkbox {border: none;}	
	input.button {background-color: #fbc76b; border-color: #453420; color: #453420; padding-right: 2px; font-weight: bold; font-size:1.1em;}
	input.button:hover { background-color: #453420; color: #fbc76b; }
	form li {list-style: none; clear: left; padding: 3px 0; margin-left: 0;}
	fieldset {margin: 10px 0;}
	label {float: left; display: block; width: 150px; padding-right: 10px;}
	input.text {float: left; display: block;}
		

/***** layout by section*****/
	#container {width: 940px; margin: 30px auto;}
	
	/* header */
	#header {margin-bottom: 20px;}
		#header a {border: none; display: block; height: 86px; width: 794px; margin: 0 auto; background: url(images/header.png) no-repeat; text-indent: -9999px;}
			#header a:hover, #header a:active, #header a:focus {opacity: .7;}
	/* main content */
	#content {width: 640px; min-height: 500px; float: right; background: #352a1b; padding: 20px 20px 40px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
		
		#home-rotation {position: relative; overflow: hidden; margin: 0;}
			#home-rotation-images {list-style: none; padding: 0; margin: 0; position: relative; width: 640px; height: 297px;}
				#home-rotation-images li {list-style: none; padding: 0; margin: 0; position: absolute; width: 640px; height: 297px;}
					#home-rotation-images img {display: block; width: 640px; height: 297px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
					#home-rotation-images:after { content: ''; z-index: 50; position: absolute; top: 0; left: 0; display: block; width: 640px; height: 297px; -moz-box-shadow: inset 0 0 10px 10px #352a1b; -webkit-box-shadow: inset 0 0 10px 10px #352a1b; box-shadow: inset 0 0 10px 10px #352a1b;}
			
			#home-rotation-nav {list-style: none; padding: 10px 0; margin: 0; float: right;}
				#home-rotation-nav li {list-style: none; padding: 0; margin: 0 0 0 5px; display: block; float: left; height: 12px; width: 17px; text-indent: -9999em; background: #594629; cursor: pointer; }
					#home-rotation-nav li:hover, #home-rotation-nav li.activeSlide {background: #dbb36c;}
		
		#content h2 {height: 45px; text-indent: -9999px; margin: 0 0 1em 0; padding: 0; background: url(images/page-headings.png) no-repeat;}
		#content #home-header {background-position: 0 0;}
		#content #accommodations-header {background-position: 0 -45px;}
		#content #location-header {background-position: 0 -90px;}
		#content #reservations-header {background-position: 0 -135px;}
		#content #attractions-header {background-position: 0 -180px;}
		#content #availability-header {background-position: 0 -225px;}
		#content #guest-photos-header {background-position: 0 -270px;}
		#content #contact-header {background-position: 0 -315px;}
		
		#content #admin-home-header {background-position: 0 -360px;}
		#content #admin-availability-header {background-position: 0 -405px;}
		#content #admin-statistics-header {background-position: 0 -450px;}
		#content #admin-email-header {background-position: 0 -495px;}
		#content #admin-guest-photos-header {background-position: 0 -540px;}			
		
		
				
		#maincontent {width: 390px; float: right; line-height:1.3em; font-size: 1em; }
		#maincontent p.subcontent {margin-left: 1em;}
		
		#photonav {text-align: center;}
		
		#highlight {width: 225px; float: left; font-size: .9em; line-height: 1.1em;}
			#highlight .highlight-images {list-style: none; padding: 0; margin: 0}
				#highlight .highlight-images li {list-style: none; margin: 0; padding: 0 0 1em;}
					#highlight .highlight-images a {display: block; border: none; position: relative; width: 225px; height: 169px;}
						#highlight .highlight-images a:after { content: ''; z-index: 50; position: absolute; top: 0; left: 0; display: block; width: 225px; height: 169px; -moz-box-shadow: inset 0 0 8px 8px #352a1b; -webkit-box-shadow: inset 0 0 8px 8px #352a1b; box-shadow: inset 0 0 8px 8px #352a1b;}
							#highlight .highlight-images img {display: block; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; position: relative;}
							
	
		#calendar {clear: right; font-size: 1em;} 
			/*#today, #todaykey {border: 1px solid #970008;}*/
			.notavailable, #notavailablekey, .notavailable a { color: #000; text-decoration: line-through;}
			.peakseason, #peakseasonkey {background-color:#914F00;}
			.regularseason, #regularseasonkey {background-color:#4f6224;}	
			td.rallyseason, #rallykey {background-color: #7d060c;}		
			/*#todaykey,*/ #peakseasonkey, #notavailablekey, #regularseasonkey, #offseasonkey, #availablekey, #rallykey {padding: 1px 2px;}
			#calendarnav {text-align: center; margin-top: 2em;}
				#calendarnav a {margin: 0 6px;}
			.calendarRow {clear: left; overflow: auto;}
			
			#calendar table { border: 1px solid #443420; margin: 10px 21px; float: left;}
			#calendar tr.month { background-color: #443420; color: #FBC76B;}
			#calendar tr.days {background-color: #5c462b;}
			#calendar tr { border-top: 1px solid #eee;}
			#calendar th,td {padding: 0; text-align: center;}
			#calendar td a, #calendar td span {padding:1px 3px; border: none;}				
			#calendar td a:hover {border: 1px solid #443420; padding: 0 2px;}
			#calendar th {border: 1px solid #68502d; border-top: none;}
			#calendar tr.month th {border: none; text-align: center; padding: 2px 0;}
			#calendarkey { float: right; list-style: none; padding-left: 20px;}
			#calendarkey li {list-style: none;}
			p.confirmation {text-align: center; font-weight:bold; background-color: #600017; color: #FBC76B; border: 1px solid #FBC76B; padding: 3px 0; margin: 20px 40px;}
	
		#contact {}
			#contact input.text { width: 150px;}
			#contact textarea.textarea {width: 310px;}
		
	/* navigation */
	#navigation { width: 230px; background: #352a1b; float: left; padding: 20px 0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;}
		#navigation a {border: none; margin: 0 auto; display: block; height: 50px; text-indent: -9999em; background: url(images/nav.png) no-repeat;}
			#navigation a:hover, #navigation a:hover, #navigation a:hover {background-color: #594629;}
		
		#navigation #home-link {background-position: 0 0;}
		#navigation #accommodations-link {background-position: 0 -50px;}
		#navigation #location-link {background-position: 0 -100px;}
		#navigation #reservations-link {background-position: 0 -150px;}
		#navigation #attractions-link {background-position: 0 -200px;}
		#navigation #availability-link {background-position: 0 -250px;}
		#navigation #guest-photos-link {background-position: 0 -300px;}
		#navigation #contact-link {background-position: 0 -350px;}
		
		#navigation #admin-home-link {background-position: 0 -400px;}
		#navigation #admin-availability-link {background-position: 0 -450px;}
		#navigation #admin-statistics-link {background-position: 0 -500px;}
		#navigation #admin-email-link {background-position: 0 -550px;}
		#navigation #admin-guest-photos-link {background-position: 0 -600px;}
	
	/* footer */
	#footer { clear: both; padding-top: 10px; text-align: right; font-size: .8em;}