Красивые многострочные кнопки на CSS - как подключить готовый вариант? - Вопросы по CSS

Добрый день!
Прошу помощи по вопросу подключения  кнопок. Нравиться мне такой вариант:
http://chriseppstein.github.io/sass-recipes/recipes/multi-line-button/multi-line-button.html
Для кнопок есть 4 файла:
multi-line-button.sass
multi-line-button.haml
multi-line-button.css
ну сам файл с примерами
multi-line-button.html

Я так понимаю, что 3 файла нужно положить в папку CSS шаблона и подключить к индексному файлу стить multi-line-button.css.
Прописываю в index.php шаблона после <jdoc:include type="head" />:
<link rel="stylesheet" href="<?php echo $templateUrl; ?>/css/multi-line-button.css" type="text/css" media="all" />
Естественно не работает. пробовал прописывать в разные места, но это стить появляется в лучшем случае в секции Разметка (смотрю в Dragonfly Оперы).
На странице вместо кнопок вижу полько активные линки с форматом как по-тексту для которых присваивается обычный стиль из шаблона. Если скопировать все из  файла multi-line-button.css и вставить в файл стилей шаблона, то расползается весь шаблон.
Поскольку в тонкостях php я не силен не могу понять что и куда прикрутить!
Знаю что ламер, но не бейте плс. подскажите где покопать.
- Joomla 1.5
- IT Factory

проблема решена, спасибо.