Header Menü - Hintergrund

Hallo. Ich hab leider kein Link zum Blog. Ist noch im Aufbau und passwortgeschützt.

Ich nutze das 'Pink October' Theme von http://5thirtyone.com/, die ihre Seite mit dem gleichen Theme geschmückt haben.

Wenn man mit der Maus dort über die oberen Menüpunkte fährt, sieht man dass der Hintergrund dunkelgrau wird. Bei mir wird er nicht dunkelgrau, sondern in der gleichen Farbe wie der Bereich direkt drunter: in diesem Fall: pink.

Das sieht dann beim Mouseover wie EIN Bereich aus, mit verschiedenen Registerkarten.

Ich hätte jetzt gerne, dass wenn man sich auf der Startseite befindet, der "Home"-Link schon pink hinterlegt ist. Und wenn man auf einen anderen Menüpunkt klickt und zu der Seite wechselt, der "Home"-Link grau ist und der ausgewählte Punkt nun pink ist.

Versteht ihr wie ich mein? Beispiel: http://www.synergosdesign.com/home.html

Wie kann ich das machen?
Aus HTML-Zeiten weiss ich noch, dass man das eigentlich einfach mit iframes hinbekommen würde und für jeden Menüpunkt und passender Seite eine header-html erstellt mit unterschiedlichen hintergrundfarben. Aber das geht doch sicher anderst/ eleganter?

Danke im Voraus!