/************************************************************************************************/



* 						{ border: 0; margin:0; padding:0; float:none; }
html					{ background: #1b0f08 url("../images/bg.png") repeat; }
body					{ background: transparent url('../images/design.jpg') top center no-repeat; margin: 0; font-size: 14px; font-family: Georgia, Garamond, 'Times New Roman', Times, serif; }

p						{ text-align: left; }

#wrapper {
	height: 9000px;
	width: 900px;
	clear: both;
	margin: 0 auto;
	border: 0px #ccc dashed;
	text-align: left;
}


#loading-layer {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	display: none;
	z-index: 99999;
}

#loader-text {
	width: 300px;
	height: 200px;
	margin: 200px auto;
}

#loader-text p {
	font-size: 18px;
	color: #c9a893;
	text-align: center;
	margin:10px 0 0 -10px;
}

#loader-image {
	width: 50px;
	height: 50px;
	margin: 30px auto;
	background: transparent url('../images/loader.gif') 0 0 no-repeat;
}

/*----------------------------TOP--------------------------*/

#top {
	width: 900px;
	height: 630px;
	position: relative;
}

#intro {
	width: 545px;
	height: 350px;
	position: absolute;
	top: 250px;
	left: 62px;
}

#intro p {
	color: #332115;
	margin: 0 0 1.6em 10px;
	line-height: 1.6em;
	text-align: justify;
}

#intro p.dark {
	color: #120a05;
}

#intro p.author {
	text-align: right;
	margin-right: 0px;
	font-style: italic;
}

#top-menu {
	position: absolute;
	top: 273px;
	left: 752px;
	border: 0px #123 solid;
}

#top-menu ul {
	list-style: none;
	margin: 0;
	float: left;
	border: 0px #fff solid;
}

#top-menu ul li {
	float: left;
	clear: both;
}

#top-menu li a {
	display: block;
}

#top-menu-bio a {
	width: 137px;
	height: 47px;
	background: transparent url("../images/top-menu-bio.jpg") 0 0 no-repeat;
}

#top-menu-bio a:hover,
#top-menu-bio a.hover {
	background: transparent url("../images/top-menu-bio.jpg") 0 -47px no-repeat;
}

#top-menu-portfolio a {
	width: 134px;
	height: 58px;
	background: transparent url("../images/top-menu-portfolio.jpg") 0 0 no-repeat;
}

#top-menu-portfolio a:hover,
#top-menu-portfolio a.hover {
	background: transparent url("../images/top-menu-portfolio.jpg") 0 -58px no-repeat;
}

#top-menu-publications a {
	width: 155px;
	height: 42px;
	background: transparent url("../images/top-menu-publications.jpg") 0 0 no-repeat;
}

#top-menu-publications a:hover,
#top-menu-publications a.hover {
	background: transparent url("../images/top-menu-publications.jpg") 0 -42px no-repeat;
}

#top-menu-contact a {
	width: 142px;
	height: 55px;
	background: transparent url("../images/top-menu-contact.jpg") 0 0 no-repeat;
}

#top-menu-contact a:hover,
#top-menu-contact a.hover {
	background: transparent url("../images/top-menu-contact.jpg") 0 -55px no-repeat;
}

/*----------------------------BIOGRAFIA--------------------------*/

#bio {
	width: 850px;
	height: 900px;
	margin: 1180px 0 0 0;
	position: relative;
	text-align: left;
}

#biografia {
	width: 450px;
	height: 640px;
	position: absolute;
	top: -5px;
	left: 345px;
}

#bio p {
	color: #c9a893;
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 1.7em;
}
#bio p.dark {
	color: #1b0f08;
	font-style: italic;
}
#bio p a {
	font-style: italic;
	color: #d39065;
	text-decoration: none;
	border-bottom: 1px dashed #6b6867;
}

#bio p a:hover {
	color: #c9a893;
}

#bio-menu {
	position: absolute;
	top: 690px;
	left: 118px;
}

#bio-menu ul {
	list-style: none;
	margin: 0;
	float: left;
	border: 0px #fff solid;
}

#bio-menu ul li {
	float: left;
	clear: both;
	margin: auto;
}

#bio-menu li a {
	display: block;
}


#bio-menu-portfolio a {
	width: 79px;
	height: 33px;
	margin-left: 15px;
	background: transparent url("../images/bio-menu-portfolio.png") 0 0 no-repeat;
}

