$(document).ready(function(){
   
   //dropdown menu hover effect
   
   $('.main-nav ul').css({ //override CSS
      display: "none",
      left: "auto"
   });


   $('.main-nav li').hoverIntent(function() { //animate sub-menus
      $(this)
         .find('ul')
         .stop(true, true)
         .slideDown('fast');
   }, function() {
      $(this)
         .find('ul')
         .stop(true, true)
         .fadeOut('fast');
   });
   
   
});