@charset "UTF-8";

@import "header.css";

/************************************************************
 *  =general General styling information
 */
body {
	padding: 0;
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	color: #E0E0E0;
}
body {
	background: Black url(../img/background.jpg) repeat-x left top;
}

::-moz-selection {
	color: Black;
	background: #D6A32E;
}
::selection {
	color: Black;
	background: #D6A32E;
}


/************************************************************
 *  =anchors Anchor styling
 */
a:link {
	color: #90A7D8;
}
a:visited {
	color: #b8cbf4;
}
a:hover {
	color: #D6A32E;
}
a:active {
	color: #a07923;
}
a img {
	border: none;
}


/************************************************************
 *  =images Generic Image Layouts
 */
p.primary-image {
	text-align: center;
}
img.secondary {
	float: left;
	margin: 1em 1em 1em 0;
}
img.tertiary {
	float: right;
	margin: 1em 0 1em 1em;
}

/************************************************************
 *  =fractions Fraction
 */
span.num {
	font-size: 0.75em;
	vertical-align: .5ex;
	letter-spacing: -.1em;
}
span.den {
	font-size: 0.75em;
	letter-spacing: -.1em;
}


/************************************************************
 *  =content Content Section
 */
#contentSection {
	width: 44em;
	background: #0D0D0D url(../img/content.png) repeat-x left top;
	margin: 0 auto;
}

.subtitle h2 {
	text-align: center;
	margin: 0 3em;
	padding: 8px 0 0 0;
	/* backup styling for when images don't load */
	color: #727272;
	font-family: "Edwardian Script ITC", "Vivaldi", script;
	font-size: 36px;
	height: 52px;
	border-bottom: 1px solid #535353;
}

#content {
	text-align: justify;
	padding: 0 3em 2em 3em;
	background: #0D0D0D url(../img/content-bottom.png) repeat-x left bottom;
}

#content ul {
	text-align: left;
}

#content .subtitle h2 {
	/* fix padding for inner subtitles */
	margin: 0 1.666em;
	height: 46px;
	padding-top: 0;
}
#content .clear {
	display: block;
	height: 1px;
	font-size: 1px;
	clear: both;
}


/************************************************************
 *  =postcontent Stuff after content
 */
#postcontent {
	clear: both;
	text-align: center;
	color: #535353;
	font-size: .6875em;
	padding: 1em 0;
	margin: 0;
}
#postcontent div {
	margin: .5em 0;
}
#postcontent a:link,
#postcontent a:visited {
	color: #535353;
}
#postcontent a:hover {
	color: #FFCC00;
}
#postcontent a:active {
	color: #FFE474;
}

/************************************************************
 *  =about About Us pages
 */
.aboutSlogan {
	font-weight: bold;
	font-style: italic;
	text-align: center;
}
body.philosophy #content ol {
	margin-left: 6em;
	margin-right: 6em;
	padding: 1em;
	background: #222222;
	border: 1px solid #333333;
	border-bottom-color: #666666;
	border-top-color: #000;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
}
body.philosophy #content ol li {
	list-style-position: inside;
	margin-left: 0;
	padding-left: 0;
}

/* allow comments to be wider */
body.comments #content {
	padding-left: 1.5em;
	padding-right: 1.5em;
}
body.comments ul.comments,
body.comments ul.comments li {
	margin: 0;
	padding: 0;
	list-style: none;
}
body.comments ul.comments li {
	padding-left: 30px;
	background: transparent url(../img/quotes.png) no-repeat left top;
}
body.comments ul.comments li blockquote {
	margin: 1em 0 0 0;
	padding-right: 30px;
	background: transparent url(../img/quotes.png) no-repeat right bottom;
	font-style: normal;
	font-weight: normal;
}
body.comments ul.comments li cite {
	display: block;
	margin: 0 3em 2em 0;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}

/************************************************************
 *  =contact Contact Us page
 */
