centering multiple layers

[emak]

It's been awhile since i've worked on a project so VERY rusty. I created a website for a client via flash. Then they came around asking why it can't be viewed on ipads, iphones, etc...basically mobile devices. My boss needed a quick fix, so i redesigned the website in Illustrator, sliced it up and placed all the slices in individual layers via dreamweaver lined and linked everything up.

I'm sure i know how to fix this and for the life of me can't remember.

Bascially the site i created is all aliged to the top left of the page. I need to center the entire site (layers).

The site is:
http://ericwmak.com/index_DCS_html.html

Any help would be greatly appreciated. I've tried searching and google, found somethings but can't find something that will help.

Thanks.

 

[Mug]

The site is pretty div heavy so if you have more time to work on this at a later date I would suggest altering the layout. In answer to your question you could wrap a div around all the internal divs. Give it an id of container and then in your css put something like:

#container {
width: (input the width here)
padding: 0 auto;
margin: 0 auto;
}

Give me a shout if you need any more help on this. I'm in the office all day.


*update*

Do you need it vertically aligning too? If so the best option is to use absolute positioning. Take a look at how I have done it here:
http://www.yomzoo.com/