@import url("custom.css");
html, body
{
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: url(../images/pagebackground.jpg);
	height: 100%;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

table
{
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

img
{
	border: none;
	padding: 0px;
	margin: 0px;
}

a,
a:visited
{
	text-decoration: none;
	color: #660000;
}

strong
{
	font-weight: bold;
}

.Wrapper
{
	overflow: hidden;
}

.Left
{
	float: left;
}

.Right
{
	float: right;
}

.Center
{
	text-align: center;
}

.Spacer
{
	height: 30px;
}

#flashcontent
{
	margin-left: -3px;
}

#BodyContainer
{
	width: 856px;
	min-height: 100%;
	padding: 0px;
	margin: 0px auto;
	text-align: left;
  position: relative;
}

/* Section: Navigation */

#NavContainer
{
	width: 856px;
	height: 95px;
	background: url(../images/navbackground.jpg) no-repeat;
	z-index: 5;
	position: relative;
}

#NavContainer #Logo
{
	top: 10px;
	left: 40px;
	width: 165px;
	height: 90px;
	position: absolute;
	cursor: pointer;
}

#NavContainer #HomeBuyer
{
	position: absolute;
	right: 60px;
	top: 40px;
	text-transform: uppercase;
	font-weight: bold;
}

	#NavContainer #HomeBuyer a:hover
	{
		text-decoration: underline;
	}

#NavContainer dl
{
}

	#NavContainer dl dd:hover ul,
	#NavContainer dl dd.On ul
	{
		display: block;
	}

	#NavContainer dl dd
	{
		position: absolute;
		cursor: pointer;
	}

	#NavContainer ul
	{
		position: relative;
		top: 30px;
  background: none;
		padding: 0px 2px 2px 0px;
		margin: 0px;
  display: none;
		background: url(../images/dropdownbackground.gif) bottom right;
	}

		#NavContainer ul li
		{
			padding: 3px 25px 3px 30px;
			margin: 0px;
			white-space: nowrap;
			border-left: 2px solid #ffffff !important;
			color: #b22024;
			font-weight: bold;
		}

		#NavContainer ul li.First
		{
			border-top: 2px solid #ffffff !important;
			padding-top: 10px;
		}

		#NavContainer ul li.Last
		{
			padding-bottom: 15px;
		}

		#NavContainer ul li a,
		#NavContainer ul li a:visited
		{
			color: #000000;
			text-decoration: none;
		}

		#NavContainer ul li a:hover
		{
			color: #b22024;
		}

	#FindYourHome
	{
		background: url(../images/FindYourHome.jpg) no-repeat;
		top: 68px;
		left: 194px;
		min-width: 115px;
		min-height: 27px;
	}

		#FindYourHome .Clickable
		{
			position: absolute;
			width: 115px;
			height: 27px;
			cursor: pointer;
		}

	#PhotoGallery
	{
		background: url(../images/PhotoGallery.jpg) no-repeat;
		top: 68px;
		left: 311px;
		min-width: 111px;
		min-height: 27px;
	}

	#BuildingWith
	{
		background: url(../images/BuildingWith.jpg) no-repeat;
		top: 68px;
		left: 424px;
		min-width: 155px;
		min-height: 27px;
	}

	#Faqs
	{
		background: url(../images/Faqs.jpg) no-repeat;
		top: 68px;
		left: 581px;
		min-width: 55px;
		min-height: 27px;
	}

	#AboutUs
	{
		background: url(../images/AboutUs.jpg) no-repeat;
		top: 68px;
		left: 638px;
		min-width: 76px;
		min-height: 27px;
	}

		#AboutUs .Clickable
		{
			position: absolute;
	  width: 76px;
			height: 27px;
			cursor: pointer;
		}

	#ContactUs
	{
		background: url(../images/ContactUs.jpg) no-repeat;
		top: 68px;
		left: 716px;
		min-width: 93px;
		min-height: 27px;
	}

	#NavContainer dl dd:hover,
	#NavContainer dl dd.On
	{
		background-position: 0px -27px;
	}

/* End Section */

/* Section: Footer */

#FooterContainer
{
	padding: 5px 35px;
	font-size: 0.8em;
	color: #564f47;
}

#FooterContainer #Privacy a,
#FooterContainer #Privacy a:visited
{
	color: #564f47;
	text-decoration: underline;
	font-weight: bold;
}

/* End Section */

/* Section: Body */

#BodyContentContainer
{
	background: url(../images/bodybackground.gif) no-repeat;
	border-bottom: 1px solid #ffffff;
	position: relative;
	z-index: 1;
	padding-left: 4px;
}

#BumbleBarContainer
{
	background: url(../images/bodytop.gif) no-repeat;
	width: 855px;
	z-index: 5;
	left: 0px;
	top: 0px;
	position: absolute;
  overflow:hidden;
}

	#BumbleBarContainer #LowerLogo
	{
		background: url(../images/lowerlogo.png) no-repeat;
		width: 138px;
		height: 39px;
		margin-left: 56px;
		display: inline;
		float: left;
	}

	#BumbleBarContainer #BumbleBar
	{
		display: inline;
		float: left;
		padding-top: 4px;
		width: 613px;
		height: 25px;
		font-size: 0.9em;
		font-weight: bold;
		text-align: center;
		background: url(../images/subheaderbackground.png) no-repeat;
    margin-left:195px;
    text-transform: uppercase;
	letter-spacing: -0.7px;
	z-inder: 100;
	}

#SidePanel
{
	float: left;
	padding: 39px 0px 0px 20px;
	width: 250px;
	min-height: 404px;
	position: relative;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.9em;
}

#CareerPage #SidePanel .SideHeader
{
	margin-bottom: 10px;
}

#CareerPage #SidePanel .Posting
{
	font-weight: bold;
}

#CareerPage #SidePanel h2
{
	padding: 10px 0px;
	font-weight: bold;
	color: #000000;
}

#CareerPage #SidePanel p
{
	font-weight: normal;
	margin-bottom: 12px;
	color: #000000;
}

#Content
{
	float: left;
	width: 324px;
	padding: 34px 25px 30px 20px;
	min-height: 361px;
}

#ContactUsPage #Content
{
	width: 354px;
	padding-left: 5px;
	padding-right: 10px;
}
#PhotoGalleryPage #Content {
	width: 825px;
	padding-left: 5px;
	padding-right: 10px;
}

	#Content h2
	{
		color: #b22024;
		font-size: 0.9em;
		font-weight: bold;
		margin-bottom: 10px;
	}

	#Content p
	{
		font-size: 0.8em;
		margin-bottom: 12px;
		line-height: 1.2em;
	}

	#Content .Subcolumn
	{
		float: left;
		margin-right: 10px;
		width: 150px;
	}

		#Content .Subcolumn input
		{
			width: 120px;
		}

		#Content .Subcolumn select
		{
			width: 124px;
		}

	#Content p.NoBottomMargin
	{
		margin-bottom: 0px;
	}

	#Content input
	{
		width: 280px;
		margin-bottom: 5px;
	}

	#Content select
	{
		width: 284px;
		margin-bottom: 5px;
	}

	#Content textarea
	{
		width: 280px;
		height: 100px;
		margin-bottom: 5px;
	}

	#Content input.Radio,
	#Content input.Checkbox
	{
		width: auto;
		margin-bottom: 3px;
		position: relative;
		top: 3px;
	}

	#Content .ContactEmail
	{
		font-size: 0.7em;
	}

	#Content li
	{
		font-size: 0.8em;
		list-style-type: disc;
		margin-left: 20px;
	}

#RightPanel
{
	float: left;
	padding: 35px 0px 0px 0px;
	min-height: 408px;
	position: relative;
	color: #ffffff;
	font-weight: bold;
	background: #e4cdaf;
}

.Panel
{
	width: 134px;
}

.PanelWide
{
	width: 205px;
}
	#RightPanel h2
	{
		background: #000000;
		font-size: 0.9em;
		font-weight: bold;
		color: #ffffff;
		padding: 4px 0px 0px 10px;
		height: 16px;
	}

	#RightPanel h3
	{
		color:#B22024;
		font-size:0.9em;
		font-weight:bold;
		margin-bottom:10px;
	}

	#RightPanel p
	{
		font-size: 0.8em;
		font-weight: normal;
		margin-bottom: 12px;
		line-height: 1.2em;
		color: #000000;
	}

	#RightPanel .RightPanelContent
	{
		padding: 10px 10px;
	}

	#RightPanel table
	{
		font-size: 10px;
	}

		#RightPanel table img
		{
			margin-right: 10px;
		}

		#RightPanel table td
		{
			padding-bottom: 10px;
		}

		#RightPanel table a,
		#RightPanel table a:visited
		{
			color: #000000;
			font-weight: bold;
		}

#ContentFooter
{
	position: absolute;
	bottom: 0px;
	width: 845px;
	height: 24px;
	background: url(../images/bodyfooter.png) no-repeat;
}

#AboutUsPage #SidePanel
{
	background: url(../images/side/aboutus.jpg) no-repeat;
	margin-left: 1px;
}

#ContactUsPage #SidePanel
{
	background: url(../images/side/contactus.jpg) no-repeat;
	min-height: 740px;
	margin-left: 1px;
}

#ContactUsPage #RightPanel
{
	min-height: 743px;
}

#ContestPage #SidePanel
{
	background: url(../images/side/contest.jpg) no-repeat;
	min-height: 945px;
}

#ContestPage #RightPanel
{
	min-height: 948px;
}

#PrivacyPage #SidePanel
{
	background: url(../images/side/contest.jpg) no-repeat;
	height: 1500px;
}

#PrivacyPage #RightPanel
{
	min-height: 1503px;
}

#ContactMap
{
	width: 354px;
	height: 300px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
}

	#ContactMap .CommunityUrl
	{
		color: #009900;
	}

	#ContactMap .DirectionUrl
	{
		color: #000099;
		text-decoration: underline;
	}

#QuestionContainer
{
	font-size: 0.8em;
}

	#QuestionContainer select
	{
		width: 184px;
		margin-bottom: 5px;
	}

	#QuestionContainer input,
	#QuestionContainer textarea
	{
		width: 180px;
		margin-bottom: 5px;
	}

	#QuestionContainer textarea
	{
		height: 150px;
		font-family: Arial, Helvetica, sans-serif;
	}

#Communities
{
	padding: 15px 10px 20px 10px;
	font-size: 0.9em;
}

	#Communities .Community
	{
		float: left;
		width: 153px;
		padding-bottom: 20px;
		padding-right: 14px;
	}

	#Communities .CommunityName
	{
		font-weight: bold;
		color: #b22024;
	}



#BuildingWithPage #SidePanel
{
	background: url(../images/side/buildingwithleft.jpg) no-repeat;
	min-height: 461px;
	margin-left: 1px;
}

#BuildingWithPage #RightPanel
{
	background: url(../images/side/buildingwithright.jpg) no-repeat;
	min-height: 465px;
}

#CommunityPage #SidePanel
{
	background: url(../images/side/communityleft.jpg) no-repeat;
	min-height: 601px;
}

#CommunityPage #RightPanel
{
	background: url(../images/side/communityright.jpg) no-repeat;
	min-height: 605px;
}

#FaqsPage #SidePanel
{
	background: url(../images/side/faq.jpg) no-repeat;
	min-height: 500px;
	margin-left: 1px;
}

#AwardsPage #SidePanel
{
	background: url(../images/side/awards.jpg) no-repeat;
	min-height: 500px;
	margin-left: 1px;
}
/*********************************
 * CommunityInvolvement Template
 *********************************/
#CommunityInvolvement #SidePanel
{
    background: url(../images/side/communityleft.jpg) no-repeat;
	margin-left: 1px;
}

#CommunityInvolvement #RightPanel ul {
	padding-left: 10px;
	margin-top: 15px;
	list-style-type: disc;
}
#CommunityInvolvement #RightPanel ul li {
    list-style: disc;
    font-size: 10px;
    margin-left: 10px;
    color: #B32125;
}
#CommunityInvolvement #RightPanel ul li.active {
	text-decoration: underline;
}

