@charset "UTF-8";
/* CSS Document */
:link:focus, :visited:focus {
-moz-outline: none;
outline: none;
}
#divNav {
	/* border:1px solid red; */
	margin: 0;
	position: relative;
	top:0;
	left:0px;
	background-color:#0083A8;
	width: 790px;
	text-align:left;
}
#nav {
	margin: 0;
	position: relative;
	width: 790px;
	padding-left:0px;
}
#nav li ul, #nav li ul {
	margin: 0;
	padding: 0;
}
#nav a {
	text-decoration: none;
}
#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	padding-left: 0px;
}
#nav li.on { /*activate the main list items*/
	/*border:2px solid red;*/
	display: block;
	padding-left: 0px;
}
#nav li ul {
width:150px;
float:left;
	display:none;
	margin: 0;
	padding: 0;
}
#nav li.off ul, #nav li.on ul { /*put the subnav below*/
	background-color:#e2317c;
	position: absolute;
	padding:0;margin:0;
	left: 0;
	padding:0;
	top:25px;}
#nav li.on ul { /*turn the sub nav background on if subnav is active */
text-transform:uppercase;

}
#nav li.on:hover ul, #nav li.over ul { /*for ie*/
height:0px;
		background-color:#e2317c;

}
#nav li a {
	display: block;
	padding: 0;
	margin:0;
}
#nav li.on ul a, #nav li.off ul a { /*subNAV stylez*/
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	width: auto;
	padding:0;
	margin:0;
}
#nav ul {
	margin-:0px;
	}
#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	padding:0;margin:0;
	display: block;
	top:25px;
	text-transform:uppercase;
	color:#FFFFFF;
}
#nav li.on ul {
	display: block;
	top:0px;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color:#e2317c;
}
#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
	padding:0;margin:0;
		background-color:#e2317c;

}
/* span image replacement this move the text offscreen allowing the bg image to show*/
#nav li span {
	display:block;
	position: relative;
	left: -9384px;
}

#liHome a, #liAmenities a, #liFeatures a, #liLocation a, #liFloorPlans a, #liPhotoGallery a, #liContact a,  #liResident a {
	display: block;
	height:25px;
}

/*subnav formatting*/
#nav li.off ul a, #nav li.on ul a { /* subnav is active */
	background-position: -204px 0;
	background-image:none;
	width:150px;	
	display:block;
	z-index:7000;
	background-color:#e2317c;
	height:13px;
	padding-left:5px;

}

.subNav, .subNav a {
	color:#CCCCCC;
}


/* subnav buttons */
.subNav:hover, .subNav a:hover, .subNav:hover a, .subNav.over a, .subNav.on {
	background-position: -204px;
color:#FFFFFF;
text-transform:uppercase;
	background-color:#e2317c;

}

.subNav:visited, .subNav a:visited, .subNav:visited a, {
	background-position: -204px 0;
color:#CCCCCC;
}

.on a {
	background-color:#e2317c;
	text-transform:uppercase;
	color:#FFFFFF;
}
li {
	position: relative;
	top:0px;
	left:0px;
}

/* main items initial states */
#liHome a {
	left:0px;
	width:48px;
	background-image:url(../images/navUp_01.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}

#liAmenities a {
	width:91px;
	background-image:url(../images/navUp_02.jpg);
	background-repeat:no-repeat;
}

#liFeatures a {
	width:139px;
	background-image:url(../images/navUp_03.jpg);
	background-repeat:no-repeat;
	cursor:pointer;
}

#liLocation a {
	width:66px;
	background-image:url(../images/navUp_04.jpg);
	background-repeat:no-repeat;
}

#liFloorPlans a {
	width:98px;
	background-image:url(../images/navUp_05.jpg);
	background-repeat:no-repeat;
}
#liPhotoGallery a {
	width:117px;
	background-image:url(../images/navUp_06.jpg);
	background-repeat:no-repeat;
}

#liContact a {
	width:92px;
	background-image:url(../images/navUp_07.jpg);
	background-repeat:no-repeat;
}
#liResident a {
	width:139px;
	background-image:url(../images/navUp_08.jpg);
	background-repeat:no-repeat;
}

/* main menu items "on" states */
#liHome.on a {
	background-image:url(../images/navDn_01.jpg);
	background-repeat:no-repeat;
}
#liAmenities.on a {
	width:88px;
	background-image:url(../images/navDn_02.jpg);
	background-repeat:no-repeat;
}
#liFeatures.on a {
	background-image:url(../images/navDn_03.jpg);
	background-repeat:no-repeat;
}
#liLocation.on a {
	background-image:url(../images/navDn_04.jpg);
	background-repeat:no-repeat;
}
#liFloorPlans.on a {
	background-image:url(../images/navDn_05.jpg);
	background-repeat:no-repeat;
}
#liPhotoGallery.on a {
	background-image:url(../images/navDn_06.jpg);
	background-repeat:no-repeat;
}
#liContact.on a {
	background-image:url(../images/navDn_07.jpg);
	background-repeat:no-repeat;
}
#liResident.on a {
	background-image:url(../images/navDn_08.jpg);
	background-repeat:no-repeat;
}

/* main menu items hover states */
#liHome a:hover, #liHome:hover a, #liHome.over a {
	background-image:url(../images/navDn_01.jpg);
	background-repeat:no-repeat;
}
#liAmenities a:hover, #liAmenities:hover a, #liAmenities.over a {
	background-image:url(../images/navDn_02.jpg);
	background-repeat:no-repeat;
}
#liFeatures a:hover, #liFeatures:hover a, #liFeatures.over a {
	background-image:url(../images/navDn_03.jpg);
	background-repeat:no-repeat;
}
#liLocation a:hover, #liLocation:hover a, #liLocation.over a {
	background-image:url(../images/navDn_04.jpg);
	background-repeat:no-repeat;
}
#liFloorPlans a:hover, #liFloorPlans:hover a, #liFloorPlans.over a {
	background-image:url(../images/navDn_05.jpg);
	background-repeat:no-repeat;
}
#liPhotoGallery a:hover, #liPhotoGallery:hover a, #liPhotoGallery.over a {
	background-image:url(../images/navDn_06.jpg);
	background-repeat:no-repeat;
}
#liContact a:hover, #liContact:hover a, #liContact.over a {
	background-image:url(../images/navDn_07.jpg);
	background-repeat:no-repeat;
}
#liResident a:hover, #liResident:hover a, #liResident.over a {
	background-image:url(../images/navDn_08.jpg);
	background-repeat:no-repeat;
}