Portfolio

						
<!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="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]><link rel="stylesheet" href="style/ie6.css" type="text/css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="style/ie7.css" type="text/css" /><![endif]-->
<!--[if IE 6]><script type="text/javascript" src="js/iepngfix_tilebg.js"></script><![endif]-->
</head>
<body>
<div class="bg">
	<div class="center">
		<div class="head">
			<div class="logo"><a href="#" title="#">Link on logo</a></div>
			<div class="menu metabolc">
				<ul>
					<li><a href="#" title="#"><span>О нас</span></a></li>
					<li><a href="#" title="#"><span>с чего начать</span</a></li>
					<li><a href="#" title="#"><span>услуги</span</a></li>
					<li><a href="#" title="#"><span>свадебный бюджет</span</a></li>
					<li><a href="#" title="#"><span>галерея</span</a></li>
					<li><a href="#" title="#"><span>информация</span</a></li>
					<li><a href="#" title="#"><span>блог</span</a></li>
					<li><a href="#" title="#"><span>контакты</span</a></li>
				</ul>
			</div>
		</div>
		<div class="gallery2">
			<img src="images/gal.jpg" alt="#" />
		</div>
		<div class="teasers">
			<a href="#" title="#" class="q01">свадебный бюджет</a>
			<a href="#" title="#" class="q02">с чего НАЧАТЬ</a>
			<a href="#" title="#" class="q03">онлайн Заявка</a>
		</div>
		<div class="s677">
			<div class="block-t"></div>
			<div class="block">
				<h2 class="h2all metablackc"><span>услуги</span> После свадьбы</h2>
				<p>Место проведения медового месяца должно быть особенным и уникальным, а главное, оно должно гармонично сочетаться с вашим внутренним миром и настроением. Песчаный пляж или большой город, горы или лесное озеро — ваш выбор должен быть отражением ваших желаний и чувств.</p>
				<p>Во время свадебного путешествия вы будете окружены атмосферой романтики, а все заботы по организации поездки, экскурсиям и обслуживанию возьмут на себя наши опытные партнеры, руководствуясь вашими предпочтениями и пожеланиями. </p>
				<a href="#" title="#">Подробнее</a> →
			</div>
			<div class="block-b"></div>
		</div>
		<div class="s246">
			<ul class="menu2">
				<li><a href="#" title="#">Идея</a></li>
				<li><a href="#" title="#">Подготовка</a></li>
				<li><a href="#" title="#">День свадьбы</a></li>
				<li>После свадьбы</li>
				<li><a href="#" title="#">Свадьба за границей</a></li>
			</ul>
		</div>
		<i class="clearfloat"></i>
		<div class="recommend">
			<div>
				<p>
					«Бутик Свадебных Идей — настоящие профессионалы, превратившие нашу мечту в реальность...»
				</p>
				<span>Иван & Татьяна</span>
			</div>
			<div>
				<p>
					«Наша свадьба была проведена по высшему разряду, особенно хочется отметить работу менеджеров...»
				</p>
				<span>Алексей & Светлана</span>
			</div>
			<div class="last">
				<p>
					«Рекомендуем Бутик всем нашим знакомым, в это агентство определенно стоит обратиться...»
				</p>
				<span>Петр & Ирина</span>
			</div>
			<i class="clearfloat"></i>
		</div>
		<div class="text">
			<h2 class="h2all metablackc">организация свадеб</h2>
			<div class="text-l">
				<p class="q01">
					Свадьбы, которыми восхищаются, неслучайны, в них продумана каждая деталь
				</p>
				<p>
					Вам не понадобится придумывать всё самому, и организовать свадьбу не зная, как это делается, довертись свадебному агентству и не волнуйтесь ни за что. Свадьба - это исключительное событие в жизни. Для новобрачных - это неповторимые чувства, которые вспоминаются с особым трепетом, а для родителей - это грустные минуты расставания со своими детьми. Организация свадеб требует выполнения особых традиций, переходящих из века в век. Влияние современности вносит свои коррективы, но основной стержень свадебной церемонии сохраняется. Чтобы свадебное торжество прошло интересно, незабываемо, и с соблюдением традиций, обращайтесь в свадебное агентство, для сотрудников которого проведение свадеб является профессией.
				</p>
			</div>
			<div class="text-r">
				<p>Организация свадеб – очень важный и ответственный момент. Качественная организация свадеб сыграет огромную роль на самом торжестве. Именно по этой причине, организацию свадьбы нужно доверять только профессионалам с опытом работы, и тогда всё пройдёт должным образом. Проведение свадеб - дело не из простых. Тут нужен: человек, организация, которая раннее имела дело с этим, с хорошей репутацией и отзывами, поспрашивайте у друзей и знакомых, которые пользовались услугами проведения свадеб.</p>
				<p>Свадебное агентство – один из лучших вариантов. Ведь именно свадебное агентство сможет организовать свадьбу так, что бы она прошла должным образом, доверьтесь профессионалам, знающим своё дело и тогда организация свадьбы останется в Ваших воспоминаниях светлым и приятным моментом жизни. Обратившись в свадебное агентство, вы всегда сможете заказать такие услуги, как проведение свадеб, организация свадеб.</p>
			</div>
			<i class="clearfloat"></i>
		</div>
		<div class="footer">
			<div class="phone">
				<span>+7 926</span> 357 09 84
			</div>
			<div class="copy">
				© 1995–2010 Бутик Свадебных Идей
				<br />
				<a href="#" title="#" class="mail">info@wedding-ideas.ru</a><a href="#" title="#">карта сайта</a>
			</div>
			<div class="design">
				Разработка сайта —<br />
				«<a href="#" title="#">Яркие решения</a>»
			</div>
		</div>
	</div>
