/* 
 * stylesheet for cottonwood-cottage.com
 * created by: Ryan Scherler | www.crashpaddesign.com
*/
body {
	margin: 0;
	padding: 0;
	background: #32372c url(/layouts/image/bg-body.gif) repeat 0 0;
	font-size: 67.5%;
	font-family: "Lucida Grande", arial, sans-serif; }

img {
	outline: none;
	border: none; }

div#header-inner {
	margin: 24px auto 0 auto;
	width: 860px; }

div#header { background: url(/layouts/image/bg-header.png) repeat-x left bottom; }

div#header-inner {
	height: 136px;
	position: relative; }

div#logo {
	position: absolute;
	left: 82px;
	top: 10px; }

img#header-leaves {
	position: absolute;
	left: -12px;
	top: 40px;
	z-index: 1; }

div#nav {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 44px; }

#nav ul {
	list-style: none;
	margin: 0;
	padding: 0; }

#nav li {
	float: left;
	padding: 0;
	margin: 0; }

	#nav li a {
		display: block;
		height: 44px;
		text-indent: -9999px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-image: url(/layouts/image/bg-nav.jpg); }

a#nav-home { width: 183px; }

	a#nav-home:hover, a#nav-home.current { background-position: 0 -44px; }

a#nav-cottage {
	width: 126px;
	background-position: -183px 0; }

	a#nav-cottage:hover, a#nav-cottage.current { background-position: -183px -44px; }

a#nav-rates {
	width: 165px;
	background-position: -309px 0; }

	a#nav-rates:hover, a#nav-rates.current { background-position: -309px -44px; }

a#nav-recreation {
	width: 118px;
	background-position: -474px 0; }

	a#nav-recreation:hover, a#nav-recreation.current { background-position: -474px -44px; }

a#nav-events {
	width: 86px;
	background-position: -592px 0; }

	a#nav-events:hover, a#nav-events.current { background-position: -592px -44px; }

a#nav-reservations {
	width: 182px;
	background-position: -674px 0; }

	a#nav-reservations:hover, a#nav-reservations.current { background-position: -674px -44px; }

div#main {
	width: 900px;
	margin: 0 auto;
	background: url(/layouts/image/bg-main.png) repeat-y 0 0; }

div#main-inner {
	width: 860px;
	margin: 0 auto;
	background: url(/layouts/image/bg-main-inner.png) repeat-x left bottom; }

div#content {
	width: 840px;
	padding: 10px 0;
	margin: 0 auto;
	position: relative; }

div#content-inner { background: url(/layouts/image/bg-leaf.png) no-repeat left bottom; }

ul#masthead-nav {
	z-index: 20;
	position: absolute;
	top: 240px;
	right: 0;
	margin: 0;
	padding: 0;
	list-style: none; }

#masthead-nav li {
	float: left;
	margin-right: 10px; }

	#masthead-nav li a {
		text-decoration: none;
		color: #fff; }

		#masthead-nav li a:hover { color: #cbc998; }

div#masthead {
	position: relative;
	width: 840px;
	height: 250px;
	overflow: hidden; }

div#single-column {
	width: 800px;
	padding: 20px; }

div#main-column {
	float: left;
	width: 440px;
	padding: 20px; }

div#side-column {
	float: right;
	width: 300px;
	padding: 20px; }

img.float-left {
	float: left;
	margin-right: 15px; }

/* typography */
#content h1 {
	font-family: Georgia, serif;
	font-style: italic;
	color: #3c4233;
	font-size: 2.6em;
	font-weight: normal;
	margin: 0 0 .75em 0;
	text-shadow: #fff 1px 1px 1px; }

#content h2 {
	color: #5d4030;
	font-size: 1.8em;
	margin: 1em 0 .5em 0;
	text-shadow: #fff 1px 1px 1px; }

#content h3 {
	font-size: 1.2em;
	margin: 1em 0 .25em 0;
	text-shadow: #fff 1px 1px 1px; }

