Faire une bande en haut de la page internet

Bonjour, a tous je vous présente mon problème jaissais de crée un site web mais jai quelque sousis avec le disgne cela fais 3 mois que je pence sur cette feuille de css ai je n'arrive pas a faire une bande de couleur grise en haut de la page alors je vien vous demender de laide par se que la je commence a désespéré .
voici mon css

body{
margin:0px;
}
#header{
height:120px;
background:#2F2F2E;
}

.{
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-image:url(images/image_de_fond.jpg);
margin: 0;
padding: 0;
color: #000;
}

*{
margin:0;
padding:0;
}

#menu{
margin:200px 0 0 50px;
background:#0f0;
color:#fff;
float:left;
display:inline;
}
#menu div{
width:180px;
text-align:center;
}
.menu{
position:relative;
}
#menu div a:link, #menu div a:visited, #menu div a:hover{
color:#fff;
font-family:arial,sans-serif;
font-size:50px;
text-decoration:none;
padding-top:160px;
height:80px;
display:block;
}
#menu div a:link, #menu div a:visited{
background:#404040;
}
#menu div a:hover, #menu div a:active, #menu div a:focus{
background:#ca0003;
}
.sousmenu{
position:absolute;
left:120px;
top:0;
}
#content{
margin:20px 0 0 10px;
width:600px;
border:1px solid #abc;
float:left;
}

merci de votre future aide