<!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-4">
<ul class="scroll-2">
<li><span></span><a href="#" title="#"><img src="images/img-01.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-02.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-03.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-04.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-05.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-06.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-07.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-08.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-09.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-10.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-11.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-12.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-13.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-14.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-15.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-16.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-17.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-18.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-19.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-20.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-21.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-22.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-12.jpg" alt="#" /></a></li>
<li><span></span><a href="#" title="#"><img src="images/img-20.jpg" alt="#" /></a></li>
</ul>
</div>
<div class="png_bg grad-3"></div>
<div class="png_bg grad-4"></div>
<div class="cont-5">
<div class="m-3">
<ul>
<li><a href="#" title="#"><img src="images/img-small-01.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-02.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-03.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-04.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-05.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-06.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-07.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-08.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-09.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-10.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-11.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-12.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-13.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-14.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-15.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-16.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-17.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-18.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-19.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-20.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-21.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-22.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-23.jpg" alt="#" /></a></li>
<li><a href="#" title="#"><img src="images/img-small-24.jpg" alt="#" /></a></li>
</ul>
</div>
</div>
</div>
<div id="nav">
<!--<div class="cont-3">-->
<div class="sc_menu scroll-1">
<ul class="sc_menu m-2">
<li><a id="link-img-1" title="#">ДУШИСТЫЙ ПЕРЕЦ</a></li>
<li><a href="#img-2" id="link-img-2" title="#">BOUQUET</a></li>
<li><a href="#img-3" id="link-img-3" title="#">ICE TEA</a></li>
<li><a href="#img-4" id="link-img-4" title="#">СЛИВОЧНАЯ КАРАМЕЛЬ</a></li>
<li><a href="#img-5" id="link-img-5" title="#">ИМБИРНОЕ ПЕЧЕНЬЕ</a></li>
<li><a href="#img-6" id="link-img-6" title="#">ИНДИЙСКИЙ ЖАСМИН</a></li>
<li><a href="#img-7" id="link-img-7" title="#">ЭКЗОТИЧЕСКИЕ ФРУКТЫ</a></li>
<li><a href="#img-8" id="link-img-8" title="#">КОКОС</a></li>
<li><a href="#img-9" id="link-img-9" title="#">АПЕЛЬСИН</a></li>
<li><a href="#img-9" id="link-img-10" title="#">ГРЕЙПФРУТОВЫЙ ФРЕШ</a></li>
<li><a href="#img-11" id="link-img-11" title="#">МЕД И МОЛОКО</a></li>
<li><a href="#img-12" id="link-img-12" title="#">ЛЕСНЫЕ ЯГОДЫ</a></li>
<li><a href="#img-13" id="link-img-13" title="#">АРБУЗ</a></li>
<li><a href="#img-14" id="link-img-14" title="#">КОФЕ ГЛЯСЕ</a></li>
<li><a class="a-a" href="#img-15" id="link-img-15" title="#">ШОКОЛАД</a></li>
<li><a href="#img-16" id="link-img-16" title="#">ВИНОГРАД</a></li>
<li><a href="#img-17" id="link-img-17" title="#">АПЕЛЬСИН</a></li>
<li><a href="#img-18" id="link-img-18" title="#">РАДУГА</a></li>
<li><a href="#img-19" id="link-img-19" title="#">ORIENTAL</a></li>
<li><a href="#img-20" id="link-img-20" title="#">AQUA</a></li>
<li><a href="#img-21" id="link-img-21" title="#">VANILLA</a></li>
<li><a href="#img-22" id="link-img-22" title="#">ВИНОГРАД И МАЛИНА</a></li>
<li><a href="#img-23" id="link-img-23" title="#">МУСКАТНЫЙ ОРЕХ</a></li>
<li><a href="#img-24" id="link-img-24" title="#">АНИС</a></li>
</ul>
</div>
<!--</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-2">
<div class="rel">
<div class="bl-1"><span><a href="javascript:return false" title="фыв фыв фыв"><img class="png_bg" src="images/bl-1.png" alt="фыв фыв фыв" /></a></span></div>
<h2 class="h201 h202"><span>НАЗВАНИЕ КОЛЛЕКЦИИ<small>ПОСМОТРЕТЬ ВСЮ КОЛЛЕКЦИЮ</small></span></h2>
<div class="container-1">
<ul class="ul-1">
<li><a href="#" title="#">Коллекция 1 «Quizas»</a></li>
<li><a href="#" title="#">Коллекция 1 «Quizas»</a></li>
<li><a href="#" title="#">Коллекция 1 «Quizas»</a></li>
<li><a href="#" title="#">Коллекция 1 «Quizas»</a></li>
</ul>
</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>