After spending few days, I've finally managed to create a banner along with the navigation bar, EXACTLY the way I wanted, which can be seen on:

http://darsh25.silverserve.co.uk/per...te/contact.php

All the links on the buttons work perfectly well (however, presently, I've ONLY uploaded Services & Contact files, so other links won't work).

Problem remains currently is that everytime, I click on any other link, I get the ENTIRE animation of the banner playing AGAIN. Is there a way, I could make this play ONLY ONCE when user enters the website & NOT when he/she browses from one page to another (from example from Contact to Services). Such a repeated animation, again & again, could be most probably annoying for viewers.

Lastly, all the links are buttons (understandably), I wonder if there's a way, that allows me to make the CURRENT SELECTED page link appearing "unique" (perhaps, with red background). For example, if someone clicks on Contact, they'll get to see "Contact.php". At this time, I'd want "Contact" button appearing RED & hence making it stand-out from other buttons (which has dual coloured gradients background). This is just to ensure that user know that they're CURRENTLY viewing certain page.

Perhaps, this can be achieved by changing the appearance of the button AFTER someone clicks on it. "Up, over, down" links of button doesn't support this (since, "up" is how the button appears without any action, "over" is only & as far as mouse stays over a button & "down" is ONLY for a split-second when user "clicks") but I want this particular button appearing differently AFTER they click on it (i.e. when they are reading the page this button is linked with).

All uploaded files can be seen on:
http://darsh25.silverserve.co.uk/personal_website