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

html * {
	margin: 0;
	padding: 0;
	}
	
body {
	background: #576263 url(../images/patBg.jpg) 50% 0 repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
	}
	
a:link, a:visited {
	color: #99cccc;
	}
a:hover, a:active {
	color: #99ffff;
	}
	
ul {
	margin-left: 0;
	}
	
/* layout styles */
#mainContainer {
	width: 812px;
	margin-top: 14px;
	margin-left: auto;
	margin-right: auto;
	}
	
#leftCol {
	width: 448px;
	height: 612px;
	float: left;
	display: inline;
	background: #576263;
	}

#rightCol {
	width: 364px;
	height: 631px;
	float: left;
	display: inline;
	background: #576263;
	}

#logoBox {
	width: 448px;
	height: 144px;
	padding-top: 6px;
	background: url(../images/grayTLback.jpg) no-repeat;
	}
	
#flashBox {
	width: 442px;
	height: 250px;
	background: url(../images/grayflashBack.jpg) no-repeat;
	padding-left: 6px;
	}
	
#navBox {
	width: 448px;
	height: 150px;
	}
	
#contactBox {
	background: url(../images/grayBLback.jpg) no-repeat;
	width: 448px;
	height: 81px;
	}

#rightCol {	
	background: url(../images/grayrightBack.jpg) left bottom no-repeat;
	width: 364px;
	height: 631px;
	position: relative;
	}
/* end layout styles */

/* navigation */
#navBox ul {
	list-style-type: none;
	}	
#navBox li {
	display: block;
	margin: 0;
	padding: 0;
	}
	
#menuComm {
	height: 25px;
	width: 448px;
	overflow: hidden;
	background: url(../images/graymenuCommunity.jpg) top left no-repeat;
	display: block;}
	
#menuLife {height: 25px;
	width: 448px;
	overflow: hidden;
	background:  url(../images/graymenuLifestyle.jpg) top left no-repeat;
	display: block;}
	
#menuAmen {height: 25px;
	width: 448px;
	overflow: hidden;
	background:  url(../images/graymenuAmenities.jpg) top left no-repeat;
	display: block;}
	
#menuFloor {height: 25px;
	width: 448px;
	overflow: hidden;
	background:  url(../images/graymenuFloorplans.jpg) top left no-repeat;
	display: block;}
	
#menuContact {height: 25px;
	width: 448px;
	overflow: hidden;
	background:  url(../images/graymenuContact.jpg) top left no-repeat;
	display: block;}
	
#menuCurrent {height: 25px;
	width: 448px;
	overflow: hidden;
	background:  url(../images/graymenuCurrent.jpg) top left no-repeat;
	display: block;}
	
a#menuComm:hover, a#menuLife:hover, a#menuAmen:hover, a#menuFloor:hover, a#menuCurrent:hover, a#menuContact:hover, strong#menuComm, strong#menuLife, strong#menuAmen, strong#menuFloor, strong#menuContact, strong#menuCurrent {background-position: bottom left;}
	
#logoBox span {display: none;}
	
#navBox span, #applyButton span, #checkAv span {
	display:none;
	visibility: visible;
	}
	
	
#contactBox p {
	width: 203px;
	margin-left: 0;
	text-align: center;
	letter-spacing: .5px;
	font: 10.5px/14px Georgia, "Times New Roman", Times, serif;
	color: #e1e3ca;
	padding-top: 8px;
	float: left;
	height: 81px;
	display: inline;
	}
.phoneTxt {
	color: #636931;
	}
.phone {
	font-size: 18px;
	}

#equalHousing {
	width: 41px;
	height: 40px;
	float: right;
	margin-top: 36px;
	display: inline;
	}
	
#buttons {
	height: 55px;
	margin-bottom: 51px;
	}
	
#applyButton {
	width: 139px;
	height: 55px;
	display: block;
	background: url(../images/applyNow.jpg) no-repeat;
	float: left;
	}
	
#checkAv {
	width: 225px;
	height: 55px;
	display: block;
	background: url(../images/checkAvail.jpg) no-repeat;
	float: left;
	}
#applyButton:link, #applyButton:visited, #checkAv:link, #checkAv:visited {
	background-position: left top;
	}
#applyButton:hover, #applyButton:active, #checkAv:hover, #checkAv:active {
	background-position: left bottom;
	}
	
#logoBox a {
	width: 203px;
	height: 144px;
	display: block;
	margin-left: 126px;
	background: url(../images/avalonLogo.jpg) no-repeat;
	}
#logoBox a:link, #logoBox a:visited {
	background-position: left top;
	}
#logoBox a:hover, #logoBox a:active {
	background-position: 0 -144px;
	}

#rightCol p, #rightCol ul, #rightCol form {
	margin: 0 40px 1.5em 40px;
	line-height: 24px;
	}
#rightCol ul {
	line-height: normal;
	}
#rightCol li {
	margin: .4em 0;
	}
	
h1 span {
	display: none;
	}	
h1 {
	width: 358px;
	height: 74px;
	margin-top: 51px;
	margin-bottom: 15px;
	color: #bcd1d2;
	text-align:center;
	display: block;
	}
#headCommunity {
	background: url(../images/headCommunity.gif) no-repeat;
	}
#headLifestyle  {
	background: url(../images/headLifestyle.gif) no-repeat;
	}
#headAmenities  {
	background: url(../images/headAmenities.gif) no-repeat;
	}
#headFloorplans  {
	background: url(../images/headFloorplans.gif) no-repeat;
	}
#headContact  {
	background: url(../images/headContact.gif) no-repeat;
	}
	
.mapLink a {
	background: url(../images/mapIcon.jpg) no-repeat;
	height: 55px;
	font-size: 16px;
	padding-top: 5px;
	padding-left: 84px;
	display: block;
	}	
	
/* footer */
#footer {
	color: #94a9a9;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	left: 10px;
	bottom: 12px;
	}
#footer p {
	margin: 4px 0 0 0;
	line-height: normal;
	clear: both;
	display: block;
	}
#footer a {
	margin: 0 0 0 2px;
	letter-spacing: -.5px;
	}
#footer a:link, #footer a:visited {
	text-decoration: none;
	}
#footer a:hover, #footer a:active{
	text-decoration: underline;
	}
#footer ul {
	list-style-type: none;
	margin: 0;
	}
#footer li {
	float: left;
	}
#footer .first {
	margin: 0;
	}
	
/* form styles */
.field {
	width: 140px;
	background: #bcd1d2;
	border: 1px solid white;
	}
#contactForm {
	border: 1px solid #446364;
	padding: 4px;
	background: #638d8d /*url(../images/rightBack.jpg) -30px -100px*/;
	}
#form p {
	margin: 0;
	line-height: 24px;
	}
#form td {
	padding: 2px;
	}
	
.alert {
	color: #ef833b;
	font-weight: bold;
	}

#submitBtn {
	width: 91px;
	height: 22px;
	border: 0;
	cursor: pointer;
	background: url(../images/buttonSubmit.gif) no-repeat;
	}
	
#submitBtn, #submitBtn:visited {
	background-position: left top;
	color: black;
	}
	
#submitBtn:hover, #submitBtn:active {
	background-position: left bottom;
	color: white;
	}