html {margin: 0; padding: 0; background-color: #000000; background-image: url('bg.jpg'); background-position: center top; background-repeat: no-repeat; background-attachment: fixed;}
body {margin: 15px 0 15px; padding: 0; text-align: left;}
#imPage {margin: 0 auto; width: 700px; position: relative;}
#imHeader {margin-bottom: 100px; height: 150px; background-color: transparent;}
#imMnMn {position: absolute; top: 150px; left: 0; height: 94px; width: 694px; padding: 3px 3px 3px 3px; background-color: transparent;}
#imMnMn li {display: inline}
#imContent {min-height: 380px; position: relative; width: 694px; padding: 3px 3px 3px 3px; }
#imContentGraphics {min-height: 380px; position: absolute; top: 250px; bottom: 0; left: 0; width: 700px; background-color: transparent; background-image: url('content.jpg'); background-position: center center; background-repeat: no-repeat;}
#imFooterBg {clear: both; bottom: 0; width: 100%; background-color: transparent;}
#imFooter {position: relative; margin: 0 auto; height: 150px; width: 700px; background-color: #404040;}

questo è il contenuto del file template.css della cartella style. Devo slittare a destra tutta l'area del menu. 

Se modifico #imPage {margin: 0 auto; width: 700px; position: relative;} da relative a left o right sballo tutto nel senso che varia solo una parte dell'area e non tutto.

Sapete dirmi cosa posso fare?