﻿html {
	margin:0;
	padding:0;
	height:100%; }

body {
	font-size:62.5%;
	height:100%;
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	background:url(../images/display/maroonbackground.jpg); }

#siteContainer {
	width:940px;
	margin:0 auto;
	position:relative; }

#site {
	width:900px;
	background:#fff;
	left:20px;
	position:absolute; }
		
#logo {
	font-size:1.4em;
	background:#fff;
	width:213px;
	border:1px solid #b4860c;
	float:left; }
	
.logo { 
	float:left;
	margin:0 0 0 16px; }
	
#header {
	width:900px;
	height:180px;
	background:#616ea5 url(../images/display/header5.jpg) top right no-repeat; }
	
	#admin #header {
		background:#616ea5 url(../images/display/header5.jpg) top right no-repeat; }
	
#tagline {
	color:#fff;
	margin:0 auto;
	height:19px;
	padding:4px 0 0 0;
	letter-spacing:1px;
	background:#b38b0f;
	width:900px;
	text-align:center;
	font-size:1.3em;
	border-bottom:1px solid #700018; }
	
#marketing {
	/*height:114px;*/
	/*float:left;*/
	/*width:685px;*/
	text-align:center;
	background:url(../images/display/mustardstripe.jpg) top left repeat-x; }
	
	#marketing img {
		/*display:inline-block;*/
		/*margin:20px 60px 0 0;*/
		margin:20px 0 20px 0; }
		
#banner {
	border-top:1px solid #b38b0f;
	border-bottom:1px solid #b38b0f; 
	background:#700018;
	height:112px;
	width:100%;
	left:0;
	position:absolute;
	/*top:153px;*/
	top:177px; }
	
#footer {
	width:100%;
	position:relative;
	bottom:0;
	clear:both;
	font-family:Arial, Sans-Serif;
	font-size:1.1em;
	text-align:center;
	color:#fff;
	background:#700018; }
	
	#footer span {
		margin:0 15px;
		padding:0;
		word-spacing:2px; }
		
	#footer a {
		color:#fff;
		text-decoration:none; }
		
		#footer a:hover {
			text-decoration:underline; }
	
	#footer .spacing {
		padding:5px; }		
		
/******************************************************/

.shadow {
	position:absolute;
	width:20px;
	background:url(../images/display/shadow.png) top left repeat-y; }
	
.blur {
	position:absolute;
	right:0;
	width:20px;
	background:url(../images/display/blur.png) top right repeat-y; }
		
/******************************************************/
		
.navigation {
	font-family:Arial, Sans-Serif;
	border-left:1px solid #b4860c;
	border-right:1px solid #b4860c;
	border-bottom:1px solid #b4860c;
	background:#700018;
	padding:0 0 1em 0;
	float:left;
	margin:0 0 1em 0;
	font-size:1.8em;
	width:213px; }
	
	.navigation ul {
		list-style:none;
		margin:0 0 0 1em;
		padding:4px 0 0 0; }
		
		.navigation ul li {
			margin:0;
			padding:2px 0 0 0; }
		
			.navigation ul li a {
				color:#fff;
				letter-spacing:1px;
				text-decoration:none; }
				
			.navigation ul li a:hover {
				text-decoration:underline; }
				
.horizontalNavigation {
	height:40px;
	width:100%;
	clear:both;
	font-size:1.4em;
	position:absolute;
	top:166px;
	left:0; }
	
	.horizontalNavigation ul {
		list-style:none;
		margin:1.4em 0 0 25px;
		padding:4px 0 0 0;
		clear:both; }
		
		.horizontalNavigation ul li {
			margin:0;
			float:left;
			padding:0; }
		
			.horizontalNavigation ul li a {
				color:#fff;
				letter-spacing:1px;
				margin:0 20px;
				float:left;
				text-decoration:none; }
				
			.horizontalNavigation ul li a:hover {
				text-decoration:underline; }
		
/******************************************************/

