﻿/*=====================================
	General
=======================================*/
html
{
	background: #28321f url("images/bg.png") repeat-x center top;
	color: #f3f1eb;
	font-family: Arial, sans-serif;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
}

a, a:visited
{
	color: #e7d4a4;
	text-decoration: underline;
}

a:active, a:focus, a:hover
{
	color: #fff;
	text-decoration: none;
}

a img
{
	border: 0;
}

h1, h2, h3, h4, h5, h6, p
{
	margin: 0 0 1em 0;
	padding: 0;
}

h1
{
	font-size: 2em;
}

h2
{
	font-size: 1.5em;
}

ol, ul
{
	margin: 0 0 1em 0;
	padding: 0 0 0 2.25em;
}

dl
{
	margin: 0 0 1em 0;
	padding: 0;
}

dl > dt
{
	margin: 0 0 0.25em 0;
	padding: 0;
}

dl > dd
{
	margin: 0 0 1em 1.5em;
	padding: 0;
}

/*=====================================
	Forms
=======================================*/
form
{
	margin: 0;
	padding: 0;
}

label
{
	font-weight: bold;
}

.error
{
	color: #fd0;
}

ul.fields
{
	list-style: none;
	padding: 0;
}

ul.fields li
{
	margin: 0 0 0.75em 0;
}

input[type=text], textarea
{
	background: #fff url("images/text-bg.png") repeat-x left top;
	border: 1px solid #e7d4a4;
	color: #28321f;
	padding: 5px;
}

textarea
{
	background-image: url("images/textarea-bg.png");
}

input[type=submit]
{
	background: #28321f url("images/button-bg.png") repeat-x left top;
	border: 1px solid #141810;
	color: #f3f1eb;
	display: inline-block;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none;
}

input[type=submit]:active, input[type=submit]:hover, input[type=submit]:focus
{
	background: #474f3d url("images/button-bg-hover.png") repeat-x left top;
	outline: 0;
}

address
{
	font-style: normal;
	font-size: 2em;
}

/*=====================================
	Email Form
=======================================*/
#email-form
{
	width: 42%;
}

#email-form .sent
{
	font-size: 1.25em;
	line-height: 7.5em;
}

#email-form .fields input[type=text], #email-form .fields textarea
{
	display: block;
	width: 100%;
}

#email-form .anti-spam-code input[type=text]
{
	display: inline-block;
	margin-bottom: 0.5em;
	width: auto;
}

#email-form .anti-spam-code img
{
	margin-left: 1em;
	vertical-align: middle;
}

#email-form #contact-ip
{
	font-size: 0.75em;
	font-style: normal;
	margin-top: 1em;
}

/*=====================================
	Containers
=======================================*/
#container
{
	background: transparent url("images/border.png") repeat-y left top;
	margin: 0 auto;
	padding: 174px 32px 0 32px;
	position: relative;
	width: 911px;
}

#content h1
{
	color: #e7d4a4;
	font-family: Georgia, serif;
	font-size: 1.65em;
	font-variant: small-caps;
}

#content .intro
{
	position: relative;
}

#content .intro img
{
	background: transparent url("images/intro-border.png") no-repeat left top;
	display: block;
	margin: 0 auto 1em auto;
	padding: 12px 14px 17px 16px;
}

#content .intro .available-lots
{
	position: absolute;
	left: 375px;
	top: 369px;
}

#content .intro .available-lots a
{
	background: transparent url("images/available-lots.png") no-repeat left top;
	display: block;
	width: 250px;
	height: 55px;
}

#content .intro .request-tour
{
	position: absolute;
	left: 625px;
	top: 369px;
}

#content .intro .request-tour a
{
	background: transparent url("images/request-tour.png") no-repeat left top;
	display: block;
	width: 250px;
	height: 55px;
}

#content .intro .request-tour a:active, #content .intro .request-tour a:focus, #content .intro .request-tour a:hover, #content .intro .available-lots a:active, #content .intro .available-lots a:focus, #content .intro .available-lots a:hover
{
	background-position: right top;
	outline: 0;
}

#content .intro .request-tour a span, #content .intro .available-lots a span
{
	position: absolute;
	top: -10000px;
}

