/* Based on work by Eric Meyer: meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, code, 
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
table {border-collapse: separate; border-spacing: 0}
caption, th, td {text-align: left; font-weight: 400}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none}

/* ------------- */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0} 
.clearfix {display: inline-block} html[xmlns] .clearfix {display: block} 
* html .clearfix {height: 1%}
.overflow {
	overflow: hidden;
	height: 100%
}
/* ------------- */

body {
	background: #45443f url(/gfx/bg.png) repeat-x;
	line-height: 1.5;
	margin-bottom: 1.5em;
	margin-bottom: 170px
}

hr {
	border: solid #ccc;
	border-width: 0 0 1px 0;
	height: 0;
	clear: both;
	margin: 15px auto 0 auto
}

#top {
	width: 1000px;
	height: 85px;
	margin: 0 auto;
}

#fotograf {
	position: relative;
	top: 20px
}

#navcontainer {z-index: 2;
	position: relative;
	top: 13px;
	left: 500px;
	width: 700px;
	height: 25px
}
#m_start a, #m_start a:visited {
	text-indent: -9999px;
	background: url(/gfx/menu/start.gif) no-repeat;
	width: 111px;
	height: 22px;
	display: block;
	float: left;
	overflow: hidden
} #m_start a:hover {
	background: url(/gfx/menu/start.gif) no-repeat 0 -22px
}
#m_galerie a, #m_galerie a:visited {
	text-indent: -9999px;
	background: url(/gfx/menu/galerie.gif) no-repeat;
	width: 111px;
	height: 22px;
	display: block;
	float: left;
	overflow: hidden
} #m_galerie a:hover {
	background: url(/gfx/menu/galerie.gif) no-repeat 0 -22px
}
#m_onas a, #m_onas a:visited {
	text-indent: -9999px;
	background: url(/gfx/menu/onas.gif) no-repeat;
	width: 111px;
	height: 22px;
	display: block;
	float: left;
	overflow: hidden
} #m_onas a:hover {
	background: url(/gfx/menu/onas.gif) no-repeat 0 -22px
}
#m_oferta a, #m_oferta a:visited {
	text-indent: -9999px;
	background: url(/gfx/menu/oferta.gif) no-repeat;
	width: 111px;
	height: 22px;
	display: block;
	float: left;
	overflow: hidden
} #m_oferta a:hover {
	background: url(/gfx/menu/oferta.gif) no-repeat 0 -22px
}
#m_kontakt a, #m_kontakt a:visited {
	text-indent: -9999px;
	background: url(/gfx/menu/kontakt.gif) no-repeat;
	width: 111px;
	height: 22px;
	display: block;
	float: left;
	overflow: hidden
} #m_kontakt a:hover {
	background: url(/gfx/menu/kontakt.gif) no-repeat 0 -22px
}
#m_linki a, #m_linki a:visited {
	text-indent: -9999px;
	background: url(/gfx/menu/linki.gif) no-repeat;
	width: 111px;
	height: 22px;
	display: block;
	float: left;
	overflow: hidden
} #m_linki a:hover {
	background: url(/gfx/menu/linki.gif) no-repeat 0 -22px
}

#container {
	position: relative;
	top: -12px;
	background: #e7e7e7 url(/gfx/container.png) repeat-x bottom;
	padding: 0 0 43px 0
}
#content {
	width: 1000px;
	margin: 0 auto;
	background: #e7e7e7;
	padding: 16px 0 40px 0;
	overflow: hidden
}
#contentLeft {border:1px solid #ccc; padding: 16px;
	position: relative;
	float: left;
	width: 46%
}
#contentRight {border:1px solid #ccc; padding: 16px;
	position: relative;
	float: right;
	width: 46%
}
#left {
	position: relative;
	float: left;
	width: 295px
}
#right {
	position: relative;
	float: right;
	width: 674px;
	text-align: center
}
#content h1, h2, h3 {
	font-family: "Trebuchet MS", Verdana, Geneva, Helvetica, sans-serif;
	font-size: 20px;
	color: #000;
	margin-bottom: 7px
}
#content p {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0 33px 16px 33px
}
#content em {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify;
	color: #121415;
	margin: 0 33px 16px 33px;
	font-style: italic
}
#content p a, #content p a:visited {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #121415;
	text-decoration: none;
	border-bottom: 1px solid #121415;
	padding-bottom: 1px
}
#content p a:hover {
	border: 0 none
}
#content ul {
	list-style: none
}
#content ul li a, #content ul li a:visited {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #121415;
	text-decoration: underline
}
#content ul li a:hover {
	text-decoration: none
}


#animation {
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
	border: 1px solid #393939;
	width: 626px;
	height: 450px;
	background: #e7e7e7 url(/gfx/preloader.gif) no-repeat center
}
#animation img {
	border: 5px solid #fff
}
.animation {
	position: absolute;
	visibility: hidden;
	display: block
}

