/*
-----------------------------------------------------------------------------------
DEFAULT SCREEN STYLESHEET FOR:
-----------------------------------------------------------------------------------
CSS Document Author: Terry Evans - OptiSite
XHTML Document Author: Terry Evans - OptiSite.com
-----------------------------------------------------------------------------------

----------------------------------------------------------------------------------- 

----------------------------------------------------------------------------------- 
Additional Stylesheets:
----------------------------------------------------------------------------------- */

@import url("../css/tables.css");

/*  Globals
--------------------------------------------------------------------------------------------------- */

* {margin:0; padding:0;}

html {
	margin:0; padding:0;
	background:#E8E3CD url(../gfx/bg-body.gif) repeat-y 50% 0;
}
body {
	text-align: center;
	font: 11px/1 Verdana, Arial, Helvetica, Sans-Serif;
	color:#808080;
	margin:0; padding:0;
  	background: transparent url(../gfx/bg-top.gif) repeat-x 0 0;
}
ul {
	list-style:none;
}
.center {
	text-align:center;
}
.clear {
	clear:both;
}

a img {
	border:none;
}
a {
	color:#5D3D28;
	text-decoration:none;
}
a:hover {
	color:#96532C;
	text-decoration:underline;
}

#name {display: none;}
#email {display: none;}
#comments {display: none;}

/* Clearfix Helper
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End hide from IE-mac */


/* Layout Divisions
--------------------------------------------------------------------------------------------------- */
#container {
	margin:0 auto;
	width: 776px;
	text-align: left;
}
#header {
	height:133px;
	width: 100%;
	background: url(../gfx/bg-logo.gif) no-repeat 0 0;
}
#contentarea {
	padding:0 40px 0 0;
	background: #fff url(../gfx/bg-mid.gif) repeat-y 0 0;
}
#content {
	float: right;
	width: 520px;
	padding: 25px 0 100px;
}
#sidebar {
	float: left;
	width: 177px;
}
#footer {
	clear: both;
	width:100%;
	color:#BEAC90;
	text-align: left;
	background: url(../gfx/bg-foot.gif) repeat-x 0 0;
}
#footcontent {
	margin:0 auto;
	width:776px;
	height:150px;
/*	background: url(../gfx/bg-foot-left.gif) no-repeat 0 0; */
	background: transparent url(../gfx/home-top.gif) repeat-y 0 0;
}
/* Splash Page Layout
--------------------------------------------------------------------------------------------------- */
body#default #sidebar {
	height:432px;
	background: url(../gfx/home-sidebar.jpg) no-repeat 0 0;
}
body#default #contentarea {
	height:432px;
	background: #fff url(../gfx/home-content.jpg) no-repeat 177px 0;
}
body#default #header {
	background: url(../gfx/home-header.jpg) no-repeat 0 22px;
}
body#default #logo {
	background: url(../gfx/home-top.gif) no-repeat 0 0;
}
body#default #navmenu a {
	color:#AF846A;
}
/* Header Elements
--------------------------------------------------------------------------------------------------- */
#logo {
	margin:0; 
	padding:0;
	float: left;
	height: 133px;
	width: 177px;
	text-indent: -9999px;
	/* background: url(../gfx/logo.gif) no-repeat 0 0; */
}
#logo a {
	display: block;
	height: 133px;
	width: 177px;
}
#quicknav {
	float: right;
	width: 560px;
	padding:22px 0 0 0;
}
#quicknav li {
	float: right;
	width: 122px;
	height: 36px;
	line-height: 36px;
	text-indent:-9999px;
}
#quicknav li a {
	display: block;
	width: 122px;
	height: 36px;
	line-height: 36px;
}
#quicknav #n-tourrequest a {
	background: url(../gfx/nav/tour-request.gif) no-repeat 0 0;
}
#quicknav #n-tourrequest a:hover {
	background-position: -122px 0;
}
body#default #quicknav #n-tourrequest {
	width:130px;
}
body#default #quicknav #n-tourrequest a {
	background: url(../gfx/nav/h-tour-request.gif) no-repeat 0 0;
}
body#default #quicknav #n-tourrequest a:hover {
	background-position: -130px 0;
}
/* Sidebar Elements
--------------------------------------------------------------------------------------------------- */

