$(document).ready(function(){
    $('nav .m1').hover(
        function() {
          $('#box').fadeIn('slow');
          $('#box .l1').show();

        },
        function() {
              $('#box .l1').hide();
              $('#box').hide();

        }
    );


    $('nav .m2').hover(
        function() {
          $('#box').fadeIn('slow');
          $('#box .l2').show();

        },
        function() {
              $('#box .l2').hide();
              $('#box').hide();

        }
    );


    $('nav .m3').hover(
        function() {
          $('#box').fadeIn('slow');
          $('#box .l3').show();

        },
        function() {
              $('#box .l3').hide();
              $('#box').hide();

        }
    );


    $('nav .m4').hover(
        function() {
          $('#box').fadeIn('slow');
          $('#box .l4').show();

        },
        function() {
              $('#box .l4').hide();
              $('#box').hide();

        }
    );



    $('nav .m5').hover(
        function() {
          $('#box').fadeIn('slow');
          $('#box .l5').show();

        },
        function() {
              $('#box .l5').hide();
              $('#box').hide();

        }
    );



    $('nav .m6').hover(
        function() {
          $('#box').fadeIn('slow');
          $('#box .l6').show();


        },
        function() {
              $('#box .l6').hide();
              $('#box').hide();

        }
    );



    $('nav .m7').hover(
        function() {
          $('#box').fadeIn('slow');
          $('#box .l7').show();

        },
        function() {
              $('#box .l7').hide();
              $('#box').hide();

        }
    );






});