#fotografia-slubna {
	position: relative;
	top: -16px
}
#mix {z-index: 2;
	position: relative;
	top: -72px;
	left: 0;
	float: left
}

#reserved {
	position: relative;
	top: 17px;
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #ddd;
	text-align: center
}

#footer {
	overflow: hidden;
	width: 1000px
}
#footer p {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	color: #00;
	margin: 0 33px 16px 33px
}
#footer p a, #footer p a:visited {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-bottom: 1px
}
#footer p a:hover {
	border: 0 none
}
#footer ul {
	margin: 0 0 0 33px;
	list-style: none
}
#footer ul li a, #footer ul li a:visited {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-bottom: 1px
}
#footer ul li a:hover {
	border: 0 none
}
#footerA {
	position: relative;
	float: left;
	width: 13%
}
#footerB {
	position: relative;
	float: right;
	width: 80%
}



#content .center {
	text-align: center;
	margin: 0 auto
}


#imgs {
	position: relative;
	float: left;
	margin-right: 20px;
	border: 1px solid #000;
	padding: 4px;
	clear: both
}

#galerie {
	margin: 0 auto;
	width: 790px;
	height: 465px;
	padding: 3px;
	
	overflow: hidden
}
#galeria1 {
	float: left;
	background: url(/gfx/fotografia-slubna-przygotowania_.jpg);
	width: 194px;
	height: 462px
}
#galeria1 img {
	float: left
}
#galeria2 {
	float: left;
	background: url(/gfx/fotografia-slubna-ceremonia_.jpg);
	width: 199px;
	height: 462px
}
#galeria2 img {
	float: left
}
#galeria3 {
	float: left;
	background: url(/gfx/fotografia-slubna-plener_.jpg);
	width: 198px;
	height: 462px
}
#galeria3 img {
	float: left
}
#galeria4 {
	float: left;
	background: url(/gfx/fotografia-slubna-wesele_.jpg);
	width: 192px;
	height: 462px
}
#galeria4 img {
	float: left
}



/* Galeria */
#txt {
	display: block;
	float: left;
	width: 870px;
	height: 486px;
	background: url(/gfx/thumby.png) no-repeat
}
#pasek {
	display: block;
	float: left;
	width: 18px;
	height: 470px
}
#pasek2 {
	width: 180px;
	height: 17px;
	margin: 0 auto;
	float: left
}
div.content {
	text-align: left;
	float: right;
	width: 610px;
	margin: 0
}
div.controls {
	margin-top: 7px;
	height: 29px;
	float: left
}
div.ss-controls {                 
	float: left;
	width: 120px
}
div.ss-controls span {
	color: #666;
	cursor: pointer
}
div.nav-controls {
	float: left;
	text-align: right;
	margin-top: 3px;
	width: 490px
}
div.nav-controls a {
	text-decoration: none;
	padding: 5px
}
div.nav-controls a:hover, div.nav-controls .active a {
	text-decoration: none;
	padding: 5px
}
div.nav-controls span {
	color: #666;
	cursor: pointer
}
div.slideshow {/* Tam gdzie obrazek jest zmiana kolorów */
	clear: both;
	text-align: center;
	float: rigth;
	background: url(/gfx/preloader.gif) no-repeat center;
	margin: 0 auto
}
div.slideshow span.image-wrapper {
	float: rigth;
	padding-bottom: 12px
}
div.slideshow a.advance-link {
	padding: 0;
	display: block;
	border: 0 solid #ccc
}
div.slideshow img {
	border: none;
	float: left
}
div.image-title {
	float: right;
	font-weight: bold;
	font-size: 16px
}
div.image-desc {/* wysokosc dolnej ramki */
	display: block;
	line-height: 20px;
	padding-top: 12px
}
ul.thumbs {
	clear: both;
	padding: 0;
	width: 170px;
	float: left;
	margin: 0 auto
}
ul.thumbs li {/* linki do zdjęć */
	float: left;
	padding: 1px;
	margin: 2px 4px 2x 0;
	list-style: none;
	background: #989899
}
ul.thumbs li a {
	padding: 3px;
	display: block
}
ul.thumbs li.selected a {/* kolor ramki zaznaczonej fotki */
	background: #000
}
ul.thumbs a:focus {
	outline: none
}
ul.thumbs img {/* boreder małego obrazka */
	display: block
}
div.pagination {
	clear: both
}
div.navigation div.top {/* chyba puszka nawigacji */
	margin: 0 0 15px 0;
	height: 10px;
	display: block
}
div.navigation div.bottom {
	margin-top: 12px
}
div.pagination a, div.pagination strong {/* dane pojedynczego klocka z nawigacji */
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 6px 2px 6px;
	border: 1px solid #45443f;
	text-decoration: none;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	color: #45443f
}
div.pagination a:hover {/* kolor podswietlenia nawigacji */
	background-color: #ffc;
	text-decoration: none
}
div.pagination strong {/* kolor kliknietego guzika nawgiacji */
	background-color: #aaa  
}