/* =reset
----------------------------------------*/

html, body, h1, h2, h3, h4,
div, span, blockquote, p,
form, fieldset, label, img,
a, ul, ol, dl, dt, dd, li,
strong, em {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	}

a {
	background: #f5f1e3;
	color: #000;
	font-weight: bold;
	text-decoration: underline; 
	}

a:hover, a:focus, a:active {
	text-decoration: none;
	}

ul, ol { list-style: none; }

body {
	background: #fff url('../images/bg.jpg') 50% 0 repeat;
	color: #000;
	font: normal 62.5% Verdana,Tahoma,sans-serif; /* 10px */
	}

h1, h2, h3, h4 { font: normal 1em Arial,Helvetica,sans-serif; }

button {
	border: 0;
	cursor: pointer;
	display: block;
	text-indent: -9999em;
	}

.floatL { float: left; }
.floatR { float: right; }

/* =page
----------------------------------------*/

#container {
	display: block;
	height: 100%;
	min-height: 770px;
	position: absolute; top: 0; left: 0;
	width: 100%;
	}

#sg {
	height: 700px;
	margin-left: -244px;
	margin-top: -400px;
	position: absolute; left: 50%; top: 50%;
	width: 488px;
	z-index: 1;
	}

/* =hd
----------------------------------------*/

#hd {
	padding: 45px 50px 0 45px;
	}

h1 { float: left; }

#sg h1 {
	float: none;
	margin: 30px auto;
	width: 187px;
	}

h1 a {
	background: url('../images/logo.png') 0 0 no-repeat;
	display: block;
	height: 57px;
	overflow: hidden;
	text-indent: -9999em;
	width: 248px;
	}

#sg #nav { float: none; margin: 0 auto; width: 459px; }

#nav {
	float: right;
	margin: 15px 0 0;
	position: relative;
	width: 459px;
	}

#nav li { float: left; }

#nav li a {
	background: url('../images/nav.png') 0 0 no-repeat;
	display: block;
	float: left;
	height: 19px;
	overflow: hidden;
	text-indent: -9999em;
	}

#nav li.m01 a {
	background-position: 0 0;
	width: 56px;
	}

#nav li.m01 a:hover, #nav li.m01 a:focus,
#nav li.m01 a.active { 
	background-position: 0 -19px;
	}

#nav li.m02 a {
	background-position: -56px 0;
	width: 87px;
	}

#nav li.m02 a:hover, #nav li.m02 a:focus,
#nav li.m02 a.active {
	background-position: -56px -19px;
	}

#nav li.m03 a {
	background-position: -143px 0;
	width: 117px;
	}

#nav li.m03 a:hover, #nav li.m03 a:focus,
#nav li.m03 a.active {
	background-position: -143px -19px;
	}

#nav li.m04 a {
	background-position: -260px 0;
	width: 62px;
	}

#nav li.m04 a:hover, #nav li.m04 a:focus,
#nav li.m04 a.active { 
	background-position: -260px -19px;
	}

#nav li.m05 a {
	background-position: -322px 0;
	width: 68px;
	}

#nav li.m05 a:hover, #nav li.m05 a:focus,
#nav li.m05 a.active {
	background-position: -322px -19px;
	}
#nav li.m06 a {
	background-position: -390px 0;
	width: 68px;
	}

#nav li.m06 a:hover, #nav li.m06 a:focus,
#nav li.m06 a.active {
	background-position: -390px -19px;
	}

.sub-nav {
	position: absolute; top: 30px; right: -8px;
	width: 668px;
	}

#nav .sub-nav li { margin: 0 8px 4px 0; }

#nav .sub-nav li a {
	background: url('../images/subnav.png') 0 0 no-repeat;
	height: 14px;
	}

#nav .sub-nav li a span {
	cursor: pointer;
	display: block;
	height: 14px;
	}

#nav .sub-nav li a.active span,
#nav .sub-nav li a:hover span,
#nav .sub-nav li a:focus span {
	background: url('../images/subnav_hover.png') 0 0 no-repeat;
	}

#nav .sub-nav li.s01a a,
#nav .sub-nav li.s01a a span {
	width: 64px;
	}

#nav .sub-nav li.s02a a {
	background-position: -72px 0;
	width: 99px;
	}

#nav .sub-nav li.s03a a {
	background-position: -182px 0;
	width: 98px;
	}

#nav .sub-nav li.s04a a {
	background-position: -290px 0;
	width: 103px;
	}

#nav .sub-nav li.s05a a {
	background-position: -403px 0;
	width: 74px;
	}

#nav .sub-nav li.s06a a {
	background-position: -486px 0;
	width: 87px;
	}

#nav .sub-nav li.s07a a {
	background-position: -582px 0;
	width: 86px;
	}

