Salve come da titolo vorrei creare un effetto ombra sul lato destro e sinistro del contenuto principale del mio sito, come in questo esempio http://blog.html.it/

questa la pagina html:

Codice PHP:
<body>
<div id="content">
  <div id="header"></div>
  <div id="zona_sinistra"></div>
  <div id="zona_destro"></div>
  <div id="zona_sotto"></div>
</div> 
questo è il css

Codice PHP:
body{
    background-color: #d8d7d5;
}
#content {
    width: 980px;
    margin: 0 auto;
    background-color: #FFFFFF;
}
#header {
    background-color: #1d1209;
    height: 60px;
}
#zona_sinistra {
    text-align: justify;
    float:left;
    width: 480px;
    height:590px;
}
#zona_destra {    
    float:left;
    width: 500px;
    height:590px;
}
#zona_sotto {
    clear:left;
    height:20px;
    background-color: #1d1209;
} 
aiutatemi proprio non mi viene come fare, il problema è che ad ogni modifica che faccio poi mi succede che il sito non mi viene piu centrato.