/* Content Area Elements
--------------------------------------------------------------------------------------------------- */
#content p {
	margin: 0 0 15px 0;
	line-height: 1.6em;
}
#content p.more {
	padding:15px 0;
}
#content p.first {
	margin: 15px 0;
}
#content h2 {
	display: block;
	margin:0;
	padding:0;
	width: 305px;
	height: 50px;
	line-height: 50px;
	text-indent: -9999px;
}
#content h3 {
	font-weight: bold;
 	color:#96532C;
	margin: 15px 0;
	font-size: 14px;
}
body#welcome #content h3,
#content h3.small {
	font-size: 11px;
	font-weight: bold;
	margin:15px 0;
	color:#808080;
	line-height: 1.6em;
}
#content h4 {
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
#content .pullphoto {
	float: right;
	width: 180px;
	margin: 0 0 15px 0;
	padding: 0 0 0 25px;
	text-align: right;
}
#content .pullphoto p a,
#content .small a {
	color:#BBAC90;
	font-size: 10px;
}
#content .pullphoto p a:hover,
#content .small a:hover  {
	text-decoration: underline;
}
#content dl {
	margin: 0 0 15px 0;
}
#content dl dt {
	font-weight: bold;
	margin: 15px 0;
}
#content dl dd,
#content ul li {
	margin: 0 0 15px 0;
	padding: 0 0 0 18px;
	background: url(../gfx/arrow.gif) no-repeat 0 10%;
}
body#sitemap dl {
	float: left;
	width: 33%;
}
body#sitemap dl dd {
	padding-right: 8px;
}
#content ul {
	margin: 15px 15px 20px;
}
#content ul li {
	line-height: 1.2em;
	margin: 0 0 8px 0;
}
#content ul.answers {
	margin:40px 0 15px 0;
}
#content ul.attractions {
	margin:20px 12px 15px 0;
}
#content ul.answers li,
#content ul.attractions li {
	padding: 0 0 0 20px;
	background: url(../gfx/bg-li-lines.gif) no-repeat 0 0;
}
#content ul.attractions li:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#content ul.attractions li {
	display: inline-table;
	margin: 0 0 20px 0;
	clear: right;
}
/* Hides from IE-mac \*/
	* html #content ul.attractions li {height: 1%;}
	#content ul.attractions li {display: block;}
/* End hide from IE-mac */

#content ul.attractions li img {
	float: right;
	margin: 0 0 5px 15px;
}
#content ul.attractions li p {
	margin: 0 0 5px 0;
}
#content ul.questions li a {
	color:#735921;
}
#content ul.questions li a:hover {
	color:#735921;
	text-decoration: underline;
}
#content ul.attractions ul.set {
	float: left;
	width: 33%;
	margin: 5px 0 15px 0;
	padding: 0;
}
#content ul.attractions ul.set li {
	background:#fff;
	margin: 0 0 5px 0;
	padding: 0 8px 0 0;
}
#content ul.team {
	margin:15px 0;
	padding:0;
}
#content ul.team li {
	background:#fff;
	float: left;
	width: 130px;
	text-align: center;
	margin:0;
	padding:0;
}
#content ul.team li p {
	margin: 5px 0 15px 0;
	padding: 0;
	line-height: 1.4em;
}
#content p.clear {
	clear: left;
}
#content p.right {
	text-align: right;
}
#content p.top {
	text-align: right;
	float: right;
	background: url(../gfx/pagetop.gif) no-repeat 98% 0;
	font-size: 10px;
	padding: 10px 20px 0 0;
}
#content ul.go {
	float: right;
	width: 150px;
	margin:20px 0 0 0; padding:0;
}
#content ul.go li {
	float: right;
	margin:0; padding:0 0 0 6px;
	text-align: center;
	font-size: 10px;
	background: transparent;
}
body#resources #content h3.clear {
	margin: 0 0 15px 0;
	padding: 15px 0 10px 0;
	border-top: 1px solid #ccc;
}
html>body#resources #content h3.clear {
	clear: both;
}
body#resources #content p.more {
	margin:0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}
body#resources #content h2 {
	float: left;
	margin: 0 0 5px 0;
}
#content ul.resources li {
	line-height: 1.6em;
	background-position: 0 8px;
}
#content ul.go li a {
	color:#BBAC90;
}
#content ul.go li a:hover {
	text-decoration: none;
}

