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(../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(../images/history.jpg) no-repeat left top;   width: 100px;   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(../images/vieworder.jpg) no-repeat left top;   width: 92px;   height: 35px;    display: block;   overflow: hidden;   /* position: absolute; */   left: 504px;   top:252px;   }      li#vieworder a:hover {   background-position: 0px -35px;    }   li#myaccount a{	text-indent: -1000em; 	background: url(../images/my-account.jpg) no-repeat left top;	width: 88px;	height: 41px; 	display: block;	overflow: hidden;	left: 504px;	top:252px;}li#myaccount a:hover{	background-position: 0px -41px; }