#CommunityInvolvement #RightPanel ul li a {
	font-size: 10px;
}
/*************************************
 * El Salvador Template
 ************************************/

#ElSalvador #SidePanel
{
    background: url('../images/side/el-salvador.jpg') no-repeat;
    margin-left: 1px;
}

#ElSalvador #RightPanel ul {
    padding-left: 10px;
    margin-top: 15px;
    list-style-type: disc;
}
#ElSalvador #RightPanel ul li {
    list-style: disc;
    font-size: 10px;
    margin-left: 10px;
    color: #B32125;
}
#ElSalvador #RightPanel ul li.active {
    text-decoration: underline;
}

#ElSalvador #RightPanel ul li a {
    font-size: 10px;
}



/************************************
 * Careers Template
 ***********************************/
#CareerPage #SidePanel
{
	background: url(../images/side/career.jpg) no-repeat;
	min-height: 500px;
	margin-left: 1px;
}

#VideosPage #BodyContentContainer
{
	background: url(../images/bodybackgroundclear.gif) no-repeat;
}

#VideosPage #SidePanel
{
	background: url(../images/side/videos.jpg) no-repeat;
}

#VideosPage #Content ul.SubNav
{
	background: #000000 url(../images/subnavend.jpg) no-repeat top right;
	padding: 1px 0px 5px;
	height: 14px;
	position: relative;
	top: 2px;
	left: -20px;
}

	#VideosPage #Content ul.SubNav li
	{
		display: inline;
		color: #ffffff;
		line-height: 14px;
	}

		#VideosPage #Content ul.SubNav li a,
		#VideosPage #Content ul.SubNav li a:visited
		{
			text-decoration: none;
			color: #ffffff;
		}

