@charset "utf-8";
/* CSS Document */

* {
padding: 0;
margin: 0;
}

td {
vertical-align: top;
}

ol {
padding-bottom: 15px;
line-height: 20px;
padding-left: 30px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
width: 1000px;
margin: 0px auto 0px auto;
background-color: #232021;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

p {
line-height: 20px;
padding-bottom: 15px;
}

h1 {
padding-bottom: 20px;
}

h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 40px;
font-weight: 100;
color: #353535;
padding-bottom: 40px;
}

h3 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #005364;
font-size: 16px;
padding-bottom: 5px;
}

a {
text-decoration: none;
}


/* -------------------------------------- BEGIN MASTHEAD ELEMENTS --------------------------------- */


div#masthead {
width: 1000px;
height: 99px;
background-image: url(/images/SatterwhiteMasthead.png);
}

div#TopNav {
width: 1000px;
height: 35px;
background-color: #222121;
border-bottom-color: #B3B3B3;
border-bottom-width: 1px;
border-bottom-style: solid;
}

	div#TopNavBottomBorder {
	width: 1000px;
	height: 10px;
	background-color: #682805;
	}
	

		
		
/* -------------------------------------- INDEX ELEMENTS ONLY --------------------------------- */		

div#WhatTheySay p {
color: #808990;
font-size: 12px;
padding: 0 0 0 0px;
line-height: 16px;
}

div#masthead {
width: 1000px;
height: 99px;
background-image: url(/images/SatterwhiteMasthead.png);
}

div#TopNav {
width: 1000px;
height: 35px;
border-bottom-color: #B3B3B3;
border-bottom-width: 1px;
border-bottom-style: solid;
}

	div#TopNavBottomBorder {
	widht: 1000px;
	height: 10px;
	background-color: #682805;
	}
	

			
		div#TopNav a {
		color: #B7B7B7;
		}
		
		


div#TopRow {
height: 404px;
width: 1000px;
background-image: url(/images/IndexOurCommunitiesBackground.png);
border-bottom-style: solid;
border-bottom-color: #000;
border-bottom-width: 5px;
}

		

div#SecondRow {
width: 1000px;
height: 241px;
background-image: url(/images/IndexBeigeBottom.png);
}

	div#FeaturedHome {
	width: 263px;
	height: 231px;
	float: left;
	padding: 10px 0 0 30px;
	}
	
		.FeaturedHomeText {
		color: #4C281C;
		font-size: 11px;
		}
		
	
	div#WhatTheySay {
	height: 231px;
	width: 415px;
	float: left;
	padding: 10px 0 0 20px;
	}
	
			.TellMeMore{
			float: right;
			font-size: 12px;
			padding: 0 20px 30px 0;
			}
			
			div#WhatTheySay a {
			color: #4C281C;
			}
			
				div#WhatTheySay a:hover {
				text-decoration: underline;
				}

	
	div#ActionBars {
	float: left;
	height: 241px;
	width: 272px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 21px;
	color: #FFF;
	}
	
		ul.ActionBars {
		padding: 35px 0 0 10px;
		list-style: none;
		}
		
			li.ActionBars {
			padding-bottom: 25px;
			}
	
		div#ActionBars a {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 17px;
		color: #FFF;
		}
		
		div#ActionBars a:hover {
		text-decoration: underline;
		}
		
/* -------------------------------------- BEGIN PAGE ELEMENTS --------------------------------- */

div#contentcontainer {
background-color: #E7E1C9;
width: 900px;
padding: 50px;
}


div#ourteam {
width: 250px;
padding: 15px;
background-color: #EEF0F0;
float: left;
}

div#contact {
width: 300px;
padding: 15px;
float: left;
}

div#map {
padding-left: 200px;
float: left;
}

		div#secondcolumn {
		float: left;
		width: 570px;
		padding-left: 30px;
		}
		
		
		div#contentcontainer hr {
		display: block;
		clear: left;
		visibility: hidden;
		}
		
		div#floatleft {
		float: left;
		}
		
		div#floatright {
		float: right;
		}

					
