#nav {
	margin-bottom: 16px;
	padding: 0;
	height: 52px;
	width: 955px;
}
#primaryNav {
	position: relative;
	height: 52px;
	width: 995px;
}

#nav li ul {
	margin: 0;
	padding: 0; display: none;
}

#nav a {
	text-decoration: none;
}

#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 26px;
	left: 5px;
	background: #900;
	height: 24px;
	overflow:hidden;
	width: 950px;
}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
	background: #900;
}
#nav li a {
	color: #777;
	font-weight:normal;
	display: block;
	padding: 0;
}
#nav li.on a {
	color: #f90;
}
#nav li.on ul a, #nav li.off ul a {
	border: 0;
	float: left; /*ie doesn't inherit the float*/
	color: #dddddd;
	width: auto;
	margin-right: 8px;
}
#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	background: #900;
}
#nav li.on ul {
	display: block;
}
#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}
#nav li.off a:hover, #nav li.on a:hover { 
	color: #fff;
	text-decoration:underline;
}

/*do the image replacement*/
#nav li span {
	position: absolute;
	left: -9384px;
}
#home a, #about a, #meet a, #what a, #focus a, #equipment a, #news a, #photos a, #blog a, #contact a {
	display: block;
	position: relative;
	height: 26px;
	background: url(images/navlist.jpg) no-repeat; /*contains all hover states*/
}
	
/*first, put the initial states in place*/

#home a {
	background-position: 0 0;
	width: 77px;
}

#about a {
	background-position: -77px 0;
	width: 110px;
}

#meet a {
	background-position: -187px 0;
	width: 131px;
}

#what a {
	background-position: -318px 0;
	width: 85px;
}

#focus a {
	background-position: -403px 0;
	width: 83px;
}

#equipment a {
	background-position: -486px 0;
	width: 77px;
}

#news a {
	background-position: -563px 0;
	width: 118px;
}

#photos a {
	background-position: -681px 0;
	width: 56px;
}

#blog a {
	background-position: -737px 0;
	width: 79px;
}

#contact a {
	background-position: -816px 0;
	width: 139px;
}

#about ul li, #meet ul li, #what ul li #focus ul li, #news ul li {
	float: left;
}

#equipment ul li, #contact ul li {
	float: right;
}

#liModern.on a {
 	background-position: -204px -26px;
 }
/*hover states*/

#home a:hover, #home:hover a, #home.over a, #home.on a {
	background-position: 0 -26px;
}

#about a:hover, #about:hover a, #about.over a, #about.on a {
	background-position: -77px -26px;
}

#meet a:hover, #meet:hover a, #meet.over a, #meet.on a {
	background-position: -187px -26px;
}

#what a:hover, #what:hover a, #what.over a, #what.on a {
	background-position: -318px -26px;
}

#focus a:hover, #focus:hover a, #focus.over a, #focus.on a {
	background-position: -403px -26px;
}

#equipment a:hover, #equipment:hover a, #equipment.over a, #equipment.on a {
	background-position: -486px -26px;
}

#news a:hover, #news:hover a, #news.over a, #news.on a {
	background-position: -563px -26px;
}

#photos a:hover, #photos:hover a, #photos.over a, #photos.on a {
	background-position: -681px -26px;
}

#blog a:hover, #blog:hover a, #blog.over a, #blog.on a {
	background-position: -737px -26px;
}

#contact a:hover, #contact:hover a, #contact.over a, #contact.on a {
	background-position: -816px -26px;
}

#nav #focus ul {
	padding-left: 400px;
}

#nav #blog ul {
	padding-left: 640px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	display: block;
	background: #900;
	color: #dddddd;
	font-family: arial, verdana, sans-serif;
	font-size:11px;
	padding-top: 3px;
	cursor: pointer;
}		
#nav li.on ul a {
	background: #900;
}