Как сделать левое меню? - Joomla 2.5: Шаблоны, разметка и макеты вывода

Здравствуйте!
Подскажите как сделать левое меню, вот такое:

Сейчас у меня вот что получается:

И еще подскажите пожалуйста:
1. Я решил использовать стандартные шрифты, а не закрученные, так как боюсь что красивые шрифты не у всех могут быть установлены - это правильно?
2. По поводу меню - как сделать:
-Что бы расстояние между пунктами меню было побольше?
- Что бы они были прижаты к левому краю?
- Как сделать закругление меню и другой фон ?
- И растягивались само меню в зависимости от количества пунктов меню?
Убедительно прошу - подскажите пожалуйста, подробно, как сделать данное меню!

На данный момент вот что получается:

Подскажите как выровнять маркер (рисунок) по центру и как реализовать возможность его менять при наведении, нажатии и посещении ссылки?
Просто не могу найти как маркер расположить в левом меню...
Убедительно прошу - подскажите как быть с маркером!

1 - уже можно использовать @font-face для сторонних шрифтов, есть свои особенности, но обычно все работает. Есть вот такой сервис подбора и конвертации шрифтов http://www.fontsquirrel.com/fontface/generator либо есть http://www.google.com/fonts (меньше выбор и нет конвертации, но 100% рабочие вещи)
2 - у вас все просто, заголовок меню будет в H3, делаем его display: block, text-align: center; с нужным шрифтом
Для элементов LI (я бы делал LI A смотря по дизайну) делаем фоновую картинку иконку слева без репита
все
банально, делается за 10 минут

1 - уже можно использовать @font-face для сторонних шрифтов, есть свои особенности, но обычно все работает. Есть вот такой сервис подбора и конвертации шрифтов http://www.fontsquirrel.com/fontface/generator либо есть http://www.google.com/fonts (меньше выбор и нет конвертации, но 100% рабочие вещи)
2 - у вас все просто, заголовок меню будет в H3, делаем его display: block, text-align: center; с нужным шрифтом
Для элементов LI (я бы делал LI A смотря по дизайну) делаем фоновую картинку иконку слева без репита
все
банально, делается за 10 минут

А про шрифты http://www.google.com/fonts  там просто скопирую названия нужного мне шрифта и вставляю его?

и насчет элементов : Для элементов LI (я бы делал LI A смотря по дизайну) делаем фоновую картинку иконку слева без репита вот тут можно поподробнее?

Со шрифтами разобрался...
Подскажите пожалуйста насчет маркера, вот сейчас что получается:

Как данный маркер выровнять по высоте и как заставить его меняться в зависимости от действий пользователя? (при наведении, нажатии, посещенный).

вы что, не видите, что маркеры эти, наверное честно взятые с какого-то сайта, не вписываются по цвету?... как вы их честно брали? принтскрином чтоли? или фон такой же делайте, как ТАм, на том сайте, где все честно взяли. но уже видно, что ваши маркеры фуфло, их надо с прозрачным фоном делать, чтобы потом можно было менять маркер по нажатию или наведению

вы что, не видите, что маркеры эти, наверное честно взятые с какого-то сайта, не вписываются по цвету?... как вы их честно брали? принтскрином чтоли? или фон такой же делайте, как ТАм, на том сайте, где все честно взяли. но уже видно, что ваши маркеры фуфло, их надо с прозрачным фоном делать, чтобы потом можно было менять маркер по нажатию или наведению

Хорошо, поменяю - сделаю прозрачный фон, это не проблема.

А как реализовать возможность,  чтобы маркер выровнять по высоте
 и как заставить его меняться в зависимости от действий пользователя? (при наведении, нажатии, посещенный).