Changing background color in style sheet

[drago]

Hello,

I am new to zen cart, and trying to figure out a few things in my template.

I can change the background of my page, put the inner part of the page it turns out like the picture below



I go into my stylesheet.css and change the color where the gray is...

/*bof header*/
#headerWrapper {background-color:#3e4147;margin-top:0px;}
#header-curr-lang {float:right;margin-top:50px;color:#b5b5b6;}
#header-curr-lang img{vertical-align:middle;} 
#currency_header {float:right;margin-right:35px;margin-top:3px;}
#lang_header {float:right;margin-right:15px;margin-top:5px;}
.header-checkout {color:#fffede;font-weight:normal;}
.header-checkout:hover {color:#dfba68;}
#navMainWrapper {margin: 0em;font-weight: normal;color: #fffede;background-image:url(../images/top-nav-bk.jpg);height: 54px;width: 950px;}
#navMain ul  {margin: 0;padding:  0.5em 0em;list-style-type: none;text-align: center;line-height: 1.5em;margin-left:15px;margin-top:7px;font-size:130%;}
#navMain ul li {display: inline;}
#navMain ul li a {text-decoration: none;padding: 0em 0.5em;margin: 0;color: #fffede;white-space: nowrap;}
#navMain ul li a:hover{color:#dfba68;} 
#navCatTabsWrapper {margin: 0em;background-color: #fff;font-weight: bold;color: #181818;height: 1%;width: 100%;display:none;}
#navCatTabs ul  {margin: 0;padding:  0.5em 0em;list-style-type: none;text-align: center;line-height: 1.5em;}
#navCatTabs ul li {display: inline;}
#navCatTabs ul li a {text-decoration: none;padding: 0em 0.5em;margin: 0;color: #181818;white-space: nowrap;}
#navEZPagesTop {background-color: #fff;display:none;}
#navEZPagesTop {font-size: 0.95em;font-weight: bold;margin: 0em;padding: 0.5em;color:#181818;}
#navEZPagesTop a{color:#181818;}
#navEZPagesTop a:hover {color:#67cadf;}
#navMainSearch {float: right;padding-top:15px;margin-right:20px;}
#navMainSearch input[type=image]{margin-top:-10px;vertical-align:bottom;}
.search-header-button {vertical-align:middle;}
.search-header-box {border:1px solid #000;width:100px;height:18px;-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.cart-image {vertical-align:middle;}

The background (in the first line) color instead of #3e417, I have changed to #000
When I make the change... here is the results




I have basically lost my top bars, and my background goes away.
I am trying to figure out how to get rid of the gray part, and keep the black background and my top and side bars.

please advice.

Thanks!

Drago!