ops.....

hai ragione....

codice:
			<div class="centra">
					<div class="menu"> 
						<ul>
							[*]Home
							[*]Gallery
							[*]Blog
							[*]Contatti
							<div class="clear"></div>
						[/list]
					</div>
			
				   
			</div>

codice:
.centra{background-color:#000;position: absolute;top: 80%;left: 0%;margin-top: -119px;margin-left: 0px;}
.menu-toggle{ background: url('img/logo.png') 5px 10px no-repeat; display: block;float:left; width: 238px; height: 118px;padding:10px 10px 10px 0}
.menu{background-color:#FFFFFF;float:left;}
.menu ul li{float:left;}
.menu ul li a{font-family: "RobotoLight",Arial; text-transform: uppercase; padding:57px 20px; display:block; }
.menu ul li a:hover{background-color: #000;color:#fff;}
codice:
$('.menu-toggle').click(function() {
        $(".s").remove();
        $(this).animate({
            left: 500
          }, 500, 'easeOutBack', function() {
              $(this).animate({
                left: 0
              }, 500, 'easeOutBack', function() {
                  $(this).after('<div class="complete">Animazione completata.</div>');
              });
          });
    });