Кнопки верхнего ряда меню строятся на основе двух типов картинок: пассивной (видимой всегда) и активной (видимой при наведении курсора на кнопку):

Вариант 1 (пробный)
(кнопки меняют тон, но не западают):

ИТОГОВЫЙ (принятый к реализации) Вариант 2
(с западающими кнопками, рабочими ссылками и всплывающими комментариями кнопок):

исходные данные:

Заготовка для пассивной кнопки

Заготовка для активной кнопки

кнопки для варианта 1:
пассивные:

активные (при наведении курсора)

замена кнопок для варианта 2:

Кнопки нижнего ряда ряда меню строятся аналогично - на основе двух типов картинок: пассивной (видимой всегда) и активной (видимой при наведении курсора на кнопку):

заготовка для пассивного меню:

заготовка для активного меню:

Меню "в сборе"
(с западающими кнопками, рабочими ссылками всплывающими комментариями кнопок):

исходные данные (JPG):

пассивные кнопки:

активные кнопки (при наведении курсора):