Quero que minha página esteja sempre centralizada no navegador sem afetar o conteúdo (como align-text: center; does). Quero centralizar minha div wrapper .. Como faço para fazer isso?

Página simplificada existente:

<div id="wrapper">       
    <div id="header">
        Music Heaven
    </div>
    <div id="topmeny">             
    </div>
    <div id="menu">        
    </div>        
    <div id="content">                  
    </div>           
    <div id="bottom">
        SiteAdmin
    </div>
</div>

Entire fiddle:http: //jsfiddle.net/EndQb