#music {
	display: block;
	position: absolute; top: 25px; right: 5px;
	width: 60px;
	}

/* =bd
----------------------------------------*/

#intro {
	display: block;
	height: 484px;
	margin: 0 0 25px;
	padding: 4px 0 0 4px;
	position: relative;
	width: 484px;
	}

#intro span {
	background: url('../images/ramka.png') 0 0 no-repeat;
	display: block;
	height: 488px;
	position: absolute; left: 0; top: 0;
	width: 488px;
	}

#about {
	height: 500px;
	margin-left: -490px;
	margin-top: -235px;
	padding: 30px 0 0 331px;
	position: absolute; left: 50%; top: 50%;
	width: 649px;
	z-index: 1;
	}

#about h2 {
	background: url('../images/adam.png') 0 0 no-repeat;
	height: 22px;
	position: absolute; left: 360px; top: 5px;
	text-indent: -9999em;
	width: 76px;
	}

#about .photo {
	height: 502px;
	padding: 6px 0 0 6px;
	position: absolute; left: 0; top: 0;
	width: 334px;
	}

#about .photo span {
	background: url('../images/about_photo.png') 0 0 no-repeat;
	display: block;
	height: 508px;
	position: absolute; top:0; left: 0;
	width: 340px;
	}

#about .text, #contact .content {
	background: url('../images/about_text.png') 0 0 no-repeat;
	display: block;
	height: 437px;
	overflow: hidden;
	padding: 7px 0 0 11px;
	width: 638px;
	}

#about .text .wr, #contact .content .wr {
	background: url('../images/text_inside.jpg') 0 0 no-repeat;
	display: block;
	height: 366px;
	overflow: hidden;
	padding: 63px 14px 0;
	width: 594px;
	}

#contact .content .wr { height: 420px; padding-top: 9px; }

#about .Polish { float: left; }
#about .English { float: right; }

#about .Polish .frst {
	background: url('../images/polish1.png') 0 0 no-repeat;
	height: 103px;
	margin: 0 0 45px;
	text-indent: -9999em;
	width: 247px;
	}

#about .Polish .scnd {
	background: url('../images/polish2.png') 0 0 no-repeat;
	height: 96px;
	text-indent: -9999em;
	width: 271px;
	}

#about .English .frst {
	background: url('../images/english1.png') 0 0 no-repeat;
	height: 85px;
	margin: 0 0 63px;
	text-indent: -9999em;
	width: 267px;
	}

#about .English .scnd {
	background: url('../images/english2.png') 0 0 no-repeat;
	height: 96px;
	text-indent: -9999em;
	width: 270px;
	}

#about .links {
	float: right;
	margin: 47px 0 0;
	text-align: right;
	width: 265px;
	}

#about .links img { vertical-align: top; }

#about .sign {
	background: url('../images/sign.png') 0 0 no-repeat;
	display: block;
	float: left;
	height: 26px;
	margin: 42px 0 0 92px;
	width: 170px;
	}

#contact {
	height: 492px;
	margin-left: -490px;
	margin-top: -235px;
	padding: 43px 0 0 331px;
	position: absolute; left: 50%; top: 50%;
	width: 649px;
	z-index: 1;
	}

#contact .photo {
	height: 482px;
	padding: 18px 0 0 15px;
	position: absolute; left: 0; top: 0;
	width: 327px;
	}

#contact .photo span {
	background: url('../images/contact_photo.png') 0 0 no-repeat;
	display: block;
	height: 500px;
	position: absolute; top:0; left: 0;
	width: 342px;
	}

#contact h2 {
	background: url('../images/kontakt.png') 0 0 no-repeat;
	height: 25px;
	position: absolute; left: 350px; top: 10px;
	text-indent: -9999em;
	width: 124px;
	}

#contact h3 {
	background: url('../images/wyslij_wiadomosc.png') 0 0 no-repeat;
	height: 19px;
	position: absolute; left: 350px; top: 60px;
	text-indent: -9999em;
	width: 127px;
	}

#contact li { padding: 2px 0 3px; }

.lead {
	font-size: 1.1em;
	font-weight: bold;
	margin: 7px 0 11px 135px;
	}

#contact li label {
	display: block;
	float: left;
	font-size: 1.1em;
	padding: 0 10px 0 0;
	text-align: right;
	width: 125px;
	}

input.txt, textarea {
	background: none;
	border: 0;
	font: normal 1.2em Verdana,Tahoma,sans-serif;
	outline: none;
	padding: 5px 0;
	width: 278px;
	}

.input {
	background: #fff;
	display: block;
	float: left;
	height: 25px;
	padding: 0 6px;
	width: 278px;
	}

.error .input {
	background: #fff9c3;
	}

