Da pra fazer tanto usando JavaScript Puro quanto jQuery pelo que eu vi em seu projeto você já esta utilizando jQuery então montei um exemplo pra você utilizando jQuery pois o código fica mais simples.

HTML

    <div id="menu" class='source'>
        <ul>
            <li><a href="#contato" class='menu'>contato</a></li>
            <li><a href="#quemsomos" class='menu'>quemsomos</a></li>
            <li><a href="#redessociais" class='menu'>redessociais</a></li>
            <li><a href="#teste" class='menu'>Teste</a></li>
        </ul>
    </div>
    <div id="contato" class='source'><h2>contato</h2></div>
    <div id="quemsomos"  class='source'><h2>quemsomos</h2></div>
    <div id="redessociais"  class='source'><h2>redessociais<h2></div>
    <div id="teste"  class='source'><h2>Teste<h2></div>

CSS

    .source{
        position:absolute;
        width:150px;
        height:150px;        
    }
    #contato{  
        left:50px;
        top:300px;   
        background:#f00;
    }
    #quemsomos{
        left:1500px;
        top:500px;   
        background:#0f0;
    }
    #redessociais{
        left:600px;
        top:2000px;   
        background:#00f;
        
    }    
    #teste{
        left:500px;
        top:700px;
        background:#cccccc;
    }

JavaScript

    $(document).ready(function(){
        $(".menu").on("click",function(e){
            // Pega as dimensões da janela
            var W = $(window).width();
            var H = $(window).height();
            
            // Pega as coordenadas e dimensões do elemento
            var elem = $($(this).attr("href"));
            var x = elem.position().left;
            var y = elem.position().top;
            var h = elem.height();
            var w = elem.width();
            
            // Calcula as coordenadas que a tela tem que ser rolada para centralizar o elemento
            x -= W/2 - w/2;
            y -= H/2 - h/2;
            
            $("body").animate({scrollTop:y,scrollLeft:x},400,"swing",function() {
                var x = $("body").scrollLeft();
    			var y = $("body").scrollTop();
    			$("#menu").css({top:y,left:x});
            });
            e.preventDefault();
        })
    })

> [Link do exemplo no jsfiddle][1]



----------


Tomei a liberdade de olhar o código do seu site e vi que a `DIV` que recebe o conteúdo é a `#ib-main-wrapper` seguindo o exemplo que estou postando você terá que substituir o `$("body")` da animação pela sua div que recebe o conteudo `$("#ib-main-wrapper")`

> **Créditos** a [edição][2] do @LuizVieira pela colaboração na solução.


  [1]: http://jsfiddle.net/CAaV9/5/
  [2]: https://pt.stackoverflow.com/questions/16662/menu-que-se-move-por-coordenadas/16664#comment31230_16664