/*----- nav -------*/
ul#nav2 { text-align: center; width: 898px; height: 28px; z-index: 24; margin: 0 0 0 41px; padding: 22px 0 0; list-style: none; }
ul#nav2 li { float: left; margin: 0; padding: 0; list-style-type: none; display: inline; }
ul#nav2 li.l { background-image: url(images/secondNav/seperator.png); background-repeat: no-repeat; background-position: left 0; margin-left: 15px; padding-left: 15px; }
ul#nav2 li a span {display: block; height: 28px; cursor: pointer; cursor: pointer; /* for IE
5.x/Win */
  background-position: 0 0;}

ul#nav2 #home2 a { background-image: url(images/secondNav/home2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 69px; height: 28px; display: block; }

ul#nav2 #about2 a { background-image: url(images/secondNav/about2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 128px; height: 28px; display: block; }

ul#nav2 #menu2 a { background-image: url(images/secondNav/menu2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 66px; height: 28px; display: block; }

ul#nav2 #events2 a { background-image: url(images/secondNav/events2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 78px; height: 28px; display: block; }

ul#nav2 #contact2 a { background-image: url(images/secondNav/contact2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 89px; height: 28px; display: block; } 

ul#nav2 #catering2 a { background-image: url(images/secondNav/catering2.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; width: 234px; height: 28px; display: block; }

ul#nav2 #home2 a.active, ul#nav2 #about2 a.active, ul#nav2 #catering2 a.active, ul#nav2 #contact2 a.active, ul#nav2 #events2 a.active, ul#nav2 #menu2 a.active { background-position: 0 -28px; }

ul#nav2 #home2 a:hover, ul#nav2 #about2 a:hover, ul#nav2 #catering2 a:hover, ul#nav2 #contact2 a:hover, ul#nav2 #events2 a:hover, ul#nav2 #menu2 a:hover { background-position: 0 -28px; }