CSS to highlight full navigation

What CSS can I write to highlight all my top navigation buttons and also give them a clicking feel, like how buttons move when you click on them? See below:

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li {
background: #464646 url(images/menu-bg.png) repeat-x;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
border: 1px solid rgba(0, 0, 0, .0);
border-bottom-color: rgba(0, 0, 0, .0);
border: none;
}
#menu li a{
color:white;
}
#menu .ddsmoothmenu li.current-menu-item, #menu .ddsmoothmenu li.current_page_item, #menu .ddsmoothmenu li.current-menu-parent, #menu .ddsmoothmenu li.current_page_parent, #menu .ddsmoothmenu li:hover {
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}

This will solve your issue.

 

Thanks Gourav... worked like a charm