div#contactBlock {
	margin: 1em 0;
	text-align: center;
}
div#contactBlock .org {
	font-style: italic;
	font-weight: bold;
}
div#contactMethods {
	margin: 1em 0 2em 0;
}
div#contactMethods .type {
	display: -moz-inline-box;
	display: inline-block;
	width: 8em;
	text-align: right;
	padding-right: 0.5em;
}
div#contactMethods .value {
	display: -moz-inline-box;
	display: inline-block;
	width: 10em;
	text-align: left;
}
div#contactForm {
	clear: both;
	padding: 1em 4em 1em 4em;
	margin: 0;
	text-align: left;
}
div#contactForm .note {
	font-style: italic;
	text-align: center;
	padding-top: 0;
	margin-top: 0;
}
div#contactForm .row {
	margin: .5em 0;
}
div#contactForm .row label {
	display: -moz-inline-box;
	display: inline-block;
	width: 8em;
	padding-right: .5em;
	text-align: right;
	font-style: italic;
}
div#contactForm #commentsRow label {
	display: block;
	text-align: center;
	width: auto;
}
div#contactForm #commentsRow .value {
	display: block;
	text-align: center;
}
div#contactForm .error {
	font-style: italic;
	text-align: center;
	padding: .5em 0;
	margin: 0;
	color: Maroon;
}
div#contactForm div.buttons {
	text-align: center;
}
div#contactForm input.text,
div#contactForm textarea {
	background: #B8B8B8 url(../img/formbg.png) repeat-x left top;
	border: 1px solid #888888;
	font-family: "Times New Roman", Times, serif;
	font-size: .875em;
	padding: .25em;
}
div#contactForm textarea {
	width: 30em;
	margin: .25em;
}
div#contactForm input.button {
	background: #B8B8B8 url(../img/form-button.png) repeat-x left top;
	border: 1px solid #AAAAAA;
	border-color: #CCCCCC #888888 #555555 #888888;
	font-size: .875em;
	margin: 0 .25em;
	padding: .25em;
}
div#contactForm input.button:hover,
div#contactForm input.buttonHover {
	background-position: left -50px;
	border-color: #D0B371 #A58D56 #614915 #A58D56;
}
div#contactForm input.button:active {
	background-position: left -50px;
	border-color: #614915 #A58D56 #D0B371 #A58D56;
	outline: none;
}


/************************************************************
 *  =floorplans Floorplans
 */
#floorplansSelector {
	text-align: center;
}
#floorplansList ul {
	padding: 0;
	margin: 0 0 0 1em;
	list-style: none;
}
#floorplansList ul li {
	float: left;
	margin: 0 1em 1em 0;
	padding: 0;
	list-style: none;
}
#floorplansList ul li a,
#floorplansList ul li a img {
	border: none;
}

#floorplanSpecs {
	margin: 1em 0;
	padding: 0;
	float: left;
}
#floorplanSpecs li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#floorplanSpecs .label,
#floorplanSpecs .value {
	display: -moz-inline-box;
	display: inline-block;
	width: 10em;
	padding: 0 .5em;
	text-align: right;
}
#floorplanSpecs .value {
	text-align: left;
	width: 5em;
}

.floorplans #featuresLink p {
	clear: left;
	text-align: center !important;
	font-size: .9em !important;
}

#floorplanPreview {
	float: right;
}
#floorplanPreview div {
	margin: 1em;
}
#floorplanPreview div a {
	display: block;
	border: #323232 5px solid;
}
#floorplanPreview div img {
	border: #282828 3px solid;
	border-top-color: #323232;
	border-bottom-color: #000;
}
#floorplanPreview div.link {
	text-align: center;
	font-size: .75em;
}
#floorplanPreview div.link a {
	display: inline;
	border: none;
}

.floorplans div.gallery {
	clear: both;
}

#backLink {
	padding: 1em 0;
	clear: both;
	text-align: center;
}


/************************************************************
 *  =features Included Features page
 */
#floorplansFeatures {
	text-align: center;
}
#featuresMenu ul {
	padding: 0;
	margin: 64px -9em 0 -2em;
	width: 10em;
	text-align: right;
	float: left;
	z-index: 600;
}
#featuresMenu ul li {
	padding: .25em 0 0 0;
	margin: 0;
	list-style: none;
	background: #0D0D0D url(../img/feat-menu.png) no-repeat right center;
}
#featuresMenu ul li.first {
	background-position: right top;
}
#featuresMenu ul li.last {
	background-position: right bottom;
}
#featuresMenu ul li.selected {
	background: #0D0D0D url(../img/feat-menu-sel.png) no-repeat right top;
}
#featuresMenu ul li a {
	padding: 0 .5em .5em .25em;
	margin: 0;
	display: block;
	outline: none;
}
#featuresMenu ul li.selected a {
	background: #0D0D0D url(../img/feat-menu-sel.png) no-repeat right bottom;
	color: #FFCC00;
}
#featuresMenu ul li a,
#featuresMenu ul li a:visited {
	text-decoration: none;
}
#featuresMenu ul li a:hover {
	
}
#featuresList .description {
	padding-left: 9em;
}
#featuresList ul li {
	list-style-image: url(../img/arrbullet.png);
}
#featuresList ul#brands {
	margin: .5em 0 0 .5em;
	padding: 0;
}
#featuresList ul#brands li {
	list-style: none;
	margin: 0 .5em .5em 0;
	padding: 0;
	float: left;
}


