Верстка макета 1 страницы из psd

- Валидность верстки, проверка на validator.w3.org/

- Кроссбраузерность (ie8 и выше, firefox, opera, chrome)

- Необходимо использовать заготовку (во вложении), в style.css стили стандартных тегов (a, h1, h3, p и т.п.), в frame.csss код шаблона.

- Меню должно состоять только из вложенных тегов ul, li, a

- Меню должно иметь класс a:hover и li.active a – (подчеркнутый текст)

- заголовки "Навигация", "Карта", "Новости и события", "Фотогалерея", "Карта" h3, красный фон – фон тега h3

- заголовок "Добро пожаловать на наш сайт" h1, подчеркивание – нижняя граница тега h1

- Слайдер должет состоять из тегов ul li img span (только сверстать, javascript не нужен)

- индикаторы переключения слайдов должны иметь класс active, при наличии которого индекатор становится подсвеченным
- переключатели слайдера должны быть тегами <a> с фоном, фон должен быть спрайтом

- с логотипа ссылка на главную

- в футере список "Тхеквондо, ..." – это меню

- в шапке плашки "Тхеквондо, ..." – это меню

- в новостях заголовок ссылкой

- в заголовке "Новости и события" подчеркивание – это нижняя граница тега h3

- в заголовке "Навигация" синий фон это фон тега h3

базовые теги (h1, h2, h3, img, ul, li) не должны содержать тегов без крайней необходимости
отдельные блоки должны быть обрамлены в div с классом по смыслу, например левое меню:

<div class = "left-side">
<div class = "left-menu">
<h3></h3>
<ul>
<li><a href = "#"></a></li>
</ul>
</div>
</div>

при этом селекторы формируются в виде:

.left-menu ul {}
.left-menu ul li {}

пример как делать не нужно:

<h3 class = "left-menu-header"></h3>
<ul class = "left-menu">
<li><a href = "#"></a></li>
</ul>

h3.left-menu-header {}
ul.left-menu {}
ul.left-menu li {}