ul.form {
	font-size:1.2em;
	list-style:none;
	margin:0;
	padding:0; }
	
	ul.form li {
		margin:0.6em 0;
		clear:both; }
		
	ul.form label {
		margin:0.2em 0;
		display:block; }
		
	ul.form textarea {
		font-size:1.2em; }
		
	ul.form .field {
		border:1px solid #ccc;
		padding:3px;
		width:300px; }
		
	ul.form .activeField {
		border:1px solid #700018;
		padding:3px;
		width:300px;
		background:#f4faf5; }
		
	ul.form .tinyField {
		border:1px solid #ccc;
		padding:3px;
		width:92px; }
		
	ul.form .activeTinyField {
		border:1px solid #700018;
		padding:3px;
		width:92px;
		background:#f4faf5; }
		
	ul.form .shortField {
		border:1px solid #ccc;
		padding:3px;
		width:175px; }
      
	ul.form .activeShortField {
		border:1px solid #700018;
		padding:3px;
		width:175px;
		background:#f4faf5; }
		
	ul.form .longField {
		border:1px solid #ccc;
		padding:3px;
		width:95%; }
      
	ul.form .activeLongField {
		border:1px solid #700018;
		padding:3px;
		width:95%;
		background:#f4faf5; }
		
	ul.form li.rememberMe {
		margin:0 0 0.8em 0;
		float:left;
		clear:both; }
		
		ul.form li.rememberMe input {
			vertical-align: middle;
			margin: 0 0.25em 0 0;
			padding: 0;
			width: auto; }
		
		ul.form li.rememberMe label {
			margin: 0.25em 0;
			vertical-align: middle; }
		
/******************************************************/

.contact {
	margin:2em 0; }
			
	.contactTitle {
		margin:0 !important; }
			
	.contact .submitButton {
		margin:0 0 0 120px; }

	.contact ul.form li {
		 margin:1em 0; }

	.contact ul.form label {
		margin:0.2em 0;
		float:left;
		font-size:0.9em;
		width:120px; }
		
.realtor {
	margin:2em 0;
	float:left; }

/******************************************************/

#content {
	float:left;
	width:100%;
	clear:both;
	margin:0 0 3em 0; }
	
	#content ul {
		margin-top:0;
		margin-bottom:0; }
		
		#content ul.amenities  li {
			margin:0 0 0.4em 0; }
		
	#content .clickFloorplan {
		width:400px;
		float:left;
		text-align:center; }
	
	#content .map {
		width:60%;
		margin:0.4em 0 2.5em 1em;
		float:right; }
		
	#content .communityMap {
		width:65%;
		margin:0.4em 0 0 1em;
		float:right; }
	
		#content .map img, #content .communityMap img {
			width:80%; }
	
	#content .separator {
		border-bottom:1px solid #4d0004;
		width:50%;
		height:1px;
		float:left;
		margin:0.2em 0 0.2em 25%; }
	
	#content em {
		font-style:normal;
		color:#700018;
		font-weight:bold; }
	
	#content .spacing {
		padding:4em 3em 2em 3em; }
		
	#content .title {
		color:#700018;
		background:inherit;
		margin:0 0 1.4em 0;
		letter-spacing:2px;
		/*font-family:'Trebuchet MS' , Tahoma, sans-serif;*/
		font-family:Georgia, Sans-Serif;
		font-weight:bold;
		font-size:2.2em; }
		
    #content .subtitle {
		background:inherit;
		margin:0 0 1.1em 0;
		letter-spacing:2px;
		font-family:Georgia, Sans-Serif;
		font-family:Georgia, Sans-Serif;
		font-weight:normal;
		font-size:1.6em; }
      
	#content h2 {
		font-size:1.4em; }
            
	#content p {
		line-height:1.6em;
		margin:1em 0;
		clear:both; }
      
    #content .sectionTitle {
		font-size:1.6em;
		margin:1em 0 0.6em 0;
		padding:0;
		color:#88a43d; }
  
	#content label {
		clear:both;
		display:block; }
		
   #content .form {
      margin:0.5em 0; }
      
      #content .form textarea {
      	width:300px;
      	overflow:auto; }
  
/******************************************************/

#content .messageDisplay {
	margin:0;
	font-size:1.1em; }
	
	#content ul.error {
		color:#ff0000;
		font-style:normal;
		font-weight:bold; }
		
	#content ul.success {
		font-weight:normal;
		font-size:1.1em; }
	
	#content ul.success em {
		color:#700018;
		font-style:normal;
		font-weight:bold; }
	
	#content ul.informational {}
	
	#content .messageDisplay ul {
		 margin:0; 
		 list-style:none;
		 padding:0; }

		#content .messageDisplay ul li {
			margin:0.2em 0; 
			line-height:1.4em;
			padding:0; }
			 
/******************************************************/
	
