Ayuda para centrar capas

[Acelsp]

Pues aqui pongo mi codigo por si alguien me puede ayudar:

Código:

<div id="container">
	<!-- CABECERA -->
		<div id="header"></div>
	<!-- FIN CABECERA -->
			
	<!-- MENU OPCIONES -->
		<div id="sidebar">
			<div id="sidebarOpciones"></div>
			<div id="sidebarCuerpo"></div>
			<div id="sidebarContacto"></div>
		</div>
	<!-- FIN MENU OPCIONES -->
					
	<!-- CUERPO -->
	<div id="main"></div>
	<!-- FIN CUERPO -->
				
	<!-- PIE -->
		<div id="footer"></div>
	<!-- FIN PIE -->
			
</div>

Código:

html {
	height: 100%;
}

body {
	text-align: center;
	margin: 0px;
	height: 100%;
	color: #fff;
	font-family: sans-serif;
	font-size: 12pt;
	background: url(Images/Back.jpg) top left;
}

#container {
	width: 750px;
	height: 100%;
	margin: 0px auto;
	text-align: left;
	background-color: #8c8a8d;
	border: #000000 1px solid;
}

#header {
	background: url(Images/Cabecera.jpg) top left no-repeat;
	width: 750px;
	height: 230px;
	margin: 0px;
	padding: 0px;
}

#sidebar {
	width: 204px;
                height: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
                background-color: #aa8a8d;
}

#sidebarOpciones {
	width: 204px;
	height: 162px;
	margin: 0px;
	padding: 0px;
}

#sidebarCuerpo {
	width: 204px;
	/*height: 100%;*/
                background: url(Images/LeftBack.jpg) repeat top left;
	margin: 0px;
	padding: 0px;
}

#sidebarContacto {
	width: 204px;
                background: url(Images/ContactInfo.jpg) no-repeat top left;
	height: 117px;
	margin: 0px;
	padding: 0px;
}

#main {
	float: right;
	width: 526px;
	height: 100%;
	margin: 0px 20px 20px 0px;
	padding: 0px;
}

#footer {
	clear: both;
	margin: 0px;
	padding: 0px;
}