#bio-menu-portfolio a:hover,
#bio-menu-portfolio a.hover {
	background: transparent url("../images/bio-menu-portfolio.png") -79px 0 no-repeat;
}

#bio-menu-publications a {
	width: 95px;
	height: 32px;
	margin-left: 5px;
	background: transparent url("../images/bio-menu-publications.png") 0 0 no-repeat;
}

#bio-menu-publications a:hover,
#bio-menu-publications a.hover {
	background: transparent url("../images/bio-menu-publications.png") -95px 0 no-repeat;
}

#bio-menu-contact a {
	width: 73px;
	height: 35px;
	margin-left: 17px;
	background: transparent url("../images/bio-menu-contact.png") 0 0 no-repeat;
}

#bio-menu-contact a:hover,
#bio-menu-contact a.hover {
	background: transparent url("../images/bio-menu-contact.png") -73px 0 no-repeat;
}

#bio-menu-top a {
	width: 110px;
	height: 32px;
	margin-top: 40px;
	background: transparent url("../images/bio-menu-top.png") 0 0 no-repeat;
}

#bio-menu-top a:hover,
#bio-menu-top a.hover {
	background: transparent url("../images/bio-menu-top.png") -110px 0 no-repeat;
}

#popup {
	position: absolute;
	top: 20px;
	left: 200px;
	width: 550px;
	height: 520px;
	background: transparent url("../images/popup.png") 0 0 no-repeat;
	padding: 25px 5px 5px 5px;
	margin-left: -9999px;
	opacity: 0;
}

#scrolled {
	overflow: hidden;
	height: 440px;
	
}

#close {
	position: absolute;
	top: 25px;
	right: 15px;
	color: #9a786e;
	text-decoration: none;
}

#close:hover {
	cursor: hand;
	color: #67493f;
}

#spacer {
	margin: 15px 35px 50px 45px;
}

#popup p,
#popup li {
	font-size: 12px;
	color: #111;
	text-align: justify;
	max-width: 500px;
	line-height: 1.6em;
}


/*----------------------------PORTFOLIO--------------------------*/

#portfolio {
	width: 900px;
	height: 700px;
	margin: 1080px 0 0 0;
	position: relative;
}

#portfolio-title {
	width: 62px;
	height: 279px;
	position: absolute;
	top: 175px;
	left: 750px;
	background: transparent url("../images/portfolio-title.jpg") 0 0 no-repeat;
}

#portfolio-title:hover,
#portfolio-title.hover {
	background: transparent url("../images/portfolio-title.jpg") -62px 0 no-repeat;
}
	
#portfolio-larr {
	position: absolute;
	top: 276px;
	left: 52px;
}

#portfolio-larr a {
	display: block;
	width: 40px;
	height: 51px;
	background: transparent url("../images/portfolio-larr.jpg") 0 0 no-repeat;
}

#portfolio-larr a:hover,
#portfolio-larr a.hover {
	background: transparent url("../images/portfolio-larr.jpg") 0 -51px no-repeat;
}
	

#portfolio-rarr {
	position: absolute;
	top: 276px;
	left: 652px;
}

#portfolio-rarr a {
	display: block;
	width: 41px;
	height: 51px;
	background: transparent url("../images/portfolio-rarr.jpg") 0 0 no-repeat;
}

#portfolio-rarr a:hover,
#portfolio-rarr a.hover {
	background: transparent url("../images/portfolio-rarr.jpg") 0 -51px no-repeat;
}

#portfolio-slider {
	width: 520px;
	height: 508px;
	position: absolute;
	top: 55px;
	left: 118px;
	background: #83694f;
}

#portfolio-fadeshow {
	width: 520px;
	height: 508px;
}

#portfolio-menu {
	width: 360px;
	height: 20px;
	position: absolute;
	top: 625px;
	left: 70px;
}

#portfolio-menu ul li {
	display: inline;
	list-style: none;
	font-style: italic;
	color: #83694f;
}

#portfolio-menu ul li a {
	font-size: 16px;
	font-style: italic;
	color: #b59f89 ;
	text-decoration: none;
}

#portfolio-menu ul li a:hover {
	color: #83694f;
}

/*----------------------------PUBLIKACJE--------------------------*/

#publications {
	width: 900px;
	height: 700px;
	margin: 1190px 0 0 0;
	position: relative;
}

#publications-title {
	width: 67px;
	height: 325px;
	position: absolute;
	top: 165px;
	left: 70px;
	background: transparent url("../images/publications-title.jpg") 0 0 no-repeat;
}

