centrar web

bueno el tema esque siempre eh usado el mismo esquema inicial para hacer mis webs, el caso es es una div llamada general que engloba todo el <body>

para la ultima web que hice tube que englobar a general en otra capa para hacer un efecto sombra quedando algo asi
<body>
<div id=general>
<div id=generalfondo>
pagina web
</div>
</div>
</body>

el caso es que ahora voy a quitar mi efecto sombra quedandome con solamente la capa id=general, y la sorpresa es que se me alinea hacia la izquierda la web xD xD

dejo el codigo css

Código

#generalfondo {
	width:1044px;
	height:auto;
 
											background-image: url(objetos/borde2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-right-style: none;
	border-right-width: medium;
	border-right-color: #000;
	border-bottom-width: medium;
	border-top-style: none;
	border-bottom-style: none;
	border-top-color: #000;
	border-bottom-color: #000;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 25px;
}
 
#general {
	width:1024px;
	height:auto;
 
 
 
 
	background-image:fondogeneral.png ;								
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: ridge;
	border-bottom-style: ridge;
	border-left-style: none;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}

#general {
width:1024px;
background:url('fondogeneral.png') no-repeat center top;
position: relative;
border:#000 medium ridge;
border-top-style:none;
border-left-style:none;
margin: 0px auto 0px auto;
padding:0px 0px 50px 0px;
}