#SummerPage #SidePanel
{
	background: url(../images/side/videos.jpg) no-repeat;
	height: 434px;
}

	#SummerPage #SidePanel p
	{
		margin-top: 15px;
		margin-right: 30px;
		font-size: 0.9em;
		color: #000;
	}

	#SummerPage #SidePanel p.headline
	{
		font-size: 1.1em;
		color: #b22024;
	}

#SummerPage #Content
{
	width: 574px;
	height: 434px;
	padding-left: 0;
	padding-right: 0;
	background: #eee4d1 url(../images/bodybackgroundsingle.gif) 190px top repeat-y;
}

	#SummerPage #Content .Column
	{
		margin: 0 auto;
		text-align: center;
	}

/* End Section */

/* Section: Buttons */

#BodyContentContainer input.Send
{
	border: none;
	background: url(../images/button-send.jpg) no-repeat;
	width: 43px;
	height: 21px;
	cursor: pointer;
}

#BodyContentContainer input.Submit
{
	border: none;
	background: url(../images/button-submit.jpg) no-repeat;
	width: 85px;
	height: 21px;
	cursor: pointer;
}

/* End Section */

/* Section: Admin */

#Content table.Admin
{
	width: 300px;
}

	#Content table.Admin td
	{
		padding: 5px;
	}

		#Content table.Admin td select,
		#Content table.Admin td input
		{
			width: auto;
		}

