/* Global Styles */

body {
	background-color: #ADB97B;
	margin: 15px;
	padding: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
* {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0;
}
h1 {
	font-size: 26px;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #945e1e;
	font-variant: small-caps;
}
p {
	font-size: 13px;
	color: #65380F;
	line-height: 26px;
	margin: 0px 0px 20px 0px;
}
a:link {
	color: #65380F;
	font-weight:bold;
	text-decoration:none;
}
a:visited {
	color: #65380F;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	color: #b5a11c;
	font-weight:bold;
	text-decoration:none;
}
a:active {
	color: #b5a11c;
	font-weight:bold;
	text-decoration:none;
}
.visible{
	visibility:visible;
}
.invisible{
	visibility:hidden;
}
.finalP {
	margin-bottom: 0px !important;
}
.tightSpace{
	line-height:18px;
}

.smCap{
	font-variant:small-caps;
	font-weight:bold;
}
/* Background Shadow */

#outerContainer {
	width: 955px;
	margin: 0 auto;
	position: relative;
	background: url(../images/shadow_side.jpg) repeat-y right top;
	overflow: hidden;
}
#bottomShadow {
	width: 955px;
	margin: 0 auto;
}
#shadowFix {
	width: 15px;
	position: absolute;
	left: 940px;
	top: 0px;
}

/* Content Stucture (side pages plus) */

#contentContainer, #siteContainer, #contentContainerPalm {
	width: 940px;
	background-color: #FFFFFF;
	overflow: hidden;
}
#contentContainerPalm{
	background-color:#e2e9c3;
}
#pageVisual {
	width: 400px;
	float: left;
}
#contentHolder, #contentHolderLinks {
	width: 490px;
	padding: 20px 25px 25px 25px;
	float: right;
	background-color:#FFFFFF;
}

#contentHolderLinks a:link {
	color: #65380F;
	font-weight:normal;
	text-decoration:none;
}
#contentHolderLinks a:visited {
	color: #65380F;
	font-weight:normal;
	text-decoration:none;
}
#contentHolderLinks a:hover {
	color: #b5a11c;
	font-weight:normal;
	text-decoration:none;
}
#contentHolderLinks a:active {
	color: #b5a11c;
	font-weight:normal;
	text-decoration:none;
}

#largeVisual {
	width: 550px;
	float: left;
}
#smallContentHolder {
	width: 340px;
	padding: 20px 25px 25px 25px;
	float: right;
}
#venetoNav {
	width: 940px;
	background-color: #692A33;
}
#sorrentonav {
	width: 940px;
	background-color: #3E2427;
}
#palmianav {
	width: 940px;
	background-color: #8B5C28;
}
#residentsNav {
	width: 940px;
	background-color: #b0a330;
}

/* Community Homepages */
#homeVisual {
	width: 310px;
	float: left;
}
#homeStatement {
	width: 550px;
	height: 133px;
	padding: 20px 40px 0px 40px;
	background-color: #f9efc7;
	float: right;
	font-size: 13px;
	color: #65380F;
	line-height: 22px;
}
#homeStatementMarineo{
	width: 550px;
	height: 133px;
	padding: 20px 40px 0px 40px;
	background-color: #f9efc7;
	float: right;
	font-size: 13px;
	color: #65380F;
	line-height: 17px;
}
	

/* Site Structure (homepage/ext) */

#palmNav {
	width: 940px;
	background-color: #3B4D19;
}

#marineoNav {
	width: 940px;
	/*background-color: #993300;*/
	background-color: #8d3f0d;
	height:34px;
}
#homeHeader, #homeCommunities, #flashHeader {
	width: 940px;
}
#floorplansFlashHeader{
	width:940px;
	margin-top:-255px;
}
#flashHeaderFacade{
	width: 940px;
	/*visibility:hidden;*/
}

#logoDesc {
	width: 313px;
	height: 319px;
	float: left;
	background: #3b4d19 url(../images/home_descbg.gif) no-repeat 0px 196px;
}
#searchCopy {
	font-size: 13px;
	line-height: 22px;
	color: #FFFFFF;
	text-align: center;
}
#frontFlash {
	width: 627px;
	height: 319px;
	float: right;
	line-height: 0px;
}
#homeCommSize1, #homeCommSize3 {
	width: 235px;
	float: left;
	line-height: 0px;
}
#homeCommSize2 {
	width: 235px;
	float: left;
	line-height: 0px;
}
.brownBoldText{
	font-weight: bold;
	color: #65380F;
}

/* Community Page Elements */

