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

/* START RESET 
------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* END REST 
------------------------------------------------------*/

body {
	background-color: #dbe2bf;
}



h1, h2 {
	color: #005631; font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 24px;

}

h1 {display: block; border-bottom: 1px solid #bbbbbb; margin-bottom: 10px; padding-bottom: 10px;}
h2 {font-size: 18px;}

p, a {color: #000000; font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; display: block; margin-top: 10px;}
p {line-height: 18px;}
ul li {color: #000000; font-family: Tahoma, "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; margin-top: 10px;}
ul {margin-top: 20px; margin-bottom: 20px;}

a {cursor: hand; display: inline;}

.hidden {display:none;}


#container {
	margin: 0 auto;
	width: 850px;
	border: none;
}

#banner {
	display: block;
	margin: 100px 0 0 0;
	float: left;
	width: 850px; height: 90px;
	background-image: url(/img/banner.bg.02.jpg);
}

#banner a#logo {
	display: block;
	position: absolute;
	background-image: url(/img/logo.01.png);
	width: 300px;
	height: 175px;
	top: 4px;
	left: 173px;

}

#banner a#apply {
	display: block;
	position: absolute;
	background-image: url(/img/apply.header.png);
	width: 300px;
	height: 125px;
	top: 4px;
	left: 173px;

}

#content {
	display: block; width: 790px; float: left; 
	background-color: #ffffff; background-image: url(/img/shade.02.png); background-repeat: no-repeat; background-position: 0px 0px; 
	border: 10px solid white; padding: 20px; 
	padding-bottom: 5px;
}

body#twocolumn #content h1, body#twocolumn #content h2, body#twocolumn #content p, body#twocolumn #content a.twocolumnanchor, body#twocolumn #content ul {
	display: block;
	width: 540px;
	margin-left: 240px;
}

body#twocolumn #content a.twocolumnanchor {margin-bottom: 40px;}

body#twocolumn #content p a,
{display: inline; margin: auto;}

body#twocolumn #content ul li{
list-style: disc; margin-left: 20px;}

#footer {
	float: left; display: block; width: 830px; margin: 0px 0 20px 10px;
}

#footer p, #footer p a {color: #005631; font-size: 10px; font-family: Arial, Helvetica, sans-serif;}



/* START NAVBAR STYLES 
------------------------------------------------------*/

#navbar {
	float: left; display: block; width: 830px; height: 30px; background-color: #4c4c4c; margin: 0 10px 0 0px; padding: 0; border: 10px solid white; border-top: none; border-bottom: none;
}

#navbar a.home, #navbar a.floorplans, #navbar a.gallery, #navbar a.neighborhood, #navbar a.about, #navbar a.contact, #navbar a.residents {
	float: left; display: block; height: 30px; background-image: url(/img/navbar.bg.gif); margin: 0; padding: 0px;
}

#navbar a.home { width: 84px;}
#navbar a.about { width: 172px; background-position: -84px;}
#navbar a.floorplans { width: 174px; background-position: -256px; }
#navbar a.gallery { width: 79px; background-position: -429px;}
#navbar a.neighborhood { width: 127px; background-position: -508px;}
#navbar a.contact { width: 88px; background-position: -635px;}
#navbar a.residents { width: 100px; background-position: -723px;}

#navbar a:hover.home {background-position: -830px; }
#navbar a:hover.about {background-position: -914px; }
#navbar a:hover.floorplans {background-position: -1086px;}
#navbar a:hover.gallery {background-position: -1259px;}
#navbar a:hover.neighborhood {background-position: -1338px;}
#navbar a:hover.contact {background-position: -1465px;}
#navbar a:hover.residents {background-position: -1553px;}



/* END NAVBAR STYLES 
------------------------------------------------------*/

/* START SIDEBAR STYLES 
------------------------------------------------------*/
body#twocolumn #sidebar {
	float: left;
	width: 230px;
	margin: 0 10px 10px -10px;
	border-right: 1px solid #dddddd;
}

body#twocolumn #sidebar h1, body#twocolumn #sidebar h2, body#twocolumn #sidebar p {
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1;
	width: 230px;
	margin-left: 0px;
}

body#twocolumn #sidebar a {
	display: block;
	text-decoration: none;
	padding-bottom: 3px;
	color: #005631;
	border-bottom: 1px solid #dddddd;
	font-size: 11px;
}

body#twocolumn #sidebar a:hover {
	padding-left: 13px;
	background-image: url(/img/arrow.png); background-repeat: no-repeat; background-position: 0 0;
	color: #bc8010;
}

/* END SIDEBAR STYLES 
------------------------------------------------------*/


/* START BUTTON STYLES 
------------------------------------------------------*/


a#applyNowButton, a#residentServicesButton {
	display: block; width: 295px; height: 90px;
	padding: 0; margin: 0;
	background-image: url(/img/applynow.button.png); background-repeat: no-repeat;
	float: left;
}

a#residentServicesButton {background-image: url(/img/residentservices.button.png);}

a:hover#applyNowButton, a:hover#residentServicesButton {background-position: -295px;}

a#applyheader {
	display:block; width: 450px; height: 100px; 
	background-image: url(/img/apply.header.png); background-repeat: no-repeat; background-position: top left;
	float: right;
	z-index: 10;
	margin-top: -100px;
}

a:hover#applyheader {background-position: -450px;}

/* END BUTTON STYLES 
------------------------------------------------------*/



/* START HOMEPAGE STYLES 
------------------------------------------------------*/
#flashbanner {
	display:block; width: 830px; height: 360px; float: left;
}

body#home #content {border-top:none;}

body#home #content h1, body#home #content p {width: 480px;}

body#home #sidebar {
	display: block; float: right;
	width: 295px; margin: -10px 0 0 10px;

}

/* END HOMEPAGE STYLES 
------------------------------------------------------*/

/* START GALLERY STYLES 
------------------------------------------------------*/

.gallery {
display:block; width: 800px;
margin: 20px 0 20px 0;
border: none;

}

.gallery img {
float: left;
margin: 5px; border: none;
border: none;
}

.gallery h2 {
	display: block;
	margin: 30px 0 5px 10px;
}


/* END GALLERY STYLES 
------------------------------------------------------*/







#sponsor {float: left; width: 790px; margin-top: 20px; border-top: solid 1px #bbbbbb;}
#sponsor a img {display: block; float: right; margin: 5px;}

/* 

Rental Application

*/

form#applicationForm {float: right; margin-top: -30px;}