<div class="nav">
      <ul class="pull-left">
            <li><a href="#">Ride</a></li>
            <li><a href="#">Drive</a></li>
     </ul>
     <ul class="pull-right">
           <li><a href="#">find a city</a></li>
           <li><a href="#">help</a></li>
           <li><a href="#">sign in</a></li>
     </ul>

.nav a {
      padding: 14px 10px;
      text-transform: uppercase;
      font-family: Avenir;
      font-size: 14px;
      font-weight: bold;
      color: black;
      text-decoration: none;
}

.nav li {
      display: inline;
}

.nav {
      padding-top: 30px;
      padding-right: 30px;
}

.add {
      color: maroon;

}

$(document).ready(function() {
      $('.nav').hover(function() {
            $('a').addClass('add')
      }, function() {
            $('a').removeClass('add')
      });
});