.input input.txt {
	background: url('../images/dots.png') 0 100% repeat-x;
	}

.textarea {
	background: url('../images/textarea.png') 0 0 no-repeat;
	display: block;
	float: left;
	height: 176px;
	width: 426px;
	}

textarea {
	height: 166px;
	line-height: 1.75;
	padding: 4px 6px 5px;
	width: 414px;
	}

.error .textarea { background-position: 0 -175px; }

.topic .input, .topic input.txt,
.how .input, .how input.txt { 
	width: 414px;
	}

.topic { clear: both; }

.date { width: 261px; }

.date, .place { float: left; }

.date .input, .date .input input.txt { width:94px; }

.place .input, .place input.txt { width:204px; }

#contact li.place label { width: 74px; }

.fast-contact {
	font-size: 1.1em;
	line-height: 1.72;
	position: absolute; left: 490px; top: 5px;
	white-space: nowrap;
	}

.fast-contact a { padding: 2px; }

.error-info {
	background: #fff9c3 url('../images/error_info.png') 0 0 no-repeat;
	display: none;
	font-size: 1.1em;
	height: 31px;
	padding: 4px 0 0 44px;
	position: absolute; right: 5px; top: 5px;
	width: 187px;
	}

#contact button {
	background: url('../images/wyslij.png') 0 0 no-repeat;
	float: left;
	height: 27px;
	margin: 0 10px 0 0;
	width: 62px;
	}

.copy {
	float: left;
	font-size: 1.1em;
	margin: 5px 0 0;
	}

.copy input { vertical-align: middle; }

.submit { padding: 5px 0 0 135px; }

span.error {
	background: url('../images/ico_error.png') 0 0 no-repeat;
	display: none;
	float: left;
	height: 15px;
	margin: 4px 0 0 4px;
	overflow: hidden;
	width: 16px;
	}

.error span.error { display: block; }

#stories {
	height: 600px;
	margin-left: -490px;
	margin-top: -235px;
	position: absolute; left: 50%; top: 50%;
	width: 980px;
	z-index: 1;
	}

.s01 a {
	background: url('../images/story1.png') 0 0 no-repeat;
	display: block;
	height: 241px;
	position: absolute; left: 170px; top: 0;
	width: 212px;
	z-index: 2;
	}

.s01 a span {
	background: url('../images/story1s.png') 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 21px;
	position: absolute; left: 40px; top: 220px;
	text-indent: -9999em;
	width: 41px;
	}

.s01 a:hover span, .s01 a:focus span { background-position: 0 -21px; }

.s02 a {
	background: url('../images/story2.png') 0 0 no-repeat;
	display: block;
	height: 250px;
	position: absolute; left: 370px; top: 4px;
	width: 213px;
	z-index: 3;
	}

.s02 a span {
	background: url('../images/story2s.png') 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 22px;
	position: absolute; left: 50px; top: 228px;
	text-indent: -9999em;
	width: 54px;
	}

.s02 a:hover span, .s02 a:focus span { background-position: 0 -22px; }

.s03 a {
	background: url('../images/story3.png') 0 0 no-repeat;
	display: block;
	height: 247px;
	position: absolute; left: 572px; top: 5px;
	width: 214px;
	}

.s03 a span {
	background: url('../images/story3s.png') 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 23px;
	position: absolute; left: 35px; top: 224px;
	text-indent: -9999em;
	width: 53px;
	}

.s03 a:hover span, .s03 a:focus span { background-position: 0 -23px; }

.s04 a {
	background: url('../images/story4.png') 0 0 no-repeat;
	display: block;
	height: 250px;
	position: absolute; left: 82px; top: 300px;
	width: 212px;
	}

.s04 a span {
	background: url('../images/story4s.png') 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 22px;
	position: absolute; left: 54px; top: 227px;
	text-indent: -9999em;
	width: 59px;
	}

.s04 a:hover span, .s04 a:focus span { background-position: 0 -22px; }

.s05 a {
	background: url('../images/story5.png') 0 0 no-repeat;
	display: block;
	height: 240px;
	position: absolute; left: 287px; top: 300px;
	width: 198px;
	z-index: 3;
	}

.s05 a span {
	background: url('../images/story5s.png') 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 22px;
	position: absolute; left: 17px; top: 218px;
	text-indent: -9999em;
	width: 46px;
	}

.s05 a:hover span, .s05 a:focus span { background-position: 0 -22px; }

.s06 a {
	background: url('../images/story6.png') 0 0 no-repeat;
	display: block;
	height: 212px;
	position: absolute; left: 475px; top: 300px;
	width: 212px;
	z-index: 2;
	}