li.features {
padding-bottom: 5px;
list-style-position: inside;
text-indent: -1em;	
line-height: 16px;	
padding-left: 15px;	
}				
				
		

/* -------------------------------------- BEGIN FOOTER ELEMENTS --------------------------------- */



div#footer {
background-image: url(/images/FooterBackgroundTile.png);
background-repeat: repeat-y;
padding-top: 30px;
padding-left: 30px;
color: #808080;
font-size: 12px;
height: 200px;
clear: left;
}

	div#footer a {
	color: #808080;
	}
	
		div#footer a:hover {
		text-decoration: underline;
		}
	
	ul.footer {
	border-top-color: #808080;
	border-top-style: solid;
	border-top-width: 1px;
	width: 200px;
	float: left;
	margin-right: 30px;
	}
	
		li.footer {
		list-style: none;
		padding-top: 10px;
		}


/* -------------------------------------- BEGIN PROPERTY PAGES ELEMENTS --------------------------------- */


div#container {
background-color: #E7E1C9;
width: 1000px;
padding-bottom: 20px;
}


	ul.CommunityTabs {
	list-style: none;
	padding: 30px 0 0 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	}
	
		li.MulberryPark {
		height: 30px;
		width: 150px;
		float: left;
		background-color: #5A634F;
		color: #CBC996;
		padding: 10px 0 0 15px;
		}
		
			li.MulberryPark a{
			color: #CBC996;
			}
		
		li.FarmingtonOaks {
		height: 30px;
		width: 172px;
		float: left;
		background-color: #E59A4A;
		color: #F4E3B8;
		padding: 10px 0 0 15px;
		}
		
			li.FarmingtonOaks a{
			color: #F4E3B8;
			}
		
		li.AshtonMeadows {
		height: 30px;
		width: 169px;
		float: left;
		background-color: #C05046;
		color: #F9AAAA;
		padding: 10px 0 0 15px;
		}
		
			li.AshtonMeadows a{
			color: #F2B691;
			}
			
			
div#MulberryParkTitle {
color: #5A634F;
float: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 50px;
padding: 5px 50px 0px 0px;
}		


div#FarmingtonOaksTitle {
color: #E59A4A;
float: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 50px;
padding: 5px 50px 0px 0px;
}	

div#AshtonMeadowsTitle {
color: #C05046;
float: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 50px;
padding: 5px 50px 0px 0px;
}			




		

div#MulberryParkContainer {
clear: left;
width: 958px;
padding-top: 30px;
padding-bottom: 30px;
margin-left: 18px;
background-color: #CBC996;
border-left-color: #FFF;
border-left-width: 2px;
border-left-style: solid;
border-right-color: #FFF;
border-right-width: 2px;
border-right-style: solid;
}

div#FarmingtonOaksContainer {
clear: left;
width: 958px;
margin-left: 18px;
padding-top: 30px;
padding-bottom: 30px;
background-color: #F4E3B8;
border-left-color: #FFF;
border-left-width: 2px;
border-left-style: solid;
border-right-color: #FFF;
border-right-width: 2px;
border-right-style: solid;
}

