HTML & CSS Frage; Designanpassung

Hey,
ich habe ein Problem Leute:) Ein Freund bat mich ihm bei einer Design Umsetzung zu helfen. Funktioniert eigentlich auch alles, nur soll das ganze Design Zentral dargestellt werden.
Kommt mir nicht mit <center> , das wei� ich auch aber dann gibt es Probleme mit den Divs
Codes liegen bei

Vielen Dank :)
HTML INDEX

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">

<center><head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<!-- #BeginEditable "doctitle" -->
<title>Restaurant Da Gianni</title>
<!-- #EndEditable -->
<link href="../MeineWebsite2/layout.css" media="screen" rel="stylesheet" title="CSS" type="text/css" />
<style type="text/css">
.style1 {
	border-width: 0px;
}
.style2 {
	text-align: center;
}
.style3 {
	float: left;
	width: 285px;
	height: 1053px;
	background-image: url('images/navi.gif');
	text-align: left;
}
.style4 {
	text-align: left;
}
</style>
</head>
<body style="margin-left: 15px">

<div id="container" align="center" class="style4" style="height: 1209px; z-index: 1; width: 1229px; position: absolute; top: 15px; left: 10px">
<!-- Begin Masthead -->
	<div id="masthead" align="center" class="style2">
		<img height="146" src="http://www.elitepvpers.com/forum/MeineWebsite2/head.gif" width="1000" style="float: left" /></div>
	<div  align="center" class="links">
	</div>
	<div  align="center" class="style3">
		I<br /><br /><br /><a href="default.html">
		<img class="style1" height="36" src="http://www.elitepvpers.com/forum/images/W-Button.gif" width="129" /></a><br />
		<a href="anfahrt.html">
		<img height="32" src="http://www.elitepvpers.com/forum/images/A-Button.gif" width="129" class="style1" /></a><br />
		<a href="gallery.html">
		<img class="style1" height="33" src="http://www.elitepvpers.com/forum/images/G-Button.gif" width="129" /></a><br />
		<a href="impressum.html">
		<img height="30" src="http://www.elitepvpers.com/forum/images/I-Button.gif" width="129" class="style1" /></a></div>
</div id="container">
</center>

CSS Layout

Code:

body {
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size: 0.8em;
	background-image:url('images/background.gif')}
	background-repeat: repeat;
	background-attachment: scroll;

}
#container {
	width: 1000px;
	margin: 0 auto;
	padding: 10px;
	border-right: 2px solid #725972;
	border-bottom: 2px solid #725972;
	border-left: 2px solid #725972;
	background-color: #fff;

	
}	
#masthead {
	text-align: center;
	width: 1000px;
	background-image: url("../images/head.gif");
	height:146px;
}

.links { 
float:left;
width:715px;
height:1053px;
background-image:url('images/index_2.gif')

}
.rechts {
float:left;
width:285px;
height:1053px;
background-image:url('images/navi.gif')
}
.gallery { 
float:left;
width:715px;
height:1053px;
background-image:url('images/Gallery.gif')
}
.impressum { 
float:left;
width:715px;
height:1053px;
background-image:url('images/impressum.gif')
}
.anfahrt { 
float:left;
width:715px;
height:1053px;
background-image:url('images/anfahrt.gif')
}