#top-navigation ul {
	width: 433px;
	height: 18px;
	position: relative; /** Places image at the top of the page **/
	background:url(../images/topnav.gif) no-repeat 0 0;
	list-style: none;
	margin: 25px 5px 0px 87px;
	padding: 0; 
}
#top-navigation li {
	display: inline;
}
#top-navigation li a:link, #top-navigation li a:visited {
	border: none;
	
	height: 18px; /** height of the button in active state **/
	display: block;
	position: absolute;
	top: 0;
	text-indent: -7000px; /** Removes li text from the screen **/
	outline: none;
}

#top-navigation li.order a:link, #top-navigation li.order a:visited {
width:90px;
}

#top-navigation li.products a:link, #top-navigation li.products a:visited {
width:130px;
}

#top-navigation li.faq a:link, #top-navigation li.faq a:visited {
width:55px;
}

#top-navigation li.test a:link, #top-navigation li.test a:visited {

width:85px;
}

#top-navigation li.contact a:link, #top-navigation li.contact a:visited {
width:76px;
}





#top-navigation li.order a:link, #top-navigation li.order a:visited {
	left: 0;
}
#top-navigation li.products a:link, #top-navigation li.products a:visited {
	left: 90px  /** how many px left of the first button i.e order **/
}
#top-navigation li.faq a:link, #top-navigation li.faq a:visited {
	left: 220px  /** how many px left of the first button i.e order **/
}
#top-navigation li.test a:link, #top-navigation li.test a:visited {
	left: 270px  /** how many px left of the first button i.e order **/
}

#top-navigation li.contact a:link, #top-navigation li.contact a:visited {
	left: 355px  /** how many px left of the first button i.e order **/
}


#top-navigation li.order a:hover {
	background: url(../images/topnav.gif) no-repeat 0 -17px; /** moves image up 30px showing the rollover states **/
}
#top-navigation li.products a:hover {
	background: url(../images/topnav.gif) no-repeat -90px -17px; /** moves image up 30px and right 80px showing the rollover states **/
}
#top-navigation li.faq a:hover {
	background: url(../images/topnav.gif) no-repeat -220px -17px;
}
#top-navigation li.test a:hover {
	background: url(../images/topnav.gif) no-repeat -270px -17px;
}
#top-navigation li.contact a:hover {
	background: url(../images/topnav.gif) no-repeat -355px -17px;
}