body {
	background: #ddd url(../images/background.gif) repeat-y 0 0;
	margin: 0;
	padding: 0;
	font: 12px/1.3em Arial, Helvetica, sans-serif;
	color: #555;
}
#base {
	width: 780px;
}
.clr {
	clear: both;
	height: 1px;
	overflow: hidden;
}
.hidden{
	display: none;
}
a {
	color: #000;
}
a img {
	border: none;
}
p {
	margin: 10px 0;
}
h1 {
	margin: 30px 70px;
	position: relative;
	overflow: hidden;
	width: 393px;
	height: 105px;
	font-size: 19px;
}
h1 span {
	height: 105px;
	width: 393px;
	display: block;
	background: url(../images/header.gif) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
}
#eye-catcher {
	background: url(../images/eye-catcher.gif) no-repeat 100% 0;
}
#contact, #career {
	float: right; 
	width: 250px;
	font-size: 11px;
	clear: right;
}
#contact .holder, #career .holder {
	padding: 45px 42px;
}
#career .holder {
	padding-top: 0;
}
#contact h2 {
	height: 16px;
	width: 73px;
	position: relative;
	margin: 0 0 20px;
	overflow: hidden;
}
#contact h2 span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 16px;
	width: 73px;
	background: url(../images/kontakt.gif) no-repeat 0 0;
}
#career h2 {
	height: 18px;
	width: 70px;
	position: relative;
	margin: 0 0 20px;
	overflow: hidden;
}
#career h2 span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 18px;
	width: 70px;
	background: url(../images/kariera.gif) no-repeat 0 0;
}
#finished {
	background-color: #fff;
	width: 530px;
	float: left;
}
#finished .holder {
	padding: 0 40px 28px 70px;
}
#finished h2 {
	width: 251px;
	height: 67px;
	margin: 0 0 18px;
	position: relative;
}
#finished h2 span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 251px;
	height: 67px;
	background: #fff url(../images/finished.gif) no-repeat 0 100%;
}
p.link a {
	background: url(../images/ico-href.gif) no-repeat 100% 1px;
	padding-right: 15px;
	font-size: 11px;
}
#finished h3 {
	font-size: 1em;
	margin: 20px 0 0 0;
}
#portfolio {
	width: 530px;
}
#portfolio .holder {
	padding: 45px 0 45px 70px;
}
#portfolio h2 {
	width: 188px;
	height: 22px;
	position: relative;
	overflow: hidden;
	margin: 0;
}
#portfolio h2 span {
	position: absolute;
	left: 0;
	top: 0;
	height: 22px;
	width: 188px;
	background: url(../images/portfolio.gif) no-repeat;
}
#portfolio .item {
	margin: 30px 0;
}
#portfolio h3 {
	font-size: 1em;
	margin: 0 0 -5px;
}
#portfolio h3 a, #finished h3 a {
	color: #555;
	text-decoration: none;
}
#portfolio h3 a:hover, #portfolio h3 a:focus, #finished h3 a:hover, #finished h3 a:focus {
	text-decoration: underline;
}
#portfolio .item .image {
	height: 82px;
	width: 122px;
	overflow: hidden;
	float: left;
	position: relative;
	display: block;
}
#portfolio .item .text {
	width: 320px;
	float: right;
}
#portfolio .item .image span {
	position: absolute;
	left: 0;
	top: 0;
	height: 82px;
	width: 122px;
	cursor: pointer;
}
#portfolio .portfolio-creative {
	background: url(../images/portfolio-creative.gif) no-repeat 0 0;
}
#portfolio .portfolio-web {
	background: url(../images/portfolio-web.gif) no-repeat 0 50%;
}
#portfolio .portfolio-application {
	background: url(../images/portfolio-application.gif) no-repeat 0 100%;
}