.fpTitle{
	color: #633A12;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}
.selectPlan {
	font-size: 16px;
	line-height: 16px;
	margin-bottom: 15px;
}
#fpList {
	width: 160px;
	float:left;
	margin-left: 40px !important;
	margin-left: 20px;	
}
#fpList ul {
	margin: 0px 0px 15px 0px;
	padding: 0px;
}
#fpList li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#fpList li a {
	width: 130px;
	height: 18px;
	text-decoration: none;
	font-weight:normal !important;
	font-size: 14px;
	font-variant: small-caps;
}	
#fpList li a:link, #fpList li a:visited {
	color: #633A12;
	display: block;
	background:  url(../images/fplist_bg.gif);
	padding: 3px 0px 0px 20px;
	margin-top: 6px;
}
#fpList li a:hover {
	color: #839A36;
	padding: 3px 0px 0px 20px;
	margin-top: 6px;
}
.active {
	width: 130px;
	height: 18px;
	font-size: 14px;
	font-variant: small-caps;
	color: #839A36;
	display: block;
	background:  url(../images/fplist_bg.gif);
	padding: 3px 0px 0px 20px !important;
	margin-top: 6px !important;
}
#ifloorBtn{
	width: 200px;
	float: left;
	margin-left: 30px !important;
	margin-left: 15px;
	margin-top: 10px;
}
#fpLeft{
	width: 240px;
	float: left;
}
#fpRight{
	float: right;
	margin-top: 20px;
}
#fpHeader{
	margin-top: 20px;
	margin-left: 40px;
}
.fpSmall{
	font-size: 13px;
	color: #65380F;
}
.fpLarge{
	font-size: 28px;
	color: #65380F;
	font-variant: small-caps;
	font-weight: bold;
}
#contentHolder ul{
	margin: 0px;
	padding: 0px;
}
#contentHolder li{
	font-size: 12px;
	color: #65380F;
	line-height: 16px;
	margin: 0px 0px 3px 15px;
	padding: 0px;
}
.tightLeadingNoSpace {
	margin-bottom: 10px !important;
	line-height: 14px;
}
#brookLogo{
	width:900px; 
	text-align:right; 
	margin:0px auto 0px auto;
	position:relative;
	top:-35px;
}

/* Form Elements */

form {
	margin: 0px;
	padding: 0px;
}
.halfField {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	margin: 3px 0px 7px 0px;
	padding: 3px;
	width: 225px;
	border: 1px solid #d0c084;	
}
.fullField {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	margin: 3px 0px 7px 0px;
	padding: 3px;
	width: 470px;
	border: 1px solid #d0c084;	
}
.pullField {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
	margin: 3px 0px 7px 0px;
	width: 225px;
}
.formCopy {
	font-size: 11px;
	color: #262425;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* Footer Elements */

#soundControl {
	width: 34px;
	height: 34px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}
#redFooter {
	width: 940px;
	height: 34px;
	background: #692a33;
	clear: both;
	position: relative;
}
#grnFooter {
	width: 940px;
	height: 34px;
	background: #3B4D19;
	clear: both;
	position: relative;
}
#brnFooter {
	width: 940px;
	height: 34px;
	background: #3E2427;
	clear: both;
	position: relative;
}
#tanFooter {
	width: 940px;
	height: 34px;
	background: #8B5C28;
	clear: both;
	position: relative;
}
#marineoFooter {
	width: 940px;
	height: 34px;
	background: #8d3f0d;
	clear: both;
	position: relative;
}
#yellowFooter {
	width: 940px;
	height: 34px;
	background: #b0a330;
	clear: both;
	position: relative;
}
#footerCopy {
	/*width: 630px;*/
	float: left;
	text-align: center;
	font-size: 9px;
	color: #FFFFFF;
	/*margin-top: 9px;
	border:1px solid #fff;*/
	margin:9px 25px 0 15px;
}



#ipostcardBtn {
	float:right;
}

#communityNewsBtn {
	float:right;
	margin: 0 0 0 5px;
}

#sharethis {
	margin:8px 0 0 0;
	width:90px;
	float: right;
	/*margin-left:20px;
	border:1px solid #fff;*/
}
#sharethis a {
	color: #FFFFFF;
	font-size:11px;
}


#soundbtn {
	float:left;
	/*position:absolute;*/
}

#facebook, #twitter {
	float:right;
	margin:5px 5px 0 0;
}


#resCopy {
	width: 783px;
	float: left;
	text-align: center;
	font-size: 12px;
	margin-top: 9px;
	color: #FFFFFF;
}
#commButton {
	width: 108px;
	float: left;
	/*border:1px solid #fff;*/
}
#resButton {
	width: 157px;
	float: right;
}
#copyRight {
	width: 900px;
	margin: 0 auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
}
#copyRight a, #copyRight a:link, #copyRight a:visited {
	color: #666666;
	font-weight: normal;
}
#copyRight a:hover, #copyRight a:active {
	color: #333333;
	font-weight: normal;
}

/* sIRF styles */
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
.sIFR-hasFlash h2 {
	visibility: hidden;
}
.sIFR-hasFlash h3 {
	visibility: hidden;
}
.sIFR-hasFlash h4 {
	visibility: hidden;
}
.sIFR-hasFlash h5#pullquote {
	visibility: hidden;
}

#commSitePlanTitle{
	float:left;
}
#commSitePlanSel{
	float:right;
}