макет на css 3-ех колоночный

[Ol'ga]

Подскажите плиз не могу контент воткнуть в центр он у меня после колонок получается, что я не так делаю? Заранее спастбо!
КОД:index
<div id='holst'>
<div id="container">
<div id="header"></div>
<div class="slides">

<div id="nav">Левая колонка
<p><a href="stat.html">Статистика турнира</a></p>
<p><a href="interview.html">Интервью с главным судьей</a></p>
<p><a href="ask.html">Конкурсные вопросы</a></p>
</div>
<div id="aside">Правая колонка
<p><a href="#">Статистика турнира</a></p>
<p><a href="#">Интервью с главным судьей</a></p>
<p><a href="#">Конкурсные вопросы</a></p>
</div>
<div id="page">
</div>
</div>
<div class='clear'></div>
<div id="content"> <? include "$page";?>
</div>
<div class="clear"></div>
<div id="footer">
<font color="white"> <p>&copy; NP Center, 2013-2014| Все права защищены</b></font>
</div>
</div>

CSS

.* {margin: 0; padding: 0;}

body{
background: #ffffff url('img/1166264969.jpg');
height:100%;
width: 100%;
display: table;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
position:fixed;
}
h2 { margin: 0 0 1em; }
a { color: #008BCE; /* Цвет ссылок */ }

#holst{
background-image:url('img/1166264969.jpg');
height:100%;
width:100%;
position:fixed;
overflow: auto;}


#container {
width: 1285px; /* Ширина макета */
margin: 0 auto; /* Выравниваем по центру */
}


#header{
/*height: 80px;
font-size: 2.2em; /* Размер текста */
/*text-align: center; /* Выравнивание по центру */
/* padding: 5px; /* Отступы вокруг текста */
}

#content{
background:#FFCC99;
margin: 0 120px; /* Ширина колонок */
min-height: 1280px;
padding: 30px;
width: 880px;
float: right;
border-radius:10px;
overflow: auto;

}

#nav {
float: left;
width: 120px;
min-height: 1280px;
background-color:red;
border: 1px solid #333; /* Параметры рамки вокруг */
padding: 5px; /* Поля вокруг текста */
margin: 10px 10px 20px 5px; /* Значения отступов */
}

#aside {
float: right;
width: 120px;
min-height: 1280px;
background-color:red;
border: 1px solid #333; /* Параметры рамки вокруг */
padding: 5px; /* Поля вокруг текста */
margin: 10px 10px 20px 5px; /* Значения отступов */
}



#page{
width: 880px;
height: 100%;
margin: 0 auto;
margin-top: 10px;
}

#footer{
padding-top: 20px;
height: 90px;
width:880px;
background-image:url('img/1166264969.jpg');
border: 2px solid #995f38;
border-radius:10px;
overflow: auto;
margin: 0 160px 0 160px;
clear: both; /* Отменяем действие float */
}
.clear{
clear:both;
}