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

body  {
	font: 100% Arial, Helvetica, sans-serif;
	background:url(/images/bamboo.png) repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#middlearea {
	width:100%;
	height:500px;
	background:url(images/mid-blue-bg.png) repeat-x;
	margin-top:100px;
}
#maincontainer {
	width:1004px;
	height: 500px;
	margin:0 auto;
	margin-top:0px;
	background: white url(images/gradient.png) repeat-x top left;
}
#dropWrap {
	width: 770px;
	margin: 0 auto;
}
#leftside {
	width:325px;
	float:left;
}
#middle {
	width:350px;
	height:500px;
	float:left;
	color:#333;
	font-size:11px;
	background:white;	
	background-color:white;
	overflow:hidden;
}
#rightside {
	width:325px;
	float:left;
}
#footer {
	text-align:center;
	color:white;
	font-size:11px;
}
#footer a, #footer a:link, #footer a:active, #footer a:visited {color:#fff; text-decoration:underline;}
#footer a:hover {color:#690 text-decoration:underline;}
#footertext {
	width:1004px;
	font-family: "Gill Sans MT", serif;
	font-size:11px;
	padding-top:15px;
	margin:0 auto;
}
#footertext h1 {
	width:1004px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size:36px;
	font-weight:bold;
	margin:0 auto;
}
/* ----- BEGIN JS new changes ----- */
* {padding: 0; margin: 0}
#containerbackground {
	/*background: url(images/maincontainer-bg.png) no-repeat;*/
	width:984px;
	height:500px;
	margin-left:10px;
	padding: 30px 10px 10px 10px;
}
#drop {
	list-style: none;
	padding-left:25px;
}
#drop li {
	float:left;   
	display:block; 
	width:192px;   
	/*background:#e9e6d7;*/   
	position:relative;  
	margin:1px;
	padding: 0 20px;
}
#drop li a {
	height:188px;
	display:block;   
	text-decoration:none;   
	text-align:center;
}
#drop li.under a {
	height: 30px;
	padding: 0;
	display:block;   
	text-decoration:none;
	background:#e9e6d7;   
	text-align:center;
}
#drop li.under {
	width: 100%;
	padding: 0;
}

#drop ul {
	position: absolute;	
	left: 0;
	display: none;
	list-style: none;
	background:#FFFFFF;
	width: 200px;
	margin: 0 15px;
	padding-right: 2px;
	border: 1px solid #CCCCCC;
}
#drop ul li {
	float: left;
}
#drop ul li a {
	display:block;
}
#drop ul li a:hover {
	background: url(images/hoverbg.png) no-repeat;
}
h3#collection {
	background: url(images/collection2.png) center no-repeat;
	height: 188px;
	text-align: center;
	text-indent: -9999px;
}
h3#square {
	background: url(images/atthesquare2.png) center no-repeat;
	height: 188px;
	text-align: center;
	text-indent: -9999px;
}
h3#condo {
	background: url(images/condo2.png) center no-repeat;
	height: 188px;
	text-align: center;
	text-indent: -9999px;
}
h4 {
	text-indent: -9999px;
}
h4#alexander {
	background: url(images/menu/alexander2.png) no-repeat;
	height: 45px;
	padding-top:3px;
}
h4#kenyon {
	background: url(images/menu/kenyon2.png) no-repeat;
	height: 45px;
	padding-top:3px;
}
h4#mercer {
	background: url(images/menu/mercer2.png) no-repeat;
	height: 45px;
	padding-top:3px;
}
h4#eastpointe {
	height: 45px;
	padding-top:3px;
	background: url(images/menu/eastpointe2.png) no-repeat;
}
h4#sawmill {
	height: 45px;
	padding-top:3px;
	background: url(images/menu/sawmill2.png) no-repeat;
}
h4#breckenridge {
	height: 45px;
	padding-top:3px;
	background: url(images/menu/breckenridge2.png) no-repeat;
}
h4#slate {
	height: 45px;
	padding-top:3px;
	background: url(images/menu/slateridge2.png) no-repeat;
}
h4#preston {
	height: 45px;
	padding-top:3px;
	background: url(images/menu/prestonwoods2.png) no-repeat;
}
h4#slateridge {
	height: 45px;
	padding-top:3px;
	background: url(images/menu/slateridgevillage2.png) no-repeat;
}
#livewell h1{
	background: url(images/livewellbottom.png) no-repeat;
	height: 33px;
	width: 161px;
	text-indent: -9999px;
}
/* ----- END JS new changes ----- */