#nav-bg {
    background: url(../images/nav_bg.gif) top left no-repeat;
    padding: 0 3px;
}

#nav {
    margin: 0;
    padding: 0;
    width: 727px;
}

#nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    height: 100%;
}

#nav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#nav a {
    float: left;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    height: 31px;
    overflow: hidden;
}

#nav a#home {

    background: url(../images/nav_home.gif) top left no-repeat;
    width: 120px;
}
#nav a#about {
    background: url(../images/nav_about.gif) top left no-repeat;
    width: 117px;
}
#nav a#services{
    background: url(../images/nav_services.gif) top left no-repeat;
    width: 120px;

}
#nav a#contact {
    background: url(../images/nav_contact.gif) top left no-repeat;
    width: 117px;
}

#nav a:hover#home, body#home-on a#home {
    background: url(../images/nav_home.gif) bottom left no-repeat;
}
#nav a:hover#about, body#about-on a#about {
    background: url(../images/nav_about.gif) bottom left no-repeat;
}
#nav a:hover#services, body#services-on a#services {
    background: url(../images/nav_services.gif) bottom left no-repeat;
}

#nav a:hover#contact, body#contact-on a#contact {
    background: url(../images/nav_contact.gif) bottom left no-repeat;
}

/*********************************
* Subnav
*********************************/

#subnav {
    margin: 11px 0;
    padding: 0;
    width: 244px;
}

#subnav li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#subnav a {
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    width: 244px;
    height: 31px;
    overflow: hidden;
}