﻿html
{
	background: #6a7943 url("images/bg.png") repeat-x left top;
	color: #3b4226;
	font-family: "Times New Roman", serif;
	font-size: 0.85em;
	margin: 0;
	padding: 0;
}

body
{
	margin: 30px 0 10px 0;
	padding: 0;
}

a, a:visited
{
	color: #3b4226;
	text-decoration: underline;
}

a:active, a:hover
{
	text-decoration: none;
}

address
{
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p
{
	margin: 0 0 1em 0;
	padding: 0;
}

/* FORMS */

a.button, a.button:visited
{
	background: transparent url("images/nav-button.png") no-repeat left top;
	color: #fff;
	display: inline-block;
	line-height: 30px;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
	width: 180px;
	height: 30px;
}

a.button:active, a.button:hover, a.button:focus
{
	background-position: left bottom;
	outline: 0;
}

.error
{
	color: #c00;
}

.text-input
{
	border: 1px solid #3b4226;
}

/* EMAIL FORM */
#email-form .sent
{
	font-size: 1.25em;
	line-height: 7.5em;
}

#email-form .field .text-input
{
	display: block;
	width: 100%;
}

#email-form .field
{
	margin: 0 0 0.75em 0;
}

#email-form .anti-spam-code .text-input
{
	margin-bottom: 0.5em;
	width: auto;
}

#email-form .anti-spam-code img
{
	float: none;
	margin: 0;
}

#email-form #contact-ip
{
	font-size: 0.75em;
	font-style: normal;
	margin-top: 1em;
}

/* END FORMS */

#container
{
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	width: 955px;
}

#header
{
	/* height: 262px; */
	height: 385px;
	margin: 0 0 10px 0;
}

#header h1
{
	background: transparent url("images/logo-bw-32bit.png") no-repeat center center;
	/* border: 1px solid #3b4226; */
	margin: 0 0 0 -10px;
	padding: 0;
	width: 220px;
	height: 150px;
}

#header h1 span
{
	position: absolute;
	top: -1000px;
}

#header-image
{
	background: #fff;
	border: 1px solid #3b4226;
	padding: 5px;
	position: absolute;
	left: 222px;
	top: 0;
	/* width: 485px;
	height: 250px; */
	width: 731px;
	height: 375px;
}

#header-info
{
	color: #fff;
	position: absolute;
	left: 0px;
	top: 150px;
	/* right: 10px;
	top: 155px; */
	text-align: center;
	/* width: 222px; */
	width: 220px;
}

#header-info .phone
{
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

#content
{
	background: #fff;
	border: 1px solid #3b4226;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	margin: 0 0 0 222px;
	position: relative;
	right: 10px;
	width: 741px;
}

#content.no-pictures #content-inner
{
	width: auto;
}

#content h2
{
	font-style: italic;
	font-size: 1.35em;
}

#content h3
{
	border-bottom: 1px solid #3b4226;
	font-size: 1.15em;
}

#content.no-pictures h3
{
	width: 68%;
}

#content-inner
{
	margin: 20px 30px;
	width: 396px;
}

#content-inner img
{
	border: 1px solid #3b4226;
	float: right;
	margin: 0 0 1em 1em;
}

ul.gallery
{
	float: left;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

ul.gallery li
{
	float: left;
	margin: 0 12px 15px 12px;
	width: 202px;
	height: 152px;
}

#content-inner ul.gallery li img
{
	float: none;
	margin: 0;
}

div.info
{
	margin: 0 0 1em 0;
}

.pictures
{
	margin: 0 0 1em 0;
}

#content .pictures img
{
	float: none;
	margin: 0 5px 0 0;
}

#accommodations-menu
{
	font-size: 1.2em;
	text-align: center;
}

#accommodations-menu ul
{
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

#accommodations-menu li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#accommodations-menu li a
{
	display: inline-block;
	margin: 0 10px;
	width: 175px;
	height: 131px;
}

#accommodations-menu li span
{
	position: absolute;
	top: -1000px;
}

#accommodations-menu-lodge a
{
	background: transparent url("images/accommodations-lodge.png") no-repeat left top;
}

#accommodations-menu-shenendoah a
{
	background: transparent url("images/accommodations-shenendoah.png") no-repeat left top;
}

ul.villa-features
{
	font-weight: bold;
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}

ul.villa-features li
{
	margin: 0 0 0.25em 0;
	padding: 0;
}

ul.villa-features li.free-night
{
	color: #a00;
}

table.villa-pricing
{
	background: #78874b;
	border: 1px solid #3b4226;
	color: #fff;
	margin: 0 0 1em 0;
	padding: 0;
}

table.villa-pricing th, table.villa-pricing td
{
	margin: 0;
	padding: 0.25em;
}

#reservations, #specials, #calendar
{
	/* background: #ede7dd; */
	background: #ebe6df;
	border: 1px solid #3b4226;
	clear: right;
	float: right;
	margin: 0 20px 20px 20px;
	padding: 20px;
	width: 225px;
}

#reservations iframe
{
	width: 252px;
	height: 201px;
}

#reservations h2, #specials h2, #calendar h2
{
	color: #3874a0;
	font-size: 1.15em;
	text-transform: uppercase;
}

#specials p, #calendar p
{
	margin: 0;
}

#specials
{
	margin-top: 20px;
}

#pictures
{
	clear: right;
	float: right;
	margin: 0 20px 20px 20px;
	padding: 10px 0 0 0;
	width: 265px;
}

#pictures img
{
	border: 1px solid #3b4226;
	display: block;
	margin: 0 auto 10px auto;
}

#navigation
{
	clear: both;
	left: 0;
	top: 235px;
	position: absolute;
	width: 220px;
}

#navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	margin: 0;
	padding: 0;
}

#navigation ul li a, #navigation ul li a:visited
{
	background: transparent url("images/nav-button.png") no-repeat left top;
	color: #fff;
	display: block;
	font-size: 1.15em;
	line-height: 30px;
	margin: 0 auto 5px auto;
	padding: 0 10px;
	text-decoration: none;
	width: 180px;
	height: 30px;
}

#navigation ul li a:active, #navigation ul li a:hover, #navigation ul li a:focus, #navigation ul li.current a
{
	background-position: left bottom;
	outline: 0;
}

#navigation ul#nav-main
{
	/* position: absolute;
	left: 0;
	top: 235px;
	width: 220px; */
}

#navigation ul#nav-aux
{
	/* position: absolute;
	right: 10px;
	top: 30px;
	text-align: center;
	width: 225px; */
	margin-bottom: 20px;
}

#navigation ul#nav-aux a
{
	background-image: url("images/nav-aux-button.png");
	color: #3b4226;
}

#footer
{
	clear: both;
	font-size: small;
	padding: 10px 0 0 0;
	text-align: right;
}

#footer #footer-navigation
{
	font-size: 0.9em;
	margin: 0 0 1em auto;
	text-align: center;
	width: 743px;
}

#footer #footer-navigation a
{
	color: #fff;
}

#footer #footer-navigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer #footer-navigation ul li
{
	display: inline;
	margin: 0 0.5em;
	padding: 0;
}