Centrering af site

Hej og tak fordi du tager dig tid til at læse mit spørgsmål.

Hvis jeg nu har diverse felter jeg vil placere (banner, side-nyheder, maintable, menu1 og menu2)
og jeg vil have dem til at stå på en bestemt måde* hver gang og stadig holde "side" centreret i browseren, hvordan gør jeg så det i CSS?

PT. Har jeg flg:

#topleftmenu {
    width: 347px;
    height: 50px;
    background-color: beige;
    border: 1px solid olive;
    margin-right: 1px;
}

#toprightmenu {
    width: 146px;
    height: 50px;
    background-color: beige;
    border: 1px solid olive;
}

#maintable {
    width: 497px;
    height: 500px;
    background-color: beige;
    border: 1px solid olive;
    padding: 5px;
}

#sidenewsright {
    width: 150px;
    height: 551px;
    background-color: beige;
    border: 1px solid olive;
}
#site {
    width: 800px;
    margin:0% 10% auto;
    position:relative;
    align:center;
}

#banner {
    height: 100px;
    width: 651px;
    position: absolute;
    top: 10px;
    background-color: beige;
    border: 1px solid olive;
}

Og så synes jeg ikke den er så glad for "align: center;" hvad er den korrekte kommando?

Måde jeg gerne vil have det til at stå på er:

<-----BANNER----->|-s-|
<-----BANNER----->|-i-|
<--menu1--><menu2>|-d-|
<----maintable--->|-e-|
<----maintable--->|-n-|
<----maintable--->|-e-|
<----maintable--->|-w-|
<----maintable--->|-s-|
<----maintable--->|---|
<----maintable--->|---|
<----maintable--->|---|
<----maintable--->|---|
<----maintable--->|---|

På forhånd tak for hjælpen...