#nav a{ text-indent: -1000em;}
#nav ul {margin: 0; padding: 0;}
#nav li {margin: 0; padding: 0; list-style: none;}
#nav ul li a {text-decoration: none; /* height: 29px; */ padding: 0; margin: 0; background-repeat: no-repeat; display: block;}
/* Main Buttons */
#nav ul li.buttonHome a { background-image: url(images/btn_home.jpg); width: 102px; height: 16px;}
#nav ul li.buttonBlog a {background-image: url(images/btn_blog.jpg); width: 102px; height: 18px;}
#nav ul li.buttonBernina a {background-image: url(images/btn_bernina.jpg); width: 102px; height: 20px;}
#nav ul li.buttonClasses a {background-image: url(images/btn_classes.jpg); width: 102px; height: 20px;}
#nav ul li.buttonCalendar a {background-image: url(images/btn_calendar.jpg); width: 102px; height: 21px;}
#nav ul li.buttonEvents a {background-image: url(images/btn_events.jpg); width: 102px; height: 24px;}
#nav ul li.buttonShowTell a {background-image: url(images/btn_showtell.jpg); width: 102px; height: 22px;}
#nav ul li.buttonNewsletter a {background-image: url(images/btn_newsletter.jpg); width: 102px; height: 23px;}
#nav ul li.buttonLinks a {background-image: url(images/btn_links.jpg); width: 102px; height: 35px;}
#nav ul li.buttonAbout a {background-image: url(images/btn_about.jpg); width: 102px; height: 22px;}
#nav ul li.buttonContact a {background-image: url(images/btn_contact.jpg); width: 102px; height: 30px; }

#nav ul li.buttonHome a:hover {background-image: url(images/btn_home_over.jpg); height: 16px;}
#nav ul li.buttonBlog a:hover {background-image: url(images/btn_blog_over.jpg); height: 18px;}
#nav ul li.buttonBernina a:hover {background-image: url(images/btn_bernina_over.jpg); width: 102px; height: 20px;}
#nav ul li.buttonClasses a:hover {background-image: url(images/btn_classes_over.jpg); height: 20px;}
#nav ul li.buttonCalendar a:hover {background-image: url(images/btn_calendar_over.jpg);  height: 21px;}
#nav ul li.buttonEvents a:hover {background-image: url(images/btn_events_over.jpg);  height: 24px;}
#nav ul li.buttonShowTell a:hover {background-image: url(images/btn_showtell_over.jpg); height: 22px;}
#nav ul li.buttonNewsletter a:hover {background-image: url(images/btn_newsletter_over.jpg); width: 102px; height: 23px;}
#nav ul li.buttonLinks a:hover {background-image: url(images/btn_links_over.jpg); height: 35px;}
#nav ul li.buttonAbout a:hover {background-image: url(images/btn_about_over.jpg); height: 22px;}
#nav ul li.buttonContact a:hover {background-image: url(images/btn_contact_over.jpg); height: 30px;}