#publications-title:hover,
#publications-title.hover {
	background: transparent url("../images/publications-title.jpg") -67px 0 no-repeat;
}
	
#publications-larr {
	position: absolute;
	top: 290px;
	left: 220px;
}

#publications-larr a {
	display: block;
	width: 41px;
	height: 51px;
	background: transparent url("../images/publications-larr.jpg") 0 0 no-repeat;
}

#publications-larr a:hover,
#publications-larr a.hover {
	background: transparent url("../images/publications-larr.jpg") 0 -51px no-repeat;
}
	

#publications-rarr {
	position: absolute;
	top: 290px;
	left: 820px;
}

#publications-rarr a {
	display: block;
	width: 43px;
	height: 51px;
	background: transparent url("../images/publications-rarr.jpg") 0 0 no-repeat;
}

#publications-rarr a:hover,
#publications-rarr a.hover {
	background: transparent url("../images/publications-rarr.jpg") 0 -51px no-repeat;
}

#publications-slider {
	width: 529px;
	height: 544px;
	position: absolute;
	top: 54px;
	left: 279px;
}

#publications-fadeshow {
	width: 529px;
	height: 544px;
}

#publications-menu {
	height: 20px;
	position: absolute;
	top: 632px;
	left: 510px;
}

#publications-menu ul li {
	display: inline;
	list-style: none;
	color: #7a6259;
}

#publications-menu ul li a {
	font-size: 18px;
	font-style: italic;
	color: #0c0401;
	text-decoration: none;
}

#publications-menu ul li a:hover {
	color: #483731 ;
}

/*----------------------------KONTAKT--------------------------*/

#contact {
	width: 850px;
	height: 700px;
	margin: 1190px 0 0 0;
	position: relative;
}

#contact-title {
	width: 260px;
	height: 50px;
	position: absolute;
	top: 170px;
	left: 290px;
}

#contact-title p {
	font-size: 32px;
	color: #eed8ca ;
}

#contact-info {
	width: 260px;
	height: 200px;
	position: absolute;
	top: 175px;
	left: 580px;
}

#contact-info p {
	font-size: 16px;
	color: #c9a893;
	font-style: italic;
	line-height: 1.6em;
}

#contact-info p a {
	text-decoration: none;
	color: #c9a893;
}

#contact-info p a:hover {
	color: #83694f;
}

#contact form {
	position: absolute;
	top: 235px;
	left: 13px;
}

input, textarea {
	font-size: 18px;
	font-family: georgia, garamond, "times new roman", times, serif;
	color: #333;
	font-style: italic;
	line-height: 1.5em;
	background: transparent;
	outline: none;
}
	
#form-name {
	height: 40px;
	width: 480px;
}

#form-email {
	height: 40px;
	width: 480px;
	margin-top: 30px;
}

#form-comment {
	height: 220px;
	width: 480px;
	margin-top: 38px;
}

#form-send {
	position: absolute;
	left: 520px;
	top: 290px;
	color: #eed8ca;
}

#form-send:hover {
	cursor: hand;
	color: #fff;
}

#contact-menu {
	width: 360px;
	height: 20px;
	position: absolute;
	top: 645px;
	left: 20px;
}

#contact-menu ul li {
	display: inline;
	list-style: none;
	font-style: italic;
	color: #83694f;
}

#contact-menu ul li a {
	font-size: 16px;
	font-style: italic;
	color: #b59f89 ;
	text-decoration: none;
}

#contact-menu ul li a:hover {
	color: #83694f;
}

/*----------------------------STOPKA--------------------------*/


#footer {
	width: 850px;
	height: 250px;
	margin: 500px 0 0 0;
	position: relative;
}

#counter {
	position: absolute;
	left: 320px;
	top: 95px;
	text-align: center;
}

#counter p {
	font-size: 18px;
	font-family: georgia, garamond, "times new roman", times, serif;
	color: #eed8ca;
	font-style: normal;
}

#footer-text {
	position: absolute;
	left: 40px;
	top: 190px;
}

#footer-text p {
	font-size: 14px;
	font-family: georgia, garamond, "times new roman", times, serif;
	color: #eed8ca;
	font-style: normal;
	text-align: center;
	line-height: 1.6em;
}
#footer-text p a {
	text-decoration: none;
	color: #eed8ca;
}
#footer-text p a:hover {
	color:#83694f;
}


/* -><- fnord -><- */