/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
  #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #nav a { display: block; }
  #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { float: none; }
    #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav {
	background-image: url(../../img/nav/nav_back.gif);
	background-repeat: repeat-x;
	height: 33px;
	margin: 0px;
	padding: 0px;
	background-position: left top;
}
#nav *:hover {
	background-color: none;
}
#nav a {
	color: white;
	font-size: 12px;
	line-height: 1;
	text-indent: -9999px;
}
#nav li.hover a {
	background-color: none;
}
#nav ul {
	top: 33px;
}
#nav ul li a {
	background-color: none;
}

#nav ul li.hover > a {
	background-color: none;
}
#nav ul a {
	background-color: none;
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#nav #home a {
	background-image: url(../../img/nav/nav_btns.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 33px;
	width: 96px;
}
#nav #home a:hover {
	background-position: 0px -66px;
}
#nav #residences a {
	background-image: url(../../img/nav/nav_btns.gif);
	background-repeat: no-repeat;
	background-position: -96px 0px;
	height: 33px;
	width: 115px;
}
#nav #residences a:hover {
	background-position: -96px -66px;
}
#nav #sterling a {
	background-image: url(../../img/nav/nav_btns.gif);
	background-repeat: no-repeat;
	background-position: -211px 0px;
	height: 33px;
	width: 179px;
}
#nav #sterling a:hover {
	background-position: -211px -66px;
}
#nav #sterlingon {
	background-repeat: no-repeat;
	background-position: -211px -33px;
	height: 33px;
	width: 179px;
	display: block;
	text-indent: -9999px;
	background-image: url(../../img/nav/nav_btns.gif);
}
#nav #shopping a {
	background-image: url(../../img/nav/nav_btns.gif);
	background-repeat: no-repeat;
	background-position: -390px 0px;
	height: 33px;
	width: 230px;
}
#nav #shopping a:hover {
	background-position: -390px -66px;
}
#nav #shoppingon {
	background-repeat: no-repeat;
	background-position: -390px -33px;
	height: 33px;
	width: 181px;
	display: block;
	text-indent: -9999px;
	background-image: url(../../img/nav/nav_btns.gif);
}
#nav #photo a {
	background-image: url(../../img/nav/nav_btns.gif);
	background-repeat: no-repeat;
	background-position: -622px 0px;
	height: 33px;
	width: 124px;
}
#nav #photo a:hover {
	background-position: -622px -66px;
}
#nav #news a {
	background-image: url(../../img/nav/nav_btns.gif);
	background-repeat: no-repeat;
	background-position: -744px 0px;
	height: 33px;
	width: 86px;
}
#nav #news a:hover {
	background-position: -744px -66px;
}
#nav #newson {
	background-repeat: no-repeat;
	background-position: -744px -33px;
	height: 33px;
	width: 86px;
	display: block;
	text-indent: -9999px;
	background-image: url(../../img/nav/nav_btns.gif);
}
#nav #aboutus a {
	background-image: url(../../img/nav/nav_btns.gif);
	background-repeat: no-repeat;
	background-position: -830px 0px;
	height: 33px;
	width: 130px;
}
#nav #aboutus a:hover {
	background-position: -830px -66px;
}
#nav #aboutuson {
	background-repeat: no-repeat;
	background-position: -744px -33px;
	height: 33px;
	width: 86px;
	display: block;
	text-indent: -9999px;
	background-image: url(../../img/nav/nav_btns.gif);
}
/* About Us drop */
#nav #aboutdrop a {
	background-image: url(../../img/nav/about_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #aboutdrop a:hover {
	background-position: -132px 0px;
}
#nav #devteamdrop a {
	background-image: url(../../img/nav/about_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -31px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #devteamdrop a:hover {
	background-position: -132px -31px;
}
#nav #locationdrop a {
	background-image: url(../../img/nav/about_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -62px;
	height: 29px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #locationdrop a:hover {
	background-position: -132px -62px;
}
#nav #requestdrop a {
	background-image: url(../../img/nav/about_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -91px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #requestdrop a:hover {
	background-position: -132px -91px;
}
#nav #brokerdrop a {
	background-image: url(../../img/nav/about_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -122px;
	height: 29px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #brokerdrop a:hover {
	background-position: -132px -122px;
}
#nav #contactdrop a {
	background-image: url(../../img/nav/about_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -153px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #contactdrop a:hover {
	background-position: -132px -153px;
}
/* residences drop */
#nav #overviewdrop a {
	background-image: url(../../img/nav/residences_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #overviewdrop a:hover {
	background-position: -132px 0px;
}
#nav #onebrdrop a {
	background-image: url(../../img/nav/residences_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -31px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #onebrdrop a:hover {
	background-position: -132px -31px;
}
#nav #onepldrop a {
	background-image: url(../../img/nav/residences_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -62px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #onepldrop a:hover {
	background-position: -132px -62px;
}
#nav #twobrdrop a {
	background-image: url(../../img/nav/residences_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -93px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #twobrdrop a:hover {
	background-position: -132px -93px;
}
#nav #twopldrop a {
	background-image: url(../../img/nav/residences_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -124px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #twopldrop a:hover {
	background-position: -132px -124px;
}
#nav #threebrdrop a {
	background-image: url(../../img/nav/residences_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -155px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #threebrdrop a:hover {
	background-position: -132px -155px;
}
#nav #pentdrop a {
	background-image: url(../../img/nav/residences_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -186px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #pentdrop a:hover {
	background-position: -132px -186px;
}
#nav #exploredrop a {
	background-image: url(../../img/nav/residences_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -217px;
	height: 29px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #exploredrop a:hover {
	background-position: -132px -217px;
}
/* gallery */
#nav #photosdrop a {
	background-image: url(../../img/nav/video_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #photosdrop a:hover {
	background-position: -132px 0px;
}
#nav #videodrop a {
	background-image: url(../../img/nav/video_drop.gif);
	background-repeat: no-repeat;
	background-position: 0px -31px;
	height: 31px;
	width: 130px;
	margin: 0px;
	padding: 0px;
}
#nav #videodrop a:hover {
	background-position: -132px -31px;
}