/* Main Page Specific Headings
--------------------------------------------------------------------------------------------------- */
body#welcome #content h2 {
	background: url(../gfx/hd/welcome-home.gif) no-repeat 0 0;
}
body#apartments #content h2 {
	background: url(../gfx/hd/apartment-features.gif) no-repeat 0 0;
}
body#community #content h2 {
	background: url(../gfx/hd/community.gif) no-repeat 0 0;
}
body#floorplans #content h2 {
	background: url(../gfx/hd/floorplans.gif) no-repeat 0 0;
}
body#tour #content h2 {
	background: url(../gfx/hd/tour.gif) no-repeat 0 0;
}
body#gallery #content h2 {
	background: url(../gfx/hd/gallery.gif) no-repeat 0 0;
}
body#application #content h2 {
	background: url(../gfx/hd/application.gif) no-repeat 0 0;
}
body#location #content h2 {
	background: url(../gfx/hd/location.gif) no-repeat 0 0;
}
body#contact #content h2 {
	background: url(../gfx/hd/contact.gif) no-repeat 0 0;
}
body#thanks #content h2 {
	background: url(../gfx/hd/thanks.gif) no-repeat 0 0;
}
body#privacy #content h2 {
	background: url(../gfx/hd/privacy.gif) no-repeat 0 0;
}
body#terms #content h2 {
	background: url(../gfx/hd/terms.gif) no-repeat 0 0;
}
body#resources #content h2 {
	background: url(../gfx/hd/resources.gif) no-repeat 0 0;
}
body#sitemap #content h2 {
	background: url(../gfx/hd/sitemap.gif) no-repeat 0 0;
}
body#answers #content h2 {
	background: url(../gfx/hd/answers.gif) no-repeat 0 0;
}
body#attractions #content h2 {
	background: url(../gfx/hd/attractions.gif) no-repeat 0 0;
}
body#team #content h2 {
	background: url(../gfx/hd/team.gif) no-repeat 0 0;
}
body#calendar #content h2 {
	background: url(../gfx/hd/calendar.gif) no-repeat 0 0;
}
body#sitemap #content h2 {
	background: url(../gfx/hd/map.gif) no-repeat 0 0;
}
body#error #content h2 {
	background: url(../gfx/hd/404.gif) no-repeat 0 0;
}
body#admin #content h2,
body#calendaradmin #content h2,
body#stats #content h2 {
	background: url(../gfx/hd/control_home.gif) no-repeat 0 0;
}

body#admin #content h4,
body#calendaradmin #content h4,
body#stats #content h4 {font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: bold;
	color: 96532C; 
	line-height: 18px; 
	margin: 0px;}

/* Footer Elements
--------------------------------------------------------------------------------------------------- */
#footer div.left {
	float: left;
	width: 177px;
	height: 104px;
}
#footer div.right {
	float: right;
	width: 560px;
}
#footer div.extra {
	clear: both;
	width: 776px;
}
#footer div.right h3, 
#footer div.right p {
	font-size: 10px;
	padding: 10px 0 0 0;
	margin:0;
	text-align: right;
}
#footer div.extra p {
	text-align: right;
	margin: 0;
	padding: 5px 0 0 0;
	color:#BBAC90;
	font-size:10px;
}
#footer a {
	color:#BBAC90;
}
#footer a:hover {
	text-decoration:underline;
}
#footer address {
	padding: 10px 0 0 15px;
	margin: 0;
	line-height: 1.4em;
	font-size: 10px;
	font-style: normal;
}
/* Navmenu
--------------------------------------------------------------------------------------------------- */
#navmenu {
 	margin: 12px 0 50px 0;
 	padding: 0;
 	list-style: none;
}
#navmenu li {
 	margin: 0;
 	padding:0;
	line-height: 1.6em;
 	text-transform: capitalize;
}
#navmenu li a {
 	display: block;
 	width: 157px;
 	padding: 5px 5px 5px 8px;
 	margin-left: 7px;
	color: #C19F8B;
	font-weight: bold;
 	text-decoration: none;
}
html>body #navmenu li a { width: 157px;}

