Menu Image Inset Box Hover

Code:

-webkit-box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);
box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);

I would like to have this hover appear on the website: www.vielamort.net
in the menu as a hover.

Also is it possible to switch the images out with text instead? Since would like the color to switch as well, since it would be easier for me. 

Hello IdaTR,

You want to add this hover to the nav images ?

Code:

.navbar a.mainmenu img:hover {
-webkit-box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);
box-shadow: inset 0px 0px 7px 6px rgba(0,0,0,1);
}

If you want text for the navbar you'll need to remove the images and make sure that this option is set to "No" :

Administration Panel > Display > Headers and navigation > Display only images in the navbar

Yes thanks! (: