div.nav {
/*    width: 691px;*/
    /*width: 777px;*/
    width: 654px;
    margin: 0px auto;
    overflow: hidden;
    margin-top: 17px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
        z-index: 10000;
}

#nav a {
	display: block;
        font-size: 13px;
        color: #FFFFFF;
}

#nav a:hover {
    text-decoration: none;
}

#nav li {
    float: left;
    margin: 0px 10px;
    /*width: 10em;*/
}

#nav li ul {
	position: absolute;
	/*width: 10em;*/
	left: -999em;
        width: auto;
        margin-left: -10px;
        border-left: 1px solid #838385;
        border-right: 1px solid #838385;
        border-bottom: 1px solid #838385;
        padding: 8px 10px 3px 10px;
        z-index: 10000;
}

#nav li:hover ul {
	left: auto;
        background-color: #FFFFFF;
}

#nav li:hover ul li {
    font-family: helvetica;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    clear: both;
    margin-bottom: 5px;
}

#nav li:hover ul li.last {
    background-image: none;
    padding-bottom: 4px;
}

#nav li.logo, #nav li.logo a {
    width: 246px;
    margin-left: 0px;
    margin-right: 15px;
}

#nav li.logo img {
    margin-top: 5px;
}

#nav li.last {
    margin-right: 0px;
}

#nav li a {
    background-repeat: no-repeat;
    text-indent: -10000px;
    height: 18px;
    display: block;
    background-position: 0px 0px;
    margin-bottom: 8px;
}

#nav li a:hover {
    background-position: 0px -18px;
}

#nav li a.clothing {
    background-image: url(/public/images/nav/clothing-and-gear.png);
    width: 102px;
}

#nav li a.specialty {
    background-image: url(/public/images/nav/specialty-shop.png);
    width: 95px;
}

#nav li a.character {
    background-image: url(/public/images/nav/men-of-character.png);
    width: 113px;
}

#nav li a.phoenix {
    background-image: url(/public/images/nav/phoenix-project.png);
    width: 103px;
}

#nav li a.livewell {
    background-image: url(/public/images/nav/livewell.png);
    width: 88px;
}

#nav li a.workshops {
    background-image: url(/public/images/nav/workshops.png);
    width: 70px;
}

#nav li a.basics {
    background-image: url(/public/images/nav/the-basics.png);
    width: 66px;
}

#nav li:hover ul li a {
    text-indent: 0px;
    color: #000000;
    text-decoration: none;
    height: auto;
    margin-bottom: 0px;
}