Предисловие.

Картинки без прозрачности, ибо нет исходника.
Я не ставил перед собой попытки воспроизвести 100% макет (в том числе и шрифты), ибо он отстойного качества
Данные примеры показывают как можно сделать и не претендуют на истину.
Так же можно было бы еще повыебываться и нарисовать столько же...да ну нах, хватит.

Вариант 1. Чистый CSS3.

Градиенты, мультибэкраунд
Грубая реализация. Сделана только под FF, для других браузеров надо повторить всё тоже самое с префиксами и без.
Заебался просчитывать градиент, так что пусть остается как есть.
Лучше не пытаться повторять это дома!
READ MORE

Вариант 2. Чистый CSS3.

Градиенты и тени
Меньше градиентов за счет замещения тенями.
Достаточно стильный вариант.
READ MORE

Вариант 3. CSS3.

Картинками, мультибэкраунд.
Картинка вырезана тяп-ляп.
READ MORE

Вариант 4. CSS2.

Без теней и мультибэкграунда, т.к. CSS2.
Примерно как и вариант 3, но только на CSS2, без мультибэкграунда.
READ MORE

Вариант 5. Самое простое.

Не знаешь как по выпендриваться? Не еби мозги, будь проще.
READ MORE

Исходный материал

Картинка в base64. Не пытайтесь повторить такое дома smile :-)