#content p {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 0 0 1em 0; }

	#content p.prehead {
		font-family: Georgia, serif;
		font-weight: normal;
		font-size: 1.6em;
		line-height: 1.6em;
		color: #4d372a;
		text-shadow: #fff 1px 1px 0; }

#content a { color: #5c7611; }
#content a:hover { color: #282d21; }

a#btn-about {
	float: left;
	display: block;
	width: 167px;
	height: 32px;
	background: url(/layouts/image/btn-about.gif) no-repeat 0 0;
	margin-right: 15px; }

a#btn-ourhistory {
	float: left;
	display: block;
	width: 167px;
	height: 32px;
	background: url(/layouts/image/btn-ourhistory.gif) no-repeat 0 0; }

a#btn-makereservation {
	float: left;
	display: block;
	width: 183px;
	height: 32px;
	background: url(/layouts/image/btn-makereservation.gif) no-repeat 0 0; }

#btn-about span,
#btn-ourhistory span,
#btn-makereservation span { display: none; }

a#btn-about:hover,
a#btn-ourhistory:hover,
a#btn-makereservation:hover { background-position: 0 -32px; }

a#btn-morephotos {
	float: right;
	margin-right: 12px;
	display: block;
	width: 131px;
	height: 23px;
	background: url(/layouts/image/btn-morephotos.gif) no-repeat 0 0; }

#btn-morephotos span { display: none; }

a#btn-morephotos:hover { background-position: 0 -23px; }

.hidden { display: none; }

div.pic-frame {
	width: 304px;
	height: 212px;
	background: url(/layouts/image/bg-frame.png) no-repeat 0 0;
	padding: 6px 6px 0 6px; }

.pic-frame.left {
	clear: left;
	float: left;
	margin: 0 6px 6px 0; }

.pic-frame.right {
	clear: right;
	float: right;
	margin: 0 0 6px 6px; }

div#footer {
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
	background: url(/layouts/image/bg-footer.png) no-repeat 0 0; }

div#footer-inner {
	width: 820px;
	margin: 0 auto;
	padding: 10px 20px 20px 20px;
	background: url(/layouts/image/bg-footer-inner.png) repeat 0 0; }

#footer-inner div {
	float: left;
	width: 254px;
	padding: 0 10px; }

	#footer-inner div.last { padding-right: 0; }

#footer h3 {
	font-size: 1.4em;
	font-family: Georgia, serif;
	font-style: italic;
	font-weight: normal;
	text-shadow: #292d24 1px 1px 0;
	letter-spacing: .1em;
	color: #759e76;
	margin: .5em 0; }

	#footer h3 a {
		color: #759e76;
		text-decoration: none; }

#footer p {
	color: #ccc;
	font-size: 1em;
	line-height: 1.6em;
	margin: 0 0 1em 0; }

#footer p#fineprint {
	color: #cbc998;
	float: left;
	padding: 6px 36px;
	margin: 0; }

#footer p#site-credits {
	color: #4f5743;
	float: right;
	padding: 6px 36px;
	margin: 0; }

#footer a,
#footer strong { color: #fff; }

#footer p#site-credits a { color: #cbc998; }

#footer a:hover { color: #83904d; }

#footer p#site-credits a:hover { color: #fff; }

/* user messages */
p.error {
	padding: 1em;
	border: .2em solid #ef6566;
	background: pink; }

p.success {
	padding: 1em;
	border: .2em solid green;
	background: #7dbf67; }

/* forms */
form#reservation {
	padding: 0;
	margin: 0; }

#reservation dt,
#reservation dd {
	margin: 0;
	padding: 0; }

#reservation dt {
	font-size: 1.4em;
	font-weight: 600; }

	#reservation dt label {
		color: #668539;
		font-size: 13px; }

		#reservation dt label span {
			font-style: italic;
			font-size: 11px;
			color: #777; }

#reservation dd { margin-bottom: 2em; }

	#reservation dd input,
#reservation dd textarea {
		display: block;
		padding: .5em;
		width: 75%; }