#Content table.AdminFull
{
	width: 100%;
}

	#Content table.AdminFull td
	{
		padding: 5px;
	}

	#Content table.AdminFull th
	{
		padding: 5px;
		font-weight: bold;
	}

	#Content table.AdminFull .ButtonsContainer
	{
		width: 40px;
	}

	#Content table.AdminFull .AdminDelete,
	#Content table.AdminFull .AdminEdit
	{
		padding: 0px;
		width: 18px;
		height: 18px;
		background: none;
		border: none;
	}

#Content div.FormContainer
{
	padding-top: 30px;
	padding-bottom: 20px;
}

#Content table.FormContainer
{
	border-top: 1px solid #000000;
}

	#Content table.FormContainer td
	{
		padding: 5px;
		vertical-align: top;
	}

	#Content table.FormContainer input,
	#Content table.FormContainer select
	{
		width: auto;
	}

	#Content table.FormContainer textarea
	{
		width: auto;
	}

/* End Section */

#SlideShowHolder{
  height: 418px;
}

#SlideShowOverlay {
  background: url(/assets/templates/home/slideshow-overlay.png) no-repeat;
  width: 838px;
  height: 418px;
  left: 13px;
  z-index: 1;
  position:absolute;
}

#LowerLogo{
  background: url(/assets/templates/home/lowerlogo.png) no-repeat;
  width: 138px;
  height: 39px;
  position: absolute;
  z-index:100;
  left:56px;
  top:95px;
}

