<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <!--[if IE]><![if !IE]><![endif]--> <link href="style/style.css" rel="stylesheet" type="text/css" /> <!--[if IE]><![endif]><![endif]--> <!--[if IE]> <link href="style/ie.css" rel="stylesheet" type="text/css" /> <![endif]--> <script type="text/javascript" src="js/jquery-1.4.1.min.js"></script> <script type="text/javascript" src="js/supersized.2.0.js"></script> <script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script> <script type="text/javascript" src="js/cufon-yui.js"></script> <script type="text/javascript" src="js/OriginalGaramondC_BT_400-OriginalGaramondC_BT_700-OriginalGaramondC_BT_italic_400-OriginalGaramondC_BT_italic_700.font.js"></script> <script type="text/javascript" src="js/YanusC_400-YanusC_700-YanusC_italic_400-YanusC_italic_700.font.js"></script> <!--[if IE]><![if !IE]><![endif]--> <script type="text/javascript" src="js/my.js"></script> <!--[if IE]><![endif]><![endif]--> <!--[if IE]> <script type="text/javascript" src="js/ie.js"></script> <![endif]--> <!--[if IE]><![if gte IE 7]><![endif]--> <script type="text/javascript"> $(document).ready(function(){ /*скролл для левой колонки*/ var div = $('div.sc_menu'), ul = $('ul.sc_menu'), ulPadding = 0; div.scrollTop(80); //Get menu width var divHeight = div.height()-368; //Remove scrollbars div.css({overflow: 'hidden'}); //Find last image container var lastLi = ul.find('li:last-child'); //When user move mouse over menu div.mousemove(function(e){ //As images are loaded ul width increases, //so we recalculate it each time var ulHeight = lastLi[0].offsetTop + lastLi.outerHeight() + ulPadding; var top = (e.pageY - div.offset().top-184) * (ulHeight-divHeight) / (divHeight); div.scrollTop(top); }); /*скролл для левой колонки*/ }); </script> <!--[if IE]><![endif]><![endif]--> <!--[if IE 6]> <script src="js/DD_belatedPNG_0.0.8a-min.js"></script> <script> /* EXAMPLE */ DD_belatedPNG.fix('.png_bg'); /* string argument can be any CSS selector */ /* .png_bg example is unnecessary */ /* change it to what suits you! */ </script> <script type="text/javascript"> $(document).ready(function(){ /*скролл для левой колонки*/ var div = $('div.sc_menu'), ul = $('ul.sc_menu'), ulPadding = -180; div.scrollTop(80); //Get menu width var divHeight = div.height()-368; //Remove scrollbars div.css({overflow: 'hidden'}); //Find last image container var lastLi = ul.find('li:last-child'); //When user move mouse over menu div.mousemove(function(e){ //As images are loaded ul width increases, //so we recalculate it each time var ulHeight = lastLi[0].offsetTop + lastLi.outerHeight() + ulPadding; var top = (e.pageY - div.offset().top-184) * (ulHeight-divHeight) / (divHeight); div.scrollTop(top); }); /*скролл для левой колонки*/ }); </script> <![endif]--> </head> <body> <div id="page"> <div id="cont-2"> <div class="cont-5" id="cont-5-1"> <div class="m-3" id="m-3-1"> <ul> <li><a rel="group1" href="#" title="#"><img src="images/img-small-01.jpg" alt="#" /></a></li> <li><a rel="group1" href="#" title="#"><img src="images/img-small-02.jpg" alt="#" /></a></li> <li><a rel="group1" href="#" title="#"><img src="images/img-small-03.jpg" alt="#" /></a></li> <li><a rel="group1" href="#" title="#"><img src="images/img-small-04.jpg" alt="#" /></a></li> <li><a rel="group1" href="#" title="#"><img src="images/img-small-05.jpg" alt="#" /></a></li> <li><a rel="group1" href="#" title="#"><img src="images/img-small-06.jpg" alt="#" /></a></li> <li><a rel="group1" href="#" title="#"><img src="images/img-small-07.jpg" alt="#" /></a></li> <li><a rel="group2" href="#" title="#"><img src="images/img-small-08.jpg" alt="#" /></a></li> <li><a rel="group2" href="#" title="#"><img src="images/img-small-09.jpg" alt="#" /></a></li> <li><a rel="group2" href="#" title="#"><img src="images/img-small-10.jpg" alt="#" /></a></li> <li><a rel="group2" href="#" title="#"><img src="images/img-small-11.jpg" alt="#" /></a></li> <li><a rel="group2" href="#" title="#"><img src="images/img-small-12.jpg" alt="#" /></a></li> <li><a rel="group3" href="#" title="#"><img src="images/img-small-13.jpg" alt="#" /></a></li> <li><a rel="group3" href="#" title="#"><img src="images/img-small-14.jpg" alt="#" /></a></li> <li><a rel="group3" href="#" title="#"><img src="images/img-small-15.jpg" alt="#" /></a></li> <li><a rel="group3" href="#" title="#"><img src="images/img-small-16.jpg" alt="#" /></a></li> <li><a rel="group3" href="#" title="#"><img src="images/img-small-17.jpg" alt="#" /></a></li> <li><a rel="group3" href="#" title="#"><img src="images/img-small-18.jpg" alt="#" /></a></li> <li><a rel="group3" href="#" title="#"><img src="images/img-small-19.jpg" alt="#" /></a></li> <li><a rel="group3" href="#" title="#"><img src="images/img-small-20.jpg" alt="#" /></a></li> <li><a rel="group1 group2" href="#" title="#"><img src="images/img-small-21.jpg" alt="#" /></a></li> <li><a rel="group1 group2" href="#" title="#"><img src="images/img-small-22.jpg" alt="#" /></a></li> <li><a rel="group1 group2" href="#" title="#"><img src="images/img-small-23.jpg" alt="#" /></a></li> <li><a rel="group1 group2" href="#" title="#"><img src="images/img-small-24.jpg" alt="#" /></a></li> </ul> </div> </div> </div> <div id="nav"> <div class="sc_menu scroll-1"> <ul class="sc_menu m-2" id="m-2-1"> <li><span>Коллекция мыла «Quizas»</span></li> <li><a title="#">Коллекция шампуня «Quizas»</a></li> <li><a title="#">Коллекция шампуня «Quizas»</a></li> <li><a title="#">Коллекция шампуня «Quizas»</a></li> <li><a title="#">Коллекция шампуня «Quizas»</a></li> <li><a title="#">Коллекция sas шампуня «Quizas»</a></li> <li><a title="#">Коллекция шампуня «Quizas»</a></li> <li><a title="#">Коллекция шампуня «Quizas»</a></li> <li><a title="#">Коллекция шампуня «Quizas»</a></li> <li><a title="#">Коллекция dsfd шампуня «Quizas»</a></li> <li><a title="#">Коллекция шампуня «Quizas»</a></li> <li><a title="#">Коллекция шампуня «Quizas»</a></li> <li><a title="#">Коллекция sdf sdf шампуня «Quizas»</a></li> <li><a title="#">Коллекция шампуня «Quizas»</a></li> <li><a title="#">Коллекция шампуня «Quizas»</a></li> </ul> </div> </div> <div class="png_bg grad-1"></div> <div class="png_bg grad-2"></div> </div> <div id="top"> <div id="header"> <div id="logo"><a href="#link-img-1" title="#"><img src="images/logo.png" alt="Quizas" /></a></div> <div id="title">Натуральная косметика ручной работы</div> <div class="set"></div> </div> <div class="png_bg popap-1 popap-3"> <div class="rel"> <div class="bl-1 bl-1-click"><span></span></div> <h2 class="h201 h202"><span>ПРОДУКЦИЯ</span></h2> <div class="container-1"> <table class="table-1"> <tr> <td> <ul class="ul-2"> <li><a id="ul-2-li-a" rel="ul-3-1" href="#" title="#">ПРИМЕНЕНИЕ</a></li> <li><a rel="ul-3-2" href="#" title="#">ТИП ДЕЙСТВИЯ</a></li> <li><a rel="ul-3-3" href="#" title="#">НАЗНАЧЕНИЕ</a></li> <li><a rel="ul-3-4" href="#" title="#">СОПУТСТВУЮЩИЕ ТОВАРЫ</a></li> <li><a rel="ul-3-5" href="#" title="#">ЛИНИИ</a></li> </ul> </td> <td class="gradient"> <ul class="ul-3 ul-3-1"> <li><span id="group1" class="check">ДЛЯ ЛИЦАul-3-1</span></li> <li><span id="group2" class="check">ДЛЯ РУК</span></li> <li><span id="group3" class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> </ul> <ul class="ul-3 ul-3-2"> <li><span class="check">ДЛЯ ЛИЦАul-3-2</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> </ul> <ul class="ul-3 ul-3-3"> <li><span class="check">ДЛЯ ЛИЦАul-3-3</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> </ul> <ul class="ul-3 ul-3-4"> <li><span class="check">ДЛЯ ЛИЦАul-3-4</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> <li><span class="check">ДЛЯ ЛИЦАul-3-4</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> <li><span class="check">ДЛЯ ЛИЦАul-3-4</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> </ul> <ul class="ul-3 ul-3-5"> <li><span class="check">ДЛЯ ЛИЦАul-3-5</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> </ul> </td> <td class="gradient"> <ul class="ul-3 ul-3-1"> <li><span class="check">ДЛЯ ЛИЦАul-3-1</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> </ul> <ul class="ul-3 ul-3-2"> <li><span class="check">ДЛЯ ЛИЦАul-3-2</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> </ul> <ul class="ul-3 ul-3-3"> <li><span class="check">ДЛЯ ЛИЦАul-3-3</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> </ul> <ul class="ul-3 ul-3-4"> <li><span class="check">ДЛЯ ЛИЦАul-3-4</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> </ul> <ul class="ul-3 ul-3-5"> <li><span class="check">ДЛЯ ЛИЦАul-3-5</span></li> <li><span class="check">ДЛЯ РУК</span></li> <li><span class="check">ДЛЯ ИНТИМНОЙ ГИГИЕНЫ</span></li> </ul> </td> </tr> </table> </div> </div> </div> </div> <div id="footer"> <div class="footer"> <div class="fl" id="f-1"> <ul class="m-1"> <li><strong>«</strong></li> <li><a href="#" title="#">Продукция</a></li> <li><a href="#" title="#">Quizas</a></li> <li><a href="#" title="#">Где приобрести</a></li> <li><a href="#" title="#">Контакты</a></li> </ul> </div> <div class="fr" id="f-2"><span>РУССКИЙ</span><a href="#" title="#">ENGLISH</a></div> <div class="set"></div> <div class="bord"></div> <div class="fl" id="f-3"> © 2010 «Neotex, Москва». Вся продукция сертифицирована. </div> <div class="fr" id="f-4"> разработка и дизайн <a href="#" title="#">5points</a> </div> <div class="set"></div> </div> </div> <script type="text/javascript"> Cufon.now(); </script> </body> </html>