User:Brishcanae/sandbox

ul#nav { position: absolute; left: 375px; bottom: 20px; font-size: 15px; }

ul#nav li { height: 20px; float: left; }

ul#nav li a { width: 100%; height: 100%; text-decoration: 375; position: relative; top: -1px; }

ul#nav li span { visibility: hidden; }

/* home */ ul#nav li#home { width: 85px; background-color: #fff; background-image: url(home_off.png); background-repeat: no-repeat; background-position: left top; }

ul#nav li#home:hover { background-color: #fff; background-image: url(home_on.png); background-repeat: no-repeat; background-position: left top; }

ul#nav li#home.active { width: 85px; background-color: #fff; background-image: url(home_on.png); background-repeat: no-repeat; background-position: left top; }

/* the work */ ul#nav li#ourstory { width: 105px; padding-left: 0px; background-color: #fff; background-image: url(ourstory_off.png); background-repeat: no-repeat; background-position: left top; }

ul#nav li#ourstory:hover { background-color: #fff; background-image: url(ourstory_on.png); background-repeat: no-repeat; background-position: left top; }

ul#nav li#ourstory.active { width: 105px; padding-left: 8px; background-color: #fff; background-image: url(contactus_on.png); background-repeat: no-repeat; background-position: left top; }

/* Order */ ul#nav li#order { width: 75px; padding-left: 0px; background-color: #fff; background-image: url(order_off.png); background-repeat: no-repeat; background-position: left top; }

ul#nav li#order:hover { background-color: #fff; background-image: url(order_on.png); background-repeat: no-repeat; background-position: left top; }

ul#nav li#order.active { width: 75px; padding-left: 0px; background-color: #fff; background-image: url(order_off.png); background-repeat: no-repeat; background-position: left top; }

/* Dine */ ul#nav li#dine { width: 65px; padding-left: 0px; background-color: #fff; background-image: url(dine_off.png); background-repeat: no-repeat; background-position: left top; }

ul#nav li#dine:hover { background-color: #fff; background-image: url(dine_on.png); background-repeat: no-repeat; background-position: left top; }

ul#nav li#dine.active { width: 65px; padding-left: 0px; background-color: #fff; background-image: url(dine_on.png); background-repeat: no-repeat; background-position: left top; }

/* gallery */ ul#nav li#gallery { width: 90px; padding-left: 0px; background-color: #fff; background-image: url(gallery_off.png); background-repeat: no-repeat; background-position: left top; }

ul#nav li#gallery:hover { background-color: #fff; background-image: url(gallery_on.png); background-repeat: no-repeat; background-position: left top; }

ul#nav li#gallery.active { width: 90px; padding-left: 0px; background-color: #fff; background-image: url(gallery_on.png); background-repeat: no-repeat; background-position: left top; }