.clear {
  clear: both;
}


.WideLayout #BodyContentContainer {
  background: transparent url(/assets/templates/common-includes/images/bg-main-content.jpg) repeat-y 0 0;
}

/*.WideLayout #ContentFooter {
  background: none;
}*/

.WideLayout #Content {
  padding:0;
  width:468px;
  /*
margin-top:30px;
*/
  margin-top: 41px;
  /*
margin-left: 1px;
*/
}

.WideLayout .PanelWide{
  /*
width: 100px;
*/
  width: 105px;
}

.WideLayout #Content p {
  margin-bottom: 0;
}

.WideLayout #SidePanel
{
	min-height: 412px;
}

#FindYourHomePage #SidePanel {
  background: transparent url(../images/side/find-your-home-left.jpg) no-repeat scroll 0 58px;
}

.WideLayout #SidePanel {
  padding: 0;
  margin-right:8px;
  width:263px;
  padding-top:37px;
  /*
padding-left: 4px;
*/
}

.WideLayout #SidePanel #SidePanelHeader{
  background-color: #000000;
  color: #ffffff;
  padding: 3px 0 3px 20px;
  text-transform: uppercase;
}

.WideLayout #RightPanel
{
  background: transparent;
  /*
padding-left: 10px;
*/
  /*
padding-left: 5px;
*/
}

#FindYourHomePage #RightPanel {
  background: transparent url(../images/side/find-your-home-right.jpg) no-repeat scroll 5px 50px;
}
#SideContentWrapper {
  margin: 10px 20px 0 20px;
  color: #010101;
  font-size: 11px;
  font-weight:normal;
}
#SideContentWrapper img.wireframe{
  margin-left: 60px;
}

#WireFrameNav ul {
  margin-bottom: 10px;
}

#WireFrameNav li {
  float: left;
  margin-left: 5px;
}

#WireFrameNav h3 {
  margin-bottom: 10px;
}

#WireFrameNav a{
  background-color: #EEE4D1;
  padding: 5px;
  font-weight: bold;
  color: #010101;
}

#WireFrameNav a.active, #WireFrameNav a:hover{
  background-color: #B22024;
  color: #ffffff;
}

#SideContentWrapper h1 {
  font-size: 22px;
  font-weight: bold;
  margin-top: 10px;
  letter-spacing: -0.90px;
}
#SideContentWrapper #SubContent {
  margin: 0 0 20px 50px;
  z-index: 200;
}
#SideContentWrapper #SubContent h2 {
  font-size: 14px;
  font-weight: bold;
  text-transform:uppercase;
}
#SideContentWrapper #SubContent h3, #WireFrameNav h3 {
  color: #B32125;
  font-weight: bold;
}
#SideContentWrapper #SubContent a, #RightPanel a{
  color: #B32125;
}

#SideContentWrapper #SubContent a.active, #RightPanel a.active{
  color: #010101;
}

#SideContentWrapper #SubContent a:hover, #RightPanel a:hover{
  color: #010101;
}

#SwitchViews {
  position:relative;
  top:400px;
}

#SwitchViews a{
  font-size: 10px;
  display: block;
}

#CommunitySubNav {
  background-color: #000000;
  background: url(/assets/templates/common-includes/images/bg-sub-nav-community-details.jpg) no-repeat;
  width: 478px;
  height: 20px;
  position: absolute;
  left: 275px;
  top: 37px;
  padding-top: 1px;
}

