body {
	background: #f6ed90 url(../img/tlo.jpg) center top no-repeat;
	padding-bottom: 20px;
}
h2 {
	text-transform: uppercase;
	font: 20px/22px Arial, Verdana, Helvetica, sans-serif;
	color: #f5ed90;
	display: block;
}
#wrapper {
	width: 987px;
	margin: 0 auto;
}
#header {
	padding-top: 77px;
	position: relative;
}
#logo a {
	display: block;
	width: 271px;
	height: 33px;
	text-decoration: none;
	color: #904a2f;
	font: bold 45px/33px "Times New Roma", Georgia, serif;
	text-indent: -99999px;
	background: url(../img/logo.png) no-repeat;
}
#menu {
	position: absolute;
	right: 0;
	top: 84px;
}
#menu ul,
#menu li {
	display: block;
	height: 28px;
}
#menu li {
	float: left;
	margin-right: 8px;
	padding-left: 11px;
}
#menu a {
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	color: #56532e;
	font: 14px/28px Arial, Verdana, Helvetica, sans-serif;
	padding-left: 2px;
}
#menu li span,
#menu li span {
	display: block;
	padding-right: 13px;
}
#menu li.active,
#menu li:hover {
	background: url(../img/menu-li.png) no-repeat;
}
#menu li.active a,
#menu li:hover a {
	color: #faf4ad;
	background: #904a2f;
}
#menu li.active span,
#menu li:hover span {
	background: url(../img/menu-span.png) right center no-repeat;
}
#header p {
	display: block;
	width: 948px;
	height: 175px;
	color: #535f55;
	font: bold 19px/30px Arial, Verdana, Helvetica, sans-serif;
	text-indent: -99999px;
	background: url(../img/welcome-text.png) no-repeat;
	margin-top: 110px;
}
#portfolio {
	border-top: 1px solid #c1bc85;
	margin-top: 35px;
	padding: 33px 0 153px 0;
}
#portfolio ul {
	display: block;
	height: 409px;
}
#portfolio li {
	display: block;
	height: 390px;
	width: 280px;
	padding: 19px 19px 0 19px;
	float: left;
	background: url(../img/portfolio-li.png) no-repeat;
	margin-right: 16px;
}
#portfolio li.last {
	margin-right: 0;
}
#portfolio img {
	display: block;
	width: 280px;
	height: 260px;
	margin-bottom: 15px;
}
#portfolio a {
	text-decoration: none;
	color: #92543c;
	font: 22px/22px Arial, Verdana, Helvetica, sans-serif;
	display: block;
	height: 22px;
	width: 280px;
	letter-spacing: -1px;
	word-spacing: -2px;
	text-indent: -99999px;
}
#portfolio a:hover {
	text-decoration: underline;
}
#portfolio a#basia {
	background: url(../img/basia.png) no-repeat;
}
#portfolio a#piotr {
	background: url(../img/piotr.png) no-repeat;
}
#portfolio a#katarzyna {
	background: url(../img/katarzyna.png) no-repeat;
}
#portfolio p {
	color: #888;
	font: 12px/22px Arial, Verdana, Helvetica, sans-serif;
	margin-top: 11px;
}
#footer {
	padding: 21px 24px;
}
#footer table {
	width: 100%;
}
#footer th {
	color: #fff;
	font: 12px/29px Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
	width: 25%;
}
#footer th li {
	display: block;
	height: 29px;
	margin-bottom: 15px;
}
#footer th li a {
	display: block;
	padding-left: 43px;
	color: #fff;
	text-decoration: none;
}
li#goldenline a {
	background: url(../img/g.png) left center no-repeat;
}
li#goldenline a.active,
li#goldenline a:hover {
	background: url(../img/g-active.png) left center no-repeat;
}
li#facebook a {
	background: url(../img/f.png) left center no-repeat;
}
li#facebook a.active,
li#facebook a:hover {
	background: url(../img/f-active.png) left center no-repeat;
}
li#pinger a {
	background: url(../img/p.png) left center no-repeat;
}
li#pinger a.active,
li#pinger a:hover {
	background: url(../img/p-active.png) left center no-repeat;
}
li#naszaklasa a {
	background: url(../img/nk.png) left center no-repeat;
}
li#naszaklasa a.active,
li#naszaklasa a:hover {
	background: url(../img/nk-active.png) left center no-repeat;
}
td#kontakt {
	width: 25%;
}
#kontakt h2,
#polecam h2 {
	height: 18px;
	text-indent: -99999px;
	margin: 3px 0 20px 0;
}
#kontakt h2 {
	width: 116px;
	background: url(../img/kontakt.png) no-repeat;
}
#polecam h2 {
	width: 211px;
	background: url(../img/polecam.png) no-repeat;
}
address {
	font-style: normal;
	color: #7a7457;
	font: 12px/17px Arial, Verdana, Helvetica, sans-serif;
}
address strong,
address a {
	color: #f4ec8f;
	font-weight: normal;
}
#polecam ul {
	list-style-type: disc;
	list-style-position: inside;
	color: #59543d;
}
#polecam a {
	color: #7a7457;
	font: 12px/29px Arial, Verdana, Helvetica, sans-serif;
}
#polecam a:hover,
#polecam li:hover,
#polecam li.active,
#polecam li.active a {
	color: #f4ec8f;
}
#polecam li.new-extra,
#polecam li.new-extra a,
#polecam li.new-extra:hover,
#polecam li.new-extra a:hover {
	color: #2F2C23;
	cursor: default;
}