.s06 a span {
	background: url('../images/story6s.png') 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 22px;
	position: absolute; left: 65px; top: 222px;
	text-indent: -9999em;
	width: 53px;
	}

.s06 a:hover span, .s06 a:focus span { background-position: 0 -22px; }

.s07 a {
	background: url('../images/story7.png') 0 0 no-repeat;
	display: block;
	height: 207px;
	position: absolute;  left: 672px; top: 300px;
	width: 208px;
	}

.s07 a span {
	background: url('../images/story7s.png') 0 0 no-repeat;
	cursor: pointer;
	display: block;
	height: 22px;
	position: absolute; left: 20px; top: 220px;
	text-indent: -9999em;
	width: 58px;
	}

.s07 a:hover span, .s07 a:focus span { background-position: 0 -22px; }

#story {
	height: 436px;
	margin-top: -218px;
	position: absolute; left: 0; top: 50%;
	width: 100%;
	z-index: 1;
	}

#story h2 {
	float: right;
	text-indent: -9999em;
	}

.story1 h2 {
	background: url('../images/story1sb.png') 0 0 no-repeat;
	height: 42px;
	width: 81px;
	}

.story2 h2 {
	background: url('../images/story2sb.png') 0 0 no-repeat;
	height: 42px;
	width: 111px;
	}

.story3 h2 {
	background: url('../images/story3sb.png') 0 0 no-repeat;
	height: 45px;
	width: 112px;
	}

.story4 h2 {
	background: url('../images/story4sb.png') 0 0 no-repeat;
	height: 45px;
	width: 125px;
	}

.story5 h2 {
	background: url('../images/story5sb.png') 0 0 no-repeat;
	height: 42px;
	width: 90px;
	}

.story6 h2 {
	background: url('../images/story6sb.png') 0 0 no-repeat;
	height: 42px;
	width: 103px;
	}

.story7 h2 {
	background: url('../images/story7sb.png') 0 0 no-repeat;
	height: 42px;
	width: 114px;
	}

#story .links {
	background: url('../images/story_links.jpg') 0 0 no-repeat;
	display: block;
	float: left;
	height: 401px;
	padding: 35px 25px 0 0;
	position: relative;
	width: 170px;
	z-index: 1;
	}

#story .links ul {
	position: absolute; right: 25px; top: 255px;
	}

#story .links a {
	display: block;
	height: 19px;
	margin: 0 0 10px;
	text-indent: -9999em;
	width: 114px;
	}

.links .i1 a {
	background: url('../images/przygotowania.png') 0 0 no-repeat;
	}

.links .i2 a {
	background: url('../images/ceremonia.png') 0 0 no-repeat;
	}

.links .i3 a {
	background: url('../images/wesele1.png') 0 0 no-repeat;
	}

.links .i4 a {
	background: url('../images/wesele2.png') 0 0 no-repeat;
	}

.links .i5 a {
	background: url('../images/plener.png') 0 0 no-repeat;
	}

.links a:hover, .links a:focus {
	background-position: 0 -20px;
	}

#story .photos {
	background: url('../images/story_photos.jpg') 0 0 repeat-x;
	display: block;
	height: 436px;
	position: relative;
	}

.photos .wr {
	height: 425px;
	overflow: hidden;
	position: relative;
	padding: 11px 0 0;
	}

.photos .brd {
	border: 2px solid #6d6b67;
	border-right: 0;
	display: block;
	height: 400px;
	overflow: hidden;
	position: relative;
	}

.handle {
	background: url('../images/slider.png') 0 0 no-repeat;
	cursor: pointer;
	height: 12px;
	position: absolute; top: 0; left: 0;
	width: 65px;
	z-index: 100;
	}

.slider {
	background: url('../images/slider_bg.png') 0 4px repeat-x;
	height: 12px;
	position: absolute; bottom: 4px; left: 0;
	width: 100%;
	}

.photos .wr .items {
	display: block;
	float: left;
	height: 400px;
	position: absolute;top: 0;
	}

.items .item {
	border-right: 1px solid #6d6b67;
	display: block;
	float: left;
	height: 400px;
	}

.items .item img { display: block; }

#portfolio {
	margin-top: -235px;
	position: absolute; left: 0; top: 50%;
	text-align: center;
	width: 100%;
	z-index: 1;
	}

/* =ft
----------------------------------------*/

#ft {
	color: #8d8d8d;
	display: block;
	font-size: 0.9em;
	padding: 190px 0 10px;
	position: absolute; left: 0; bottom: 0;
	text-align: center;
	width: 100%;
	z-index: 0;
	}

/* =clearfix
----------------------------------------*/

.clearfix:after,
#contact li:after {
	content: " "; 
	clear: both; 
	display: block; 
	height: 0; 
	overflow: hidden;
	visibility: hidden;
	}