#content img.picture
{
	background: transparent url("images/picture-border.png") no-repeat left top;
	float: right;
	margin: 0 0 1.5em 1.5em;
	padding: 16px 18px 21px 19px;
}

#content .contact-info
{
	font-size: 1.15em;
}

#content .contact-info ul.phone
{
	list-style: none;
	padding: 0;
}

.properties img
{
	border: 6px solid #fff;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.75);
	clear: right;
	float: right;
	margin: 0 0 1em 1em;
}

/* .properties img:first-child
{
	background: transparent url("images/property-picture-border.png") no-repeat left top;
	border: 0;
	box-shadow: none;
	margin: -2em 0 1em 1em;
	padding: 16px 18px 21px 19px;
} */

.tour-description
{
	font-size: 1.25em;
	margin: 1.5em auto;
	text-align: center;
	width: 70%;
}

table.properties
{
	border-collapse: collapse;
	margin: 0 0 1em 0;
	padding: 0;
	width: 560px;
}

table.properties > thead > tr > *
{
	padding: 0.4em;
	text-align: center;
}

table.properties > thead > tr > * + * + *
{
	text-align: left;
}

table.properties > tbody > tr > td
{
	padding: 0.4em;
}

table.properties > tbody > tr > td, table.properties > tbody > tr > td + td
{
	text-align: center;
}

table.properties > tbody > tr > td + td + td
{
	text-align: left;
}

table.properties > tbody > tr:nth-child(even) > td
{
	background: rgba(255, 255, 255, 0.15);
}

table.properties > tbody > tr.special > td
{
	background: transparent;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	text-align: center;
}

table.properties > tbody > tr.special > td strong
{
	text-transform: uppercase;
}

ul.properties
{
	list-style: none;
	padding: 0;
}

ul.properties li
{
	clear: both;
	padding-top: 2em;
}

ul.properties h2
{
	margin-top: 0em;
}

ul.properties .description
{
	margin-bottom: 2em;
}

ul.properties .acreage
{
	font-size: 1.2em;
	margin-bottom: 1em;
}

ul.properties .price
{
	font-size: 1.3em;
}

.plat-download
{
	/* float: right;
	font-weight: bold;
	margin: 0 5em 1em 2em;
	text-align: center;
	width: 210px; */
	margin: 0 0 1em 0;
	text-align: center;
}

.plat-download a
{
	text-decoration: none;
}

.plat-download img
{
	border: 1px solid #e7d4a4;
	margin: 0 auto 0.5em auto;
}

ul.gallery
{
	list-style: none;
	padding: 0;
	width: 100%;
	
	margin: 1em auto;
	width: 454px;
}

ul.gallery > li
{
	float: left;
	margin: 0;
	padding: 0;
	width: 227px;
	height: 160px;
}

ul.gallery > li img
{
	background: transparent url("images/gallery-border.png") no-repeat center center;
	padding: 16px 18px 21px 19px;
}

dl.sitemap > dd
{
	margin-left: 0;
}

#menu
{
	background: transparent url("images/header-taller.png") no-repeat center top;
	font-family: Georgia, serif;
	position: absolute;
	top: 13px;
	left: 50px;
	width: 876px;
	height: 129px;
}

#menu a
{
	background: transparent url("images/nav-off.png") no-repeat left center;
	color: #f3f1eb;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	text-decoration: none;
}

#menu a:active, #menu a:focus, #menu a:hover, #menu li.current a
{
	background-image: url("images/nav-on.png");
	outline: 0;
	text-decoration: underline;
}

#menu li.current a
{
	text-decoration: none;
}

#menu ul
{
	font-size: 1.1em;
	font-variant: small-caps;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 5px;
	bottom: 8px;
	text-align: right;
}

#menu ul li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#menu .phone
{
	position: absolute;
	top: 15px;
	right: 0;
	text-align: right;
}

#footer
{
	clear: both;
	font-size: 0.9em;
	padding: 3em 1em 4em 0;
	text-align: right;
}

#footer a
{
	color: #f3f1eb;
}

#footer .social
{
	float: left;
}