#nav {
    margin: 0;
    padding: 0;
    width: 720px;
}
/*
#nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    height: 100%;
}
*/
#nav li {
    margin: 0px;
    padding: 0px;
    display: inline;
    list-style-type: none;
	text-align: center;
}

#nav a {
    float: left;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    height: 23px;
    overflow: hidden;
}
#nav a#about {
    background: url(/images/nav/about.gif) top left no-repeat;
    width: 82px;
	margin-left: 45px;
	display: inline;
}
#nav a#how {
    background: url(/images/nav/how.gif) top left no-repeat;
    width: 118px;
	margin-left: 45px;
}
#nav a#gallery {
    background: url(/images/nav/gallery.gif) top left no-repeat;
    width: 71px;
	margin-left: 45px;
}
#nav a#news {
    background: url(/images/nav/news.gif) top left no-repeat;
    width: 101px;
	margin-left: 45px;
}
#nav a#contact {
    background: url(/images/nav/contact.gif) top left no-repeat;
	margin-left: 45px;
    width: 75px;
}
/* #nav a:hover, #primarynav a.current { text-decoration:underline; color:#eee;} */
#nav a:hover#about, body#about-on a#about {
    background: url(/images/nav/about.gif) bottom left no-repeat;
}
#nav a:hover#how, body#how-on a#how {
    background: url(/images/nav/how.gif) bottom left no-repeat;
}
#nav a:hover#gallery, body#gallery-on a#gallery {
    background: url(/images/nav/gallery.gif) bottom left no-repeat;
}
#nav a:hover#news, body#news-on a#news {
    background: url(/images/nav/news.gif) bottom left no-repeat;
}
#nav a:hover#contact, body#contact-on a#contact {
    background: url(/images/nav/contact.gif) bottom left no-repeat;
}
/* ACTIVE */
#nav a#abouton {
    background: url(/images/nav/about.gif) bottom left no-repeat;
    width: 82px;
	margin-left: 45px;
	display: inline;
}
#nav a#howon {
    background: url(/images/nav/how_on.gif) bottom left no-repeat;
    width: 134px;
	margin-left: 29px;
}
#nav a#galleryon {
    background: url(/images/nav/gallery.gif) bottom left no-repeat;
    width: 71px;
	margin-left: 45px;
}
#nav a#newson {
    background: url(/images/nav/news.gif) bottom left no-repeat;
    width: 101px;
	margin-left: 45px;
}
#nav a#contacton {
    background: url(/images/nav/contact.gif) bottom left no-repeat;
	margin-left: 45px;
    width: 75px;
}