#navigation ul {
	width: 872px;
	height: 123px;
	position:relative;
	background:url(../images/bignav.gif) no-repeat 0 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation li {
	display: inline;
}
#navigation li a:link, #navigation li a:visited {
	border: none;
	width: 219px; /** width of the button in active state **/
	height: 123px; /** height of the button in active state **/
	display: block;
	position: absolute;
	top: 0;
	text-indent: -7000px; /** Removes li text from the screen **/
	outline: none;
}
#navigation li.order a:link, #navigation li.order a:visited {
	left: 0;
}
#navigation li.products a:link, #navigation li.products a:visited {
	left: 219px  /** how many px left of the first button i.e order **/
}
#navigation li.faq a:link, #navigation li.faq a:visited {
	left: 438px  /** how many px left of the first button i.e order **/
}
#navigation li.test a:link, #navigation li.test a:visited {
	left: 657px  /** how many px left of the first button i.e order **/
}
#navigation li.order a:hover {
	background: url(../images/bignav.gif) no-repeat 0 -123px; /** moves image up 30px showing the rollover states **/
}
#navigation li.products a:hover {
	background: url(../images/bignav.gif) no-repeat -219px -123px; /** moves image up 30px and right 80px showing the rollover states **/
}
#navigation li.faq a:hover {
	background: url(../images/bignav.gif) no-repeat -438px -123px;
}
#navigation li.test a:hover {
	background: url(../images/bignav.gif) no-repeat -657px -123px;
}