ul#navigation li {
	display:inline;
	padding: 0px;
}
li#home a {
	text-indent: -1000em;
	background: url(../images/home.jpg) no-repeat left top;
	width: 67px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top:164px;
}
li#homeON a {
	text-indent: -1000em;
	background: url(../images/homeON.jpg) no-repeat left top;
	width: 67px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top:164px;
}
li#home a:hover {
	background-position: 0px -65px;
}
li#about a {
	text-indent: -1000em;
	background: url(../images/about.jpg) no-repeat left top;
	width: 90px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 67px;
	top:164px;
}
li#aboutON a {
	text-indent: -1000em;
	background: url(../images/aboutON.jpg) no-repeat left top;
	width: 90px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 67px;
	top:164px;
}
li#about a:hover {
	background-position: 0px -65px;
}
li#vending a {
	text-indent: -1000em;
	background: url(../images/vending-machines.jpg) no-repeat left top;
	width: 146px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 157px;
	top:164px;
}
li#vendingON a {
	text-indent: -1000em;
	background: url(../images/vending-machinesON.jpg) no-repeat left top;
	width: 146px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 157px;
	top:164px;
}
li#vending a:hover {
	background-position: 0px -65px;
}
li#schools a {
	text-indent: -1000em;
	background: url(../images/schools.jpg) no-repeat left top;
	width: 81px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 303px;
	top:164px;
}
li#schoolsON a {
	text-indent: -1000em;
	background: url(../images/schoolsON.jpg) no-repeat left top;
	width: 81px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 303px;
	top:164px;
}
li#schools a:hover {
	background-position: 0px -65px;
}
li#healthy a {
	text-indent: -1000em;
	background: url(../images/healthy-vending.jpg) no-repeat left top;
	width: 135px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 384px;
	top:164px;
}
li#healthyON a {
	text-indent: -1000em;
	background: url(../images/healthy-vendingON.jpg) no-repeat left top;
	width: 135px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 384px;
	top:164px;
}
li#healthy a:hover {
	background-position: 0px -65px;
}
li#blog a {
	text-indent: -1000em;
	background: url(../images/blog.jpg) no-repeat left top;
	width: 60px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 519px;
	top:164px;
}
li#blogON a {
	text-indent: -1000em;
	background: url(../images/blogON.jpg) no-repeat left top;
	width: 60px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 519px;
	top:164px;
}
li#blog a:hover {
	background-position: 0px -65px;
}
li#contact a {
	text-indent: -1000em;
	background: url(../images/contact.jpg) no-repeat left top;
	width: 102px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 579px;
	top:164px;
}
li#contactON a {
	text-indent: -1000em;
	background: url(../images/contactON.jpg) no-repeat left top;
	width: 102px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 579px;
	top:164px;
}
li#contact a:hover {
	background-position: 0px -65px;
}
li#shop a {
	text-indent: -1000em;
	background: url(../images/onlineshop.jpg) no-repeat left top;
	width: 110px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 681px;
	top:164px;
}
li#shopON a {
	text-indent: -1000em;
	background: url(../images/onlineshop_ON.jpg) no-repeat left top;
	width: 110px;
	height: 65px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 681px;
	top:164px;
}
li#shop a:hover {
	background-position: 0px -65px;
}			/* Sub Menu */
ul#submenu li {
	display:inline;
	padding: 0px;
}
li#coffee a {
	text-indent: -1000em;
	background: url(../images/coffee-machines.jpg) no-repeat left top;
	width: 115px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 13px;
	top:523px;
}
li#coffeeON a {
	text-indent: -1000em;
	background: url(../images/coffee-machinesON.jpg) no-repeat left top;
	width: 115px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 13px;
	top:523px;
}
li#coffee a:hover {
	background-position: 0px -41px;
}
li#snack a {
	text-indent: -1000em;
	background: url(../images/snack-vending.jpg) no-repeat left top;
	width: 155px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 125px;
	top:523px;
}
li#snackON a {
	text-indent: -1000em;
	background: url(../images/snack-vendingON.jpg) no-repeat left top;
	width: 155px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 125px;
	top:523px;
}
li#snack a:hover {
	background-position: 0px -41px;
}
li#drink a {
	text-indent: -1000em;
	background: url(../images/drink-vending.jpg) no-repeat left top;
	width: 158px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 277px;
	top:523px;
}
li#drinkON a {
	text-indent: -1000em;
	background: url(../images/drink-vendingON.jpg) no-repeat left top;
	width: 158px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 277px;
	top:523px;
}
li#drink a:hover {
	background-position: 0px -41px;
}
li#food a {
	text-indent: -1000em;
	background: url(../images/food-vending.jpg) no-repeat left top;
	width: 147px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 433px;
	top:523px;
}
li#foodON a {
	text-indent: -1000em;
	background: url(../images/food-vendingON.jpg) no-repeat left top;
	width: 147px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 433px;
	top:523px;
}
li#food a:hover {
	background-position: 0px -41px;
}
li#water a {
	text-indent: -1000em;
	background: url(../images/water-coolers.jpg) no-repeat left top;
	width: 108px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 578px;
	top:523px;
}
li#waterON a {
	text-indent: -1000em;
	background: url(../images/water-coolersON.jpg) no-repeat left top;
	width: 108px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 578px;
	top:523px;
}
li#water a:hover {
	background-position: 0px -41px;
}
li#hot a {
	text-indent: -1000em;
	background: url(../images/hotfood-vending.jpg) no-repeat left top;
	width: 126px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 682px;
	top:523px;
}
li#hotON a {
	text-indent: -1000em;
	background: url(../images/hotfood-vendingON.jpg) no-repeat left top;
	width: 126px;
	height: 41px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 682px;
	top:523px;
}
li#hot a:hover {
	background-position: 0px -41px;
}			/*Shop Menu*/
ul#submenu li {
	display:inline;
	padding: 0px;
}
li#register a {
	text-indent: -1000em;
	background: url(../shop/images/register.jpg) no-repeat left top;
	width: 74px;
	height: 35px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 330px;
	top:252px;
}
li#register a:hover {
	background-position: 0px -35px;
}
li#history a {
	text-indent: -1000em;
	background: url(../shop/images/history.jpg) no-repeat left top;
	width: 69px;
	height: 35px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 404px;
	top:252px;
}
li#history a:hover {
	background-position: 0px -35px;
}
li#vieworder a {
	text-indent: -1000em;
	background: url(../shop/images/vieworder.jpg) no-repeat left top;
	width: 92px;
	height: 35px;
	display: block;
	overflow: hidden;
	position: absolute;
	left: 473px;
	top:252px;
}
li#vieworder a:hover {
	background-position: 0px -35px;
}