Wie ich sagte: In dem Du der entsprechenden Klasse/ID bzw. dem entsprechenden Element ein Hintergrundbild via CSS zuweist (siehe Beispiel oben)
...
background-image:url(images/...png);
background-repeat:no-repeat;
Dazu wäre es aber erstmal ratsam die momentan aktiven Hintergrundbilder (die sowieso nur Farben darstellen) durch die entsprechenden background-color-Angaben zu ersetzen. Du kannst jedem Element nur ein background-image zuweisen. Ein Beispiel: Du benutzt für den Hintergrund der Navi das Bild images/nav.png, welches lediglich einen braunen Farbton darstellt. Dafür solltest Du die CSS Eigenschaft
background-color: #e2ddd4;
verwenden. Das zieht sich so durch die ganze Navi, wenn ich mich nicht verguckt habe.
Sorry, aber anders kann ich´s Dir momentan nicht erklären.
Ein Tipp noch: Für den Firefox gibt´s ein Addon, dass sich Firebug nennt. Damit kannst du solche Sachen selber herausfinden und testen. Im IE sind die Entwicklertools im Menü Extras zu finden, mit denen man sowas ebenfalls analysieren kann.