/*----- nav -------*/

ul#nav1 { width: 145px; height: 189px; margin: 0; padding: 0; list-style: none; }
ul#nav1 li { margin: 0; list-style-type: none; display: block; }
ul#nav1 li a span { width: 145px; cursor: pointer; display: block; }
ul#nav1 li a b { display: none; }
ul#nav1 #home a { background-image: url(images/headerNav/home2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 145px; height: 28px; display: block; }
ul#nav1 #about a { background-image: url(images/headerNav/about2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: block; width: 145px; height: 28px; }
ul#nav1 #menu a { background-image: url(images/headerNav/menu2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: block; width: 145px; height: 28px; }
ul#nav1 #events a { background-image: url(images/headerNav/events2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: block; width: 145px; height: 28px; }
ul#nav1 #catering a { background-image: url(images/headerNav/catering2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; display: block; width: 145px; height: 48px; }


ul#nav1 #home a.active, ul#nav1 #about a.active, ul#nav1 #menu a.active, ul#nav1 #events a.active { background-position: 0 -28px; }
ul#nav1 #catering a.active { background-position: 0 -48px; }
ul#nav1 #home a:hover, ul#nav1 #about a:hover, ul#nav1 #menu a:hover, ul#nav1 #events a:hover { background-position: 0 -28px; }
ul#nav1 #catering a:hover { background-position: 0 -48px; }


/** this is nothing


#headerNav li.home { background-image: url(images/headerNav/home.png); background-repeat: no-repeat; margin: 0; padding-top: 28px; padding-right: 145px; }
#headerNav li.home:hover { background-image: url(images/headerNav/home-active.png); }
#headerNav li.homeA { background-image: url(images/headerNav/home-active.png); background-repeat: no-repeat; margin: 0; padding-top: 28px; padding-right: 145px; }
#headerNav li.about { background-image: url(images/headerNav/about.png); background-repeat: no-repeat; padding-top: 28px; padding-right: 145px; }
#headerNav li.aboutA { background-image: url(images/headerNav/about-active.png); background-repeat: no-repeat; padding-top: 28px; padding-right: 145px; }
#headerNav li.about:hover { background-image: url(images/headerNav/about-active.png); }
#headerNav li.menu { background-image: url(images/headerNav/menu.png); background-repeat: no-repeat; padding-top: 28px; padding-right: 145px; }
#headerNav li.menuA { background-image: url(images/headerNav/menu-active.png); background-repeat: no-repeat; padding-top: 28px; padding-right: 145px; }
#headerNav li.menu:hover { background-image: url(images/headerNav/menu-active.png); }
#headerNav li.events { background-image: url(images/headerNav/events.png); background-repeat: no-repeat; padding-top: 28px; padding-right: 145px; }
#headerNav li.eventsA { background-image: url(images/headerNav/events-active.png); background-repeat: no-repeat; padding-top: 28px; padding-right: 145px; }
#headerNav li.events:hover { background-image: url(images/headerNav/events-active.png); }
#headerNav li.catering { background-image: url(images/headerNav/catering.png); background-repeat: no-repeat; padding-top: 48px; padding-right: 145px; }
#headerNav li.cateringA { background-image: url(images/headerNav/catering-active.png); background-repeat: no-repeat; padding-top: 48px; padding-right: 145px; }
#headerNav li.catering:hover { background-image: url(images/headerNav/catering-active.png); }

 **/