/************************************************************
 *  =communities General Gallery layout
 */
#communitiesList ul {
	padding: 0;
	margin: 0;
	text-align: center;
}
#communitiesList li {
	padding: 0;
	margin: 0 0 1em 0;
	list-style: none;
}

/************************************************************
 *  =gallery General Gallery layout
 */
ul.gallery {
	margin: 0;
	padding: 0 0 0 1.25em;
	clear: both;
}
ul.gallery li {
	margin: .75em .75em 0 0;
	float: left;
	display: block;
	width: 11.25em;
	height: 8.75em;
	background: transparent url(../img/gal-thumb-bg.jpg) no-repeat left top;
	cursor: pointer;
}
ul.galleryset li,
ul.pdfgallery li {
	height: 11em;
}
ul.gallery li span.outer {
	display: table;
	width: 11.25em;
	height: 8.75em;
	overflow: hidden;
	cursor: pointer;
}
ul.gallery li span.inner {
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
}
ul.gallery li a {
	display: block;
	width: 100%;
	text-align: center;
	cursor: pointer;
}
ul.gallery li a img {
	border: 1px solid #0D0D0D;
	cursor: pointer;
}
ul.gallery li .label a {
	font-size: 0.75em;
	height: 3em;
	white-space: nowrap;
	overflow: hidden;
}
#gallery_viewer {
	z-index: 2000;
	position: fixed;
}
#gallery_viewer,
#gallery_viewer_background {
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 1em;
}
#gallery_viewer_background {
	position: absolute;
	background-color: Black;
	opacity: 0.65;
	cursor: pointer;
}
#gallery_viewer_window {
	position: relative;
	padding-top: 7px;
	width: 598px;
	height: 498px;
	margin: 0 auto;
	background-color: #323232;
	border: 1px solid Black;
}
#gallery_viewer_previous {
	position: absolute;
	left: 4px;
	top: 7px;
	height: 437px;
	width: 25%;
	text-indent: -9999px;
	z-index: 100;
}
#gallery_viewer_next {
	position: absolute;
	right: 4px;
	top: 7px;
	height: 437px;
	width: 25%;
	text-indent: -9999px;
	z-index: 100;
}
#gallery_viewer_close {
	position: absolute;
	right: 7px;
	bottom: 7px;
	width: 60px;
	height: 50px;
	text-indent: -9999px;
}
#gallery_viewer_closeLink {
	background: #323232 url(../img/gal-close.png) no-repeat center top;
}
#gallery_viewer_closeLink:hover {
	background-position: center -160px;
}
#gallery_viewer_nextLink,
#gallery_viewer_previousLink,
#gallery_viewer_closeLink {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
#gallery_viewer_nextLink,
#gallery_viewer_previousLink {
	background: transparent url(../img/gal-links.png) no-repeat right top;
	border: none;
	outline: none;
}
#gallery_viewer_previousLink {
	background-position: left -1000px;
}
#gallery_viewer_nextLink:hover {
	background-position: right -500px;
}
#gallery_viewer_previousLink:hover {
	background-position: left -1500px;
}
#gallery_viewer_previewBox {
	display: table;
	border: 1px solid Black;
	background: #0d0d0d url(../img/gal-loading.gif) no-repeat center 350px;
	width: 580px;
	height: 435px;
	margin: 0 auto;
	overflow: hidden;
}
#gallery_viewer.error #gallery_viewer_previewBox {
	background-image: url(../img/gal-error.png);
	background-position: center 300px;
}
#gallery_viewer_preview {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#gallery_viewer_description {
	font-size: .75em;
	padding: 4px 68px 4px 8px;
	overflow: auto;
}