Personalizar el primer <li>

[juandedios]

Y lo resolví, gracias por su tiempo e interés, aquí les dejo el codigo de como quedó:

Código CSS:

#boxnav {
    padding-left: 30px;
    width:850px;
}
 
#boxnav ul, li {
    list-style-type: none;
}
 
#boxnav ul {
    margin: 0;
    padding: 0;
}
 
#boxnav li {
    float: left;
}
 
#boxnav a {
    text-decoration: none;
    color: #FFF;
    background: #D83432;
    display: block;
    padding: 7px 32px;
    text-align: center;
    font-weight: bold;
    background: url(../image/sepmenu.gif) no-repeat;
    background-position: left;
}
 
#boxnav a#first {
    background: none;
    font-weight: bold;
}
 
#boxnav a:hover {
    background: #FFF;
    color: #D83432;
    font-weight: bold;
}
 
#boxnav a#first:hover {
    background: #FFF;
    color: #D83432;
    font-weight: bold;
}