ul#nav {
	width: 471px;
	height: 31px;
	margin:0;
	padding:0;
	background: url('../images/nav.gif');
	position:relative;
	margin-top:0px;
	margin-left:232px;
	
}


ul#nav li {
	display:block;
	height:31px;
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}


ul#nav li a {
	display:block;
	height:31px;
}


li#i1 {
	left: 0px;
	width: 66px;
}

li#i2 {
	left: 107px;
	width: 71px;
}

li#i3 {
	left: 212px;
	width: 73px;
}

li#i4 {
	left: 323px;
	width: 66px;
}

li#i5 {
	left: 427px;
	width: 44px;
}



#i1 a:hover {
	background: transparent url(../images/nav.gif) 0px -31px no-repeat;
}
#i2 a:hover {
	background: transparent url(../images/nav.gif) -107px -31px no-repeat;
}
#i3 a:hover {
	background: transparent url(../images/nav.gif) -212px -31px no-repeat;
}
#i4 a:hover {
	background: transparent url(../images/nav.gif) -323px -31px no-repeat;
}
#i5 a:hover {
	background: transparent url(../images/nav.gif) -427px -31px no-repeat;
}

#i1 a.navOn {
	background: transparent url(../images/nav.gif) 0px -62px no-repeat;
}
#i2 a.navOn {
	background: transparent url(../images/nav.gif) -107px -62px no-repeat;
}
#i3 a.navOn {
	background: transparent url(../images/nav.gif) -212px -62px no-repeat;
}
#i4 a.navOn {
	background: transparent url(../images/nav.gif) -323px -62px no-repeat;
}
#i5 a.navOn {
	background: transparent url(../images/nav.gif) -427px -62px no-repeat;
}

ul#nav li a {
	text-indent:-9000px; background-color:transparent; 
}