#nav {
	margin: 0;
	margin-top: -16px;
	margin-bottom: 16px;
	margin-left: -40px;
	padding: 0;
	height: 47px;
	width: 816px;
}
#primaryNav {
	position: relative;
	height: 47px;
	width: 816px;
}
#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;
}
#nav li ul {
	display: none;
}
#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	top: 25px;
	left: 40px;
	background: #B8B7B7;
	height: 25px;
	overflow:hidden;
	width: 816px;
}
#nav li.on ul {
	background: #B8B7B7;
}
#nav li.on:hover ul, #nav li.over ul { /*for ie*/
	background: #B8B7B7;
}
#nav li a {
	color: #224d6f;
	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: #0066AB;
	width: auto;
	margin-right: 12px;
}
#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	background: #B8B7B7;
}
#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: #333;
	text-decoration:underline;
}

/*do the image replacement*/
#nav li span {
	position: absolute;
	left: -9384px;
}
#home a, #about a, #meet a, #treatment a, #procedures a, #technology a, #gallery a, #media a, #blog a, #contact a {
	display: block;
	position: relative;
	height: 26px;
	background: url(../images/nav.png) no-repeat; /*contains all hover states*/
}
	
/*first, put the initial states in place*/

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

#about a {
	background-position: -44px 0;
	width: 112px;
}

#meet a {
	background-position: -156px 0;
	width: 105px;
}

#treatment a {
	background-position: -261px 0;
	width: 101px;
}

#procedures a {
	background-position: -362px 0;
	width: 76px;
}

#technology a {
	background-position: -438px 0;
	width: 73px;
}

#gallery a {
	background-position: -511px 0;
	width: 87px;
}

#media a {
	background-position: -598px 0;
	width: 81px;
}

#media ul {
	padding-right:100px;
}

#media ul li {
	float:right;
	
}
#blog a {
	background-position: -679px 0;
	width: 41px;
}
#contact a {
	background-position: -720px 0;
	width: 96px;
}
#contact ul, #media ul, #technology ul, #about ul li, #meet ul li, #treatment ul li {
	text-align: right;
}
#contact ul li {
	float: right;
}
#about ul li, #meet ul li, #treatment ul li, #technology ul li, #media ul li {
	float: left;
}
#nav #technology ul {
	padding-left:200px;
	width: 650px;
}
#nav #about ul {
}
#nav #media ul {
	padding-left: 450px;
	width: 400px;
}
#nav #treatment ul {
	padding-left: 100px;
	width: 716px;
}

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

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

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

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

#treatment a:hover, #treatment:hover a, #treatment.over a, #treatment.on a {
	background-position: -261px -37px;
}

#procedures a:hover, #procedures:hover a, #procedures.over a, #procedures.on a {
	background-position: -362px -37px;
}

#technology a:hover, #technology:hover a, #technology.over a, #technology.on a {
	background-position: -438px -37px;
}

#gallery a:hover, #gallery:hover a, #gallery.over a, #gallery.on a {
	background-position: -511px -37px;
}

#media a:hover, #media:hover a, #media.over a, #media.on a {
	background-position: -598px -37px;
}

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

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

/*subnav formatting*/

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