div#AshtonMeadowsContainer {
clear: left;
width: 928px;
margin-left: 18px;
padding-left: 30px;
padding-top: 30px;
padding-bottom: 30px;
background-color: #F2B691;
border-left-color: #FFF;
border-left-width: 2px;
border-left-style: solid;
border-right-color: #FFF;
border-right-width: 2px;
border-right-style: solid;
}


		
		div#MulberryParkContainer hr {
		display: block;
		clear: left;
		visibility: hidden;
		}	
		
		div#FarmingtonOaksContainer hr {
		display: block;
		clear: left;
		visibility: hidden;
		}	
		
		div#AshtonMeadowsContainer hr {
		display: block;
		clear: left;
		visibility: hidden;
		}	
		
	
	div#MulberryParkNavigation {
	background-image: url(/images/Secondary/MulberryParkNavigationBackground.png);
	width: 200px;
	height: 300px;
	margin: 0 30px 30px 30px;
	float: left;	
	padding: 50px 0 0 0px;	
    }
	
	div#FarmingtonOaksNavigation {
	background-image: url(/images/Secondary/FarmingtonOaksNavigationBackground.png);
	width: 200px;
	margin: 0 30px 30px 30px;
	float: left;	
	padding: 50px 0 0 0px;	
	background-repeat: no-repeat;
    }
	
	div#AsthonMeadowsNavigation {
	background-image: url(/images/Secondary/AshtonMeadowsNavigationBackground.png);
	width: 170px;
	height: 250px;
	margin: 0 30px 30px 30px;
	float: left;	
	padding: 50px 0 0 30px;	
    }



				div#MulberryParkNavigation a, div#FarmingtonOaksNavigation a, div#AshtonMeadowsNavigation a {
				font-size: 12px;
				color: #000;
				}
				
				div#MulberryParkNavigation a:hover, div#FarmingtonOaksNavigation a:hover, div#AshtonMeadowsNavigation a:hover {
				text-decoration: underline;
				}
	
	
	
	div#ContentRight {
	width: 650px;
	float: left;
	}
		
	div#ContentLeft {
	width: 270px;
	height: 300px;
	float: left;	
    }
		
		div#ContentRight a {
		color: #005364;
		text-decoration: underline;
		}
		
		
		
ul.communitynav {
	text-decoration: none;
	list-style: none;
	line-height: 24px;
	padding-left: 30px;
	padding-bottom: 15px;
	}


div#slideshow {
float: right;
padding-right: 20px;
} 

.communitydescription {
padding: 0 50px 30px 0px;
float: right;
color: #005364;
font-size: 16px;
font-family: Georgia, "Times New Roman", Times, serif;
}


div#thumbnailnav {
padding-top: 20px;
width: 183px;
margin: 30px 0 0 7px;
color: #000;
border-style: solid;
border-width: 2px;
border-color: #FFF;
}

.FarmingtonThumbs {
background-color: #FFF1D9;
}

.MulberryThumbs {
background-color: #E9EBCF;
}

.floornavthumb {
padding: 0 0 20px 25px;
width: 133px;
text-align: center;
}


	div#thumbnailnav img {
	border-style: solid;
	border-width: 2px;
	border-color: #FFF;
	}
	div#thumbnailnav img:hover {
	border-style: solid;
	border-width: 2px;
	border-color: #005364;
	}

div#thumbnailnav a:hover {
color: #005364;
text-decoration: none;
}
	
	
/* -------------------------------------- BEGIN DROPDOWN MENU ELEMENTS --------------------------------- */	

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: right;
}

ul.dropdown li.noborder {
border: none;
float: left;
vertical-align: middle;
zoom: 1;
padding: 6px 29px 0 35px;
height: 30px;
vertical-align: middle;
font-size: 14px;
}

		 ul.dropdown li.nodrop {
		 float: left;
		 vertical-align: middle;
		 zoom: 1;
		 padding: 6px 24px 0 24px;
		 height: 30px;
		 vertical-align: middle;
		 border-left-style: solid;
		 border-left-width: 1px;
		 border-left-color: #CCCCCC;
		 font-size: 14px;
		}


ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
background-image: url(/images/NavBackgroundGradient.png);
background-repeat: repeat-x;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 x-index: -1;
}

/*This applies to the property names*/
ul.dropdown ul li {
 float: none;
 padding-top: 13px;
 margin-left: -1px;
 height: 35px;
 width: 150px;
 text-align: center;
 border-right-style: solid;
 border-right-width: 1px;
 border-right-color: #666666;
 border-left-style: solid;
 border-left-width: 1px;
 border-left-color: #666666;
 border-bottom-style: solid;
 border-bottom-width: 1px;
 border-bottom-color: #666666;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/*Property names rollover*/
ul.dropdown ul li:hover {
text-decoration: underline;
background-image: none;
}

div#MulberryParkDrop {
color: #CBC996;
}

div#FarmingtonOaksDrop {
background-color: #E59A4A;
color: #F4E3B8;
}

	
div#AshtonMeadowsDrop {
color: #F7D0D3;
}