img.noborder {
	border:0 !important; }
	
#content .instructions {
	margin:1em 0; }
	
#content .contentControl {
	font-size:1.1em; }
	
#content .contentControl a.backLink {
	color:#066cb7;
	font-size:1.2em;
	text-decoration:underline; }
	
#content .contentControl a.backLink:hover {
	text-decoration:none; }
			 
#content .contentControl .title {
	color:#700018;
	margin:0 0 0.2em 0;
	letter-spacing:1px;
	font-family:Georgia, Helvetica, Sans-Serif;
	font-size:1.8em; }
		
	#content .contentControl .title a {
		color:#700018;
		font-weight:bold;
		letter-spacing:1px;
		text-decoration:underline; }
		
	#content .contentControl .title a:hover {
		text-decoration:none; }
		
	#content .contentControl .title a.inactiveLink {
		text-decoration:none; }
		
#content .contentControl ul {
	margin:1em 0 1em 3em;
	padding:0; }
	
#content .contentControl .body { 
	font-size:1.2em;
	line-height:1.6em;
	margin:0.4em 0 0.4em 0;
	clear:both; }
	
	#content .contentControl .body table {
		border:1px solid #ccc;
		margin:0;
		font-size:0.9em;
		padding:0; }
		
		#content .contentControl .body table tr {
			margin:0;
			padding:0; }
			
			#content .contentControl .body table tr td {
				margin:0;		
				border:1px solid #ccc;
				vertical-align:top;
				padding:0.6em; }
	
	#content .contentControl .body code {
		font-size:12px;
		color:#066cb7; }
		
	#content .contentControl .body a {
		color:#700018;
		text-decoration:underline; }
		
	#content .contentControl .body a.inactiveLink {
		text-decoration:none; }
		
	#content .contentControl .body a:hover {
		text-decoration:none; }
	
#content .contentControl .contentContainer {
	margin:0.4em 0;
	clear:both;
	float:left;
	width:100%; }
	
#content .leftColumn {
	float:left;
	margin:0;
	width:23%; }
	
	#content .leftColumn a {
		font-size:0.8em !important; }
	
	#content .leftColumn .leftSection {
		padding:1em;
		margin:0; }
		
	#content .contentControl .contentContainer img {
		border:2px solid #b38b0f;
		margin:0 0 0 0;
		vertical-align:top; }
		
	#content .leftColumn .leftSection img {
		width:196px;
		vertical-align:top;
		margin:0 0 0 0; }
	
#content .rightSection {
	float:left;
	padding:1em 0 0 3em;
	width:70%; }
	
	#content .rightSection #feature {
		float:right;
		border:2px solid #b38b0f;
		margin:0.4em 1em 1em 1em; }
	
	#content .rightSection .messageDisplay {
		margin:1em 0; }
		
	#content .rightSection img {
		margin:0 1em 0 0 !important;
		vertical-align:text-top !important; }
		
	#content .communityHeading {
		float:left;
		text-align:center;
		margin-bottom:1em;
		width:33%; }
		
		#content .communityHeading img {
			padding:0 0 0 1em; }

/******************************************************/

.childContentControl {
	padding:0 1em 2em 1em;
	float:left; }
	
	.childContentControl .spacing {
		margin:0 1em 0 0 !important;
		padding:0 !important; }

	.childContentControl .childTitle {
		font-size:1.9em; }
	
	.childContentControl ul {
		font-size:1.6em;
		list-style:none;
		margin:0;
		padding:4px 0 0 0; }
		
		.childContentControl ul li {
			margin:0;
			clear:both;
			padding:0.5em 0; }
		
			.childContentControl ul li a {
				letter-spacing:1px;
				color:#700018;
				text-decoration:underline; }
				
			.childContentControl ul li a:hover {
				text-decoration:none; }

/******************************************************/

   
img.icon {
	border:0; }
	
a.icon {
	float:left;
	margin:0 10px 2px 0;
	padding:2px; }
	
a.icon:hover {
	border:1px solid #066cb7;
	margin-bottom:0; }
	
/******************************************************/