#navmenu li a:hover {
	border-left: 7px solid #D3BBA8;
	margin-left: 0;
	background: #fff;
	color: #D3BBA8;
}
#navmenu li.active a {
	border-left: 7px solid #D6CBBB;
	margin-left: 0;
	background: transparent;
	color: #C19F8B;
}
#navmenu li.active a:hover {
	background:#fff;
}
/* Navmenu - You Are Here
--------------------------------------------------------------------------------------------------- */
body#welcome #navmenu li.welcome a,
body#apartments #navmenu li.features a,
body#community #navmenu li.community a,
body#floorplans #navmenu li.floorplans a,
body#tour #navmenu li.tour a,
body#gallery #navmenu li.gallery a,
body#application #navmenu li.application a,
body#location #navmenu li.location a,
body#contact #navmenu li.contact a,
body#apply #navmenu li.apply a,
body#answers #navmenu li.answers a,
body#attractions #navmenu li.attractions a,
body#team #navmenu li.team a,
body#calendar #navmenu li.calendar a,
body#admin #navmenu li.default a,
body#calendaradmin #navmenu li.calendaradmin a,
body#stats #navmenu li.stats a {
	border-left: 7px solid #D6CBBB;
	margin-left: 0;
	background: transparent;
	color: #C19F8B;
}
body#welcome #navmenu li.welcome a:hover,
body#apartments #navmenu li.features a:hover,
body#community #navmenu li.community a:hover,
body#floorplans #navmenu li.floorplans a:hover,
body#tour #navmenu li.tour a:hover
body#gallery #navmenu li.gallery a:hover,
body#application #navmenu li.application a:hover,
body#location #navmenu li.location a:hover,
body#contact #navmenu li.contact a:hover,
body#answers #navmenu li.answers a:hover,
body#attractions #navmenu li.attractions a:hover,
body#team #navmenu li.team a:hover,
body#calendar #navmenu li.calendar a:hover,
body#admin #navmenu li.default a:hover,
body#calendaradmin #navmenu li.calendaradmin a:hover,
body#stats #navmenu li.stats a:hover {
	background:#fff;
}
body#default #navmenu li a {
	color:#ffffff;
}
body#default #navmenu li a:hover {
	color:#D3BBA8;
}
/* Photo Gallery
--------------------------------------------------------------------------------------------------- */
#content ul.galnav {
	margin:0 0 0 433px;
	padding:0;
}
#content ul.galnav .small a {
	text-decoration:none;
}
#content ul.galnav .small a:hover {
	text-decoration:none;
}
#content ul.galnav li {
	background: #fff;
	float: left;
	width: 32px;
	margin:0 0 15px 0;
	padding: 0;
	font-size: 10px;
}
div.photo {
	clear: left;
	width: 500px;
	height: 330px;
	background: url(../gfx/bg-pic.gif) no-repeat 0 0;
}

div.pullquote {float: right; 
	width: 190px; 
	border: solid #CCC; 
	border-width: 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-style: normal; 
	font-weight: none;
	color: 808080; 
	line-height: 18px;
	padding: 12px 9px 12px 12px; 
	margin: 30px 0px 20px 0px; 
	background: #EDEAE3;}
	
div.photoinfo {
	width: 490px;
}
#content p.desc {
	flaot: left;
	width: 80%;
}
#content p.count {
	float: right;
	text-align: right;
	width: 18%;
}
body#gallery #content p.next {
	text-align: right;
}

.form3 {width: 250px;
	text-align: left;
	margin: 7px 0px 0px 0px;
	padding: 2px 0px 2px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color: 444444;}
	
/* APPLICATION FORM STYLES */

#appFormTable { width:520px; font-size:11px; }

#appFormTable td { padding:0 10px 3px 0; }

#appFormTable h3 { width:520px; color:#96532C; font-size:14px; border-bottom:1px solid #ccc; padding:0 0 7px 0; }

input.textInputStandard {width: 314px; background-color:#F4F4F4; voice-family: "\"}\""; voice-family:inherit; width: 308px;}
	html>input.textInputStandard {width: 308px;} 
input.textInputCity {margin: 0 12px 0 0; background-color:#F4F4F4; width: 159px; voice-family: "\"}\""; voice-family:inherit; width: 153px;}
	html>input.textInputStandard {width: 153px;} 
input.textInputState {margin: 0 12px 0 0; background-color:#F4F4F4; width: 89px; voice-family: "\"}\""; voice-family:inherit; width: 83px;}
	html>input.textInputStandard {width: 83px;} 
input.textInputZip {width: 54px; background-color:#F4F4F4; voice-family: "\"}\""; voice-family:inherit; width: 48px;}
	html>input.textInputStandard {width: 48px;} 
textarea.textAreaStandard { width: 314px; background-color:#F4F4F4; width: 314px; voice-family: "\"}\""; voice-family:inherit; width: 308px;}
	html>textarea.textAreaStandard {width: 308px;}
label { margin:0 10px 0 5px; }
#submitButton { margin:15px 0; }