html > #CommunitySubNav {
  padding-top: 3px;
}

#CommunitySubNav li {
  float: left;
  list-style: none;
  margin-left: 15px;
}


#CommunitySubNav li a{
  color: #E3CCAE;
  font-weight: bold;
  font-size: 9px;
  text-transform: uppercase;
}

#CommunitySubNav li a:hover{
  color: #FEFEFE;
}

#Content .CommunityContent {
  /*
margin-top: 15px;
*/
  margin-bottom: 30px;
}

#Content .CommunityContent ul {
  list-style-type: disc;
}
#Amenities {
  padding: 0 10px;
}
#Content .CommunityContent #Amenities div{
  float: left;
  width: 205px;
}

#Content .CommunityContent #Amenities .left {
  margin-right: 15px;
}

#Content .CommunityContent #Amenities ul li {
  margin-bottom: 10px;
  height: 22px;
  font-size: 11px;
  line-height: 14px;
  vertical-align: top;
}

#CommunityFlashComponent{
  height: 280px;
}

#MainContent {
  padding: 10px;
}
#MainContent img#FloorPlan {
	margin: 0 auto;
	padding-top: 35px;
	display: block;
}
#MainContent #StandardFeaturesDetails {
	margin-top: 15px;
}
#QuickPossessionPromo{
  font-size: 11px;
  position: absolute;
  top: 100px;
  right: -35px;
  width: 169px;
  height: 202px;
  background: url(/assets/templates/common-includes/images/bg-quick-possession.png) no-repeat;
  z-index: 10;
}

#QuickPossessionPromoContent {
  font-size: 11px;
  position: absolute;
  top: 110px;
  right: -45px;
  z-index: 100;
  width: 150px;
}

#QuickPossessionPromoContent h2{
  background-color: transparent;
  color: #B32125;
  font-size: 14px;
  padding-left: 0;
  padding-bottom: 10px;
  font-weight: bold;
  letter-spacing: -0.75px;
}

#QuickPossessionPromoContent img {
  margin: 5px 0;
}

#QuickPossessionPromoContent h3{
  color: #B32125;
  font-weight: bold;
}
#community-logo {
    text-align: center;
	height: 200px;
	padding-top: 16px;
}
#community-logo img {
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
#community-content {
	width: 450px;
	margin-left: 10px;
}
a.PDFButton {
  display: block;
  background: url(/assets/templates/common-includes/images/bg-link-view-pdf.jpg) no-repeat;
  width: 78px;
  height: 15px;
  margin-left: 350px;
  margin-top: 20px;
}

a.PDFButton:hover{
  background-position: 0 -15px;
}

.PhotoGallery #gallery{
  /*margin-left: 5px;*/
  /*margin-top: 15px;*/
/*  margin-top: -24px;*/
    margin-top: 10px;
}

.PhotoGallery #BodyContentContainer {
  background-image: none;
  background-color: #EEE4D1;
}

#RightPanel #Legend {
  margin-top: 300px;
  margin-left: 5px;
}
div.errors,
div#error {
	padding-top: 5px;
	margin-bottom: 15px;
	background-color: #FFF2EF;
	border: solid 2px #CF2200;
	font-size: 11px;
	color: #CF2200;
}
div#error {
	font-size: 11px;
}
div#error p {
	color: #CF2200;
	font-size: 12px;
}
#Content #sitemap ul li {
	font-size: 12px;
}
#sitemap h1 {
	font-size: 28px;
	line-height: 34px;
	color: #660000;
}
#google-maps-instructions {
	padding: 10px;
}




#one-column #SidePanel {
	background-image: none;
    background-color: #E5CEAF;
    min-height: 461px;
    margin-left: 1px;
}

#one-column #RightPanel {
    background-image: none;
    background-color: #E5CEAF;
    min-height: 465px;
}
#one-column #BodyContentContainer {
	background: #E5CEAF url('../images/one-column-bodybackground.jpg') top left repeat-y;
}
#one-column #SidePanelHeader {
	display: block;
	background-color: #000000;
}
#one-column #Content {
	padding-top: 45px;
	width: 800px;
}