sapete dirmi come devo fare per centrare il box definito da questo codice? (ora è in alto a sinistra e lo vorrei al centro dello schermo)

devo crearne uno nuovo che vada a includere le tre parti che compongono il box, o mettere il tutto in un div?


codice:
<html>
<head>
<style type="text/css">

#top {
	position:absolute;
	left:0px;
	top:0px;
	width:593px;
	height:129px;
}

#centro {
	position:absolute;
	left:0px;
	top:129px;
	width:593px;
	height:243px;
}

#bottom {
	position:absolute;
	left:0px;
	top:372px;
	width:593px;
	height:128px;
}
</style>
</head>
<body style="margin-top: 100px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;">
<div id="top">
	[img]immagini/top.gif[/img]
</div>
<div id="centro">
	[img]immagini/center.gif[/img]
</div>
<div id="bottom">
	[img]immagini/bottom.gif[/img]
</div>
</body>
</html>