﻿html
{
	background: #627386 url("images/background.png") repeat-y center top;
	font-family: Arial, sans-serif;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
}

body
{
	margin: 0;
	padding: 0;
}

a, a:visited
{
	color: #004388;
	text-decoration: underline;
}

a:active, a:hover { text-decoration: none; }

a img
{
	border: 0;
}

.error { color: #f00; }

.text-input
{
	background: #fff;
	border: 1px solid #788695;
}

address.location
{
	font-style: normal;
	margin: 0 0 1em 0;
}

h1, h2, h3, h4, h5, h6, p
{
	margin: 0 0 1em 0;
	padding: 0;
}

h3 { margin-top: 1em; }

object
{
	margin: 0;
	padding: 0;
}

#page
{
	position: absolute;
	bottom: 0;
	top: 50%;
	width: 100%;
}

#container
{
	margin: -295px 0 0 -487.5px;
	left: 50%;
	/* top: 50%; */
	position: absolute;
	width: 975px;
}

/* * html #page { top: 50%; }

* html #container
{
	margin-top: -295px;
	top: 0;
} */

#header
{
	background: transparent url("images/header-main.png") no-repeat left top;
	height: 84px;
}

#header h1
{
	background: transparent url("images/logo-clear.png") no-repeat center center;
	left: 373px;
	top: 354px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 230px;
	height: 130px;
}

#header h1 span
{
	font-size: 1px;
	line-height: 1px;
	visibility: hidden;
}

#content
{
	background: transparent url("images/container.png") no-repeat center bottom;
	margin: 0 auto;
	padding: 0 21px;
	width: 933px;
	height: 467px;
}

#content #intro, #content #homesites
{
	border: 1px solid #fff;
	border-left: 0;
	border-right: 0;
	height: 334px;
}

#content #homesites { height: 370px; }

#content #slideshow /*, #content #video */
{
	border: 1px solid #fff;
	border-left: 0;
	float: left;
	width: 638px;
	height: 370px;
}

#content .gallery #slideshow
{
	border: 0;
	float: none;
	width: 933px;
}

#content #slideshow1, #content #slideshow2, #content #slideshow3
{
	margin: 0;
	padding: 0;
	position: absolute;
	width: 311px;
	height: 370px;
}

#content #slideshow2 { left: 311px; }
#content #slideshow3 { right: 0; }

/* #content #video object
{
	display: block;
	margin: 25px auto 0 auto;
	width: 486px;
	height: 314px;
} */

#content #text-container
{
	background: transparent url("images/content-bg.png") no-repeat left top;
	border: 1px solid #fff;
	border-left: 0;
	border-right: 0;
	color: #37414b;
	float: right;
	padding: 0;
	overflow: scroll;
	width: 294px;
	height: 370px;
}

#content #text-area
{
	margin: 15px 20px 12px 12px;
	position: relative;
	width: 257px;
}

#content #text-container.full
{
	background-image: url("images/content-full-bg.png");
	width: 933px;
}

#content #text-container.full #text-area { width: 895px; }

#content #text-container.full #video
{
	margin: -15px auto 0 auto;
	width: 638px;
	height: 365px;
}

#content #text-container.full #video object { margin-top: 0; padding-top: 0; }

#content #text-container.gallery { overflow: hidden; }

#content #text-container.gallery #text-area
{
	margin: 0;
	width: 933px;
}

#content #text-container.slideshow { overflow: hidden; }

#content #text-container.slideshow #text-area
{
	margin: 0;
	width: 933px;
}

#content #text-container.slideshow img.full,
#content #text-container.slideshow #text-area img.full
{
	border-right: 1px solid #fff;
}

#content #text-container.slideshow #text-area .filmstrip
{
	float: right;
	/* height: 355px; */
	margin: 0 5px 0 0;
	padding: 15px 0 0 0;
	/* overflow: hidden; */
	width: 272px;
}

#content #text-container.slideshow #text-area .filmstrip ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#content #text-container.slideshow #text-area .filmstrip ul li
{
	float: left;
	margin-left: 16px;
	margin-bottom: 10px;
}

#content #text-container.slideshow #text-area .filmstrip img { border: 1px solid #fff; }

#content #text-container.slideshow #text-area .filmstrip a:active img, #content #text-container.slideshow #text-area .filmstrip a:hover img { border: 1px solid #004388; }

#content #text-container.communities
{
	overflow: hidden;
}

#content #text-container.communities #text-area
{
	margin: 0;
	padding: 0;
	width: 100%;
}

#content #text-container.communities a
{
	margin: 0;
	padding: 0;
}

#content #text-container.communities img
{
	border: 0;
	margin: 0;
	padding: 0;
}

#content .acrobat
{
	font-size: x-small;
	margin: 2em 0;
}

#content .note
{
	font-size: small;
	margin: 1em 0;
}

.scroll-track
{
	background: #9eae9e;
	background: #788695;
	position: absolute;
	bottom: 0;
	right: 0;
	top: 0;
	/* width: 12px; */
	width: 8px;
}

.scroll-grip
{
	background: #fff;
	position: relative;
	width: 12px;
	height: 96px;
}

.scroll-grip .scroll-extra-grip
{
	background: transparent url("images/scroll-grip-dot.png") repeat-y center top;
	bottom: 33%;
	position: absolute;
	top: 33%;
	width: 100%;
}

#content #text-container h2
{
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 1.5em;
	height: 43px;
	margin-bottom: 0.5em;
}

#content #text-container h2 span
{
	font-size: 1px;
	line-height: 0;
	visibility: hidden;
}

#content #text-container.full h2
{
	margin-left: auto;
	margin-right: auto;
}

#content #text-container h3 { font-size: 1.15em; }

#content .form { margin-bottom: 1em; }
#content .form .note { font-size: small; }
#content .form .field { margin: 0 0 0.5em 0; }

#content .form .text-input, #content .form .list-input
{
	display: block;
	width: 100%;
}

#content .form.contact .field label, #content .form.contact .text-input
{
	display: inline-block;
	width: 170px;
}

#content .form.contact .field label
{
	width: 60px;
}

#content .form .field.anti-spam
{
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}

#content .form .field.anti-spam label
{
	display: block;
	width: 100%;
}

#content .form .field.anti-spam img
{
	border: 1px solid #788695;
	line-height: 20px;
	vertical-align: middle;
}

#content .form .field.anti-spam .text-input
{
	line-height: 20px;
	vertical-align: middle;
	width: 75px;
}

#content .form .experiences, #content .form .comments { margin: 1em 0; }

#content .form .controls
{
	line-height: 2.5em;
	text-align: center;
}


#content .form .controls a.button, #content .form .controls a.button:visited
{
	background: #788695;
	/* border: 1px solid #fff; */
	color: #fff;
	margin-left: 0.25em;
	padding: 0.3em 0.5em;
	text-decoration: none;
}

#content .form .controls a.button:active, #content .form .controls a.button:hover
{
	background: #fff;
	color: #788695;
}

#content .form .ip-address
{
	font-size: x-small;
	margin: 0;
}

#content ul
{
	list-style-type: square;
	margin: 0 0 1em 2em;
	padding: 0;
}

#content ul li { margin: 0 0 0.5em 0; }

/* Homes/Home Plans DL */
#content dl.homes dt, #content dl.home-plans dt
{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 0.15em 0;
}

#content dl.homes dt a, #content dl.homes dt a:visited,
#content dl.home-plans dt a, #content dl.home-plans dt a:visited
{
	background: #788695;
	border: 1px solid #fff;
	color: #fff;
	display: block;
	padding: 0.2em 0.35em;
	text-decoration: none;
}

#content dl.homes dt a:active, #content dl.homes dt a:hover, #content dl.homes dt a:focus,
#content dl.home-plans dt a:active, #content dl.home-plans dt a:hover, #content dl.home-plans dt a:focus
{
	background: #fff;
	color: #788695;
}

#content dl.homes dd,
#content dl.home-plans dd
{
	font-size: 1.1em;
	margin: 0;
	padding: 0.5em 0 1em 0;
}

#content dl.homes dd .details .rooms, #content dl.homes dd .details .price, #content dl.homes dd .details .include
{
	font-weight: bold;
	margin: 0 0 0.5em 0;
	text-align: center;
}

#content dl.homes dd .details .include
{
	font-weight: normal;
}

#content dl.homes dd .details table th
{
	font-weight: bold;
	text-align: left;
	width: 35%;
}

#content dl.homes dd .brochure, #content dl.homes dd .slideshow
{
	font-weight: bold;
	margin: 0.35em 0;
	text-align: center;
}

#content dl.home-plans dd h3 { margin: 0 0 0.5em 0; }

#content dl.home-plans dd ul.plans
{
	font-weight: bold;
	list-style: none;
	margin: 0;
	padding: 0;
}

#content dl.home-plans dd ul.plans li { margin: 0 0 0.5em 0; }

/* Navigation */
#navigation-top, #navigation-bottom
{
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
}

#navigation-top ul li, #navigation-bottom ul li
{
	display: inline;
	margin: 0 0 0 15px;
	padding: 0;
}

#navigation-top ul li.current a, #navigation-bottom ul li.current a
{
	background: transparent url("images/navigation-marker.png") no-repeat center top;
}

#navigation-top ul li a, #navigation-bottom ul li a, #subnavigation ul li a
{
	display: inline-block;
	text-decoration: none;
}

#navigation-top ul li a, #navigation-bottom ul li a
{
	border-bottom: 1px solid #3e6e38;
	color: #3e6e38;
	padding: 13px 0 0 0;
}

#navigation-top ul li a:active, #navigation-top ul li a:hover, #navigation-bottom ul li a:active, #navigation-bottom ul li a:hover
{
	border-bottom-color: #fff;
	color: #fff;
}

#navigation-top
{
	position: absolute;
	right: 30px;
	top: 47px;
}

#navigation-top ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#navigation-bottom
{
	top: 491px;
	position: absolute;
	width: 100%;
}

#navigation-bottom ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}

#navigation-bottom ul li
{
	margin: 0 12px;
}

/* Footer */
#footer
{
	font-size: small;
	/* margin-top: -10px; */
	/* margin-top: 5px; */
	/* padding-top: 25px; */
}

#footer .whats-new
{
	text-align: center;
}

#footer .whats-new a, #footer .whats-new a:visited
{
	background: #37414b;
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px 10px;
	text-decoration: none;
}

#footer .whats-new a:active, #footer .whats-new a:hover
{
	background: #bec8c4;
}

#footer .contact
{
	position: absolute;
	top: 430px;
	/* left: 130px; */
	left: 90px;
}

#footer .schedule-visit
{
	position: absolute;
	top: 430px;
	/* right: 140px; */
	right: 90px;
}

#footer .call-to-action a
{
	background: transparent url("images/bigbutton-arrow.png") no-repeat left top;
	color: #fff;
	display: block;
	font-size: 11pt;
	font-weight: bold;
	line-height: 43px;
	padding: 0 0 0 17px;
	text-align: center;
	text-decoration: none;
	width: 192px;
	height: 45px;
}

#footer .call-to-action a:active, #footer .call-to-action a:hover, #footer .call-to-action a:focus
{
	background-position: left bottom;
}

#footer .find-more
{
	background: transparent url("images/find-more-text.png") no-repeat center center;
	margin: 0 auto;
	width: 544px;
	height: 18px;
}

#footer .find-more span
{
	font-size: 1px;
	line-height: 1px;
	visibility: hidden;
}

#footer .facebook
{
	bottom: 35px;
	right: 25px;
	position: absolute;
}

#footer .as-dover
{
	/* bottom: -15px; */
	bottom: -10px;
	right: 25px;
	position: absolute;
	width: 100px;
}

#footer .as-dover a
{
	background: transparent url("images/dover-logo-link-dark3.png") no-repeat left top;
	display: block;
	text-decoration: none;
	width: 100px;
	/* height: 63px; */
	height: 40px;
}

#footer .as-dover a span
{
	font-size: 1px;
	line-height: 1px;
	visibility: hidden;
}
