TrueDev.org 
            <!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="supersize">
			<a><img src="images/faq-small.png" alt="" /></a>
		</div>
		<div id="page">
			<div id="cont-2">
				<div class="cont-5" id="cont-5-1">
					<div class="text-block">
						<p>Все просто.</p>
						<p>Человек берет кусок мыла и умывается под струей теплой воды. О чем он думает в этот момент? Мы не знаем, это останется секретом. Нам известно лишь, что человек должен быть счаствливым, красивым, здоровым, и все, что его окружает, должно быть прекрасным.</p>
						<p>Создатели hand-made косметики Quizas вдохновленные возможностью вернуться к истокам использовали многовековой опыт и дары самой природы, чтобы попытаться угадать ваши желания.</p>					</div>
				</div>
			</div>
			<div id="nav">
				<div class="sc_menu scroll-1">
					<ul class="sc_menu m-2" id="m-2-1">
						<li><span>О натуральной косметике</span></li>
						<li><a href="#" title="#">Об ингридиентах</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="#" 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">
					<h2 class="h201 h202" id="faq"><span>FAQ</span></h2>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="footer">
				<div class="fl" id="f-1">
					<ul class="m-1">
						<li><strong>&laquo;</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>
© TrueDev.org