$(function() {

    var offset = jQuery("#mainNavi").offset();
    var topPadding = 20;

    jQuery(window).scroll(function() {
    
        if (jQuery(window).scrollTop() > offset.top) {
        
            jQuery("#mainNavi").stop().animate({
            
                marginTop: jQuery(window).scrollTop() - offset.top + topPadding
            
            });
        
        } else {
        
            jQuery("#mainNavi").stop().animate({
            
                marginTop: 0
            
            });
        
        }
        
            
    });

});