#admin #content { 
	font-size:1.1em; }
	
	#admin #content .spacing {
		padding:2em 3em; }
	
	#admin #content p {
		font-size:1.1em; }

	#admin #marketing {
		height:36px;
		width:100%; }
	
	#admin #banner {
		height:34px; }

	#admin .title {
		font-size:1.4em;
		font-weight:bold;
		font-family:Verdana, Sans-Serif;
		color:#b38b0f;
		margin:0 0 1em 0;
		letter-spacing:1px; }
	    
	#admin .editor {
		margin:0.4em 0 2em 0;
		width:100%; }
		
	#admin .example {
		margin:0.4em 0;
		color:#88a43d; }
		
	#admin .description {
		font-size:1.1em;
		margin:0 0 0.6em 0; }
		
	#admin .instructions {
		font-size:1.1em; 
		border-top:1px solid #ccc;
		margin:2em 0 0 0;
		padding:0.8em 0 0 0; }
		
	#admin .documentBar .button {
		margin:0.2em 0.6em 0 0;
		float:left;
		width:16px; }
		
	#admin .documentBar .label {
		font-size:1.2em;
		margin:0.4em 0 0 0;
		float:left; }
		
	#admin label {
		font-size:1.2em;
		letter-spacing:1px; }
		
	#admin .documentBar {
		margin:0.8em 0 0.8em 0.4em;
		clear:both; }
		
		#admin .documentBar a {
			text-decoration:none;
			color:#066cb7; }
			
		#admin .documentBar a:hover {
			font-weight:bold; }
		
		#admin .documentBar:after {
			content:".";
			clear:both;
			display:block;
			visibility:hidden;
			height:0; }
			
	#admin .tabularView {
		width:100%;
		margin:1em 0 0 0;
		font-size:1.3em;
		border:1px solid #ccc; }
	
		#admin .tabularView th {
			padding:0.4em;
			background:#ebf9be;
			border:1px solid #ccc;
			text-align:justify; }
			
		#admin .tabularView tr:hover {
			background:#ebf9be; }
		
		#admin .tabularView tr td {
			padding:0.4em; }
			
			#admin .tabularView .button {
				width:16px; }
	
	#admin .selection {
		margin:0 0 0 1em; }
	
	#admin ul.contentList {
		margin:1em 0;
		padding:0;
		width:100%;
		list-style:none; }
		
		#admin ul.contentList li.contentList {
			border:1px solid #ccc;
			margin:0 0 2em 0;
			float:left;
			width:96%;
			clear:both;
			padding:1em; }
			
		#admin ul.contentList li.contentList:after {
			content:".";
			display:block;
			clear:both;
			height:0;
			visibility:hidden; }
			
			#admin ul.contentList li.contentList ul {
				margin:1em 0;
				font-size:1.2em; }
			
			#admin ul.contentList li.contentList ul li {
				margin:0.4em 0; }
			
		#admin ul.contentList li .title {
			font-size:1.6em;
			color:#88a43d;
			margin:0;
			letter-spacing:1px; }
			
		#admin ul.contentList li .entry {
			font-size:1.1em;
			margin:0.4em 0;
			letter-spacing:1px; }
			
		#admin ul.contentList li .icons {
			float:left;
			clear:both;
			width:100%; }
						
		#admin .windowHandle {
			width:10px;
			height:1.4em;
			background:url(../images/display/menu_bg.png);
			cursor:move;
			border:outset 1px white;
			font-size:1.2em; }
			
		#admin .callbackStyle {
			border:thin blue inset;	}
			
		#admin .reorderList ul {
			list-style:none;
			width:50%;
			margin:1.6em 0;
			padding:0;
			font-size:1.4em;
			clear:both; }

			#admin .reorderList ul li {
				margin:2px;
				background:#fff;
				color:#333;
				border:1px solid #ccc; }
				
				#admin .reorderList ul li:hover {
					background:#ebf9be; }
					
		#admin .contentReorderList ul {
			list-style:none;
			width:70%;
			margin:1.6em 0;
			padding:0;
			font-size:1.4em;
			clear:both; }

			#admin .contentReorderList ul li {
				margin:2px;
				background:#fff;
				color:#333;
				border:1px solid #ccc; }
				
				#admin .contentReorderList ul li:hover {
					background:#ebf9be; }

		#admin .reorderCue {
			border:dashed 1px black;
			width:100%;
			background:#ebf9be;
			height:1.8em; }

		#admin .itemArea {
			margin:0.2em 0 0 0.6em;
			font-size:1em;
			height:1.4em;
			text-align:left; }
			
			#admin .name {
				float:left; }
			
			#admin .section {
				float:right;
				margin:0 1em 0 0; }