</div>
</body>
</html>



						
                

* {
	margin:0;
	padding:0;
}

body {
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	color:#404040;
	background:url(../images/bg.png) -45px 150px #e0d2b3;
}

@font-face {
	font-family:metablackc;
	src:local(), url(../fonts/metablackc-webfont.woff) format(woff), url(../fonts/metablackc-webfont.ttf) format(truetype), url(../fonts/metablackc-webfont.svg#webfont) format(svg);
	font-weight:400;
	font-style:normal;
}

.metabolc {
	font-weight:400;
	font-style:normal;
	line-height:normal;
	font-family:metabolc, sans-serif;
}

.metablackc {
	font-weight:400;
	font-style:normal;
	line-height:normal;
	font-family:metablackc, sans-serif;
}

img {
	border:none;
}

.clearfloat {
	clear:both;
	height:0;
	font-size:1px;
	line-height:0;
	display:block;
}

ul {
	list-style:none;
}

h1 {
	display:none;
}

a {
	text-decoration:underline;
	color:#404040;
}

a:hover {
	text-decoration:none;
}

:focus {
	outline:none;
}

.bg {
	background:url(../images/bg-c.png) 50% 0 no-repeat;
}

.center {
	width:940px;
	position:relative;
	padding-bottom:60px;
	margin:0 auto;
}

.head {
	height:194px;
	position:relative;
}

.head .logo {
	background:url(../images/logo.png) 0 0 no-repeat;
	width:344px;
	height:70px;
	position:absolute;
	left:298px;
	top:46px;
}

.head .logo a {
	display:block;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
}

.head .menu {
	background:url(../images/menu-bg.png) 0 0 no-repeat;
	height:69px;
	width:940px;
	position:absolute;
	left:0;
	bottom:0;
	text-transform:uppercase;
	text-align:center;
}

.head .menu ul {
	padding:11px 0 0 30px;
}

.head .menu li {
	float:left;
}

.head .menu a {
	text-decoration:none;
	color:#6c301f;
	display:block;
	float:left;
}

.head .menu a span {
	display:block;
	float:left;
	height:21px;
	padding:8px 20px 0;
}

.head .menu a:hover {
	background:url(../images/button2-r.png) 100% 0 no-repeat;
	color:#efe7d7;
	padding-right:14px;
}

.head .menu a:hover span {
	background:url(../images/button2-l.png) 0 0 no-repeat;
	padding:8px 6px 0 20px;
}

.teasers {
	background:url(../images/teasers.png) 0 0 no-repeat;
	height:170px;
	position:relative;
}

.teasers a {
	display:block;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}

.teasers a.q01 {
	width:277px;
	height:86px;
	left:4px;
	top:38px;
}

.teasers a.q02 {
	width:266px;
	height:98px;
	left:349px;
	top:38px;
}

.teasers a.q03 {
	width:262px;
	height:98px;
	left:678px;
	top:38px;
}

.s677 {
	width:677px;
	float:left;
	padding-left:17px;
	margin-bottom:28px;
}

.s246 {
	width:246px;
	float:left;
}

.sfull {
	margin:35px 0 65px;
}

.s190 {
	width:190px;
	float:left;
}

.s750 {
	width:750px;
	float:left;
	padding:35px 0 60px;
}