@charset "utf-8";
html {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
	color: #000;
	background: url(img/layout/background.jpg) repeat;
}
body {
	background: url(img/layout/background-gradient.png) repeat-x;
	margin: 0;
	padding: 0;
}
#wrapper {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 900px;
	min-height: 700px;
}

.hidden {
	display: none;
}
a, img {
	text-decoration: none;
	border: 0;
}
a, a:link, a:visited {
	color: #748362;
}
a:active, a:hover {
	color: #1c2313;
	cursor: hand;
}
#content a:hover {
	border-bottom: dotted 1px;
}

#lang {
	position: absolute;
	z-index: 4;
	width: 225px;
	height: 175px;
	margin: 500px 0 0 650px;
	text-indent: -500em;
}
#lang a {
	display: block;
	width: 100%;
	height: 100%;
}

#calendar {
	position: absolute;
	z-index: 1;
	margin: 5px 0 0 -50px;
	width: 418px;
	height: 391px;
	background: url(img/layout/background-calendar.png) no-repeat;
}
#shadows {
	position: absolute;
	z-index: 2;
	margin: 60px 0 0 26px;
	width: 873px;
	height: 606px;
	background: url(img/layout/background-shadow.png) no-repeat;
}
#paper {
	position: absolute;
	z-index: 1;
	margin: 52px 0 0 515px;
	width: 382px;
	height: 447px;
	background: url(img/layout/background-paper.png) no-repeat;
}

#pen {
	position: absolute;
	z-index: 5;
	margin: 25px 0 0 670px;
	width: 257px;
	height: 257px;
	background: url(img/layout/pen.png) no-repeat;
}
#pencil {
	position: absolute;
	z-index: 5;
	margin: 25px 0 0 670px;
	width: 257px;
	height: 257px;
	background: url(img/layout/pencil.png) no-repeat;
}

#photo {
	position: absolute;
	z-index: 5;
	margin: 30px 0 0 737px;
	width: 186px;
	height: 231px;
	background: url(img/layout/photo.png) no-repeat;
}
#clasp {
	position: absolute;
	z-index: 6;
	margin: 52px 0 0 733px;
	width: 31px;
	height: 108px;
	background: url(img/layout/clasp.png) no-repeat;
}

#menu {
	position: absolute;
	z-index: 4;
	margin: 248px 0 0 770px;
	width: 143px;
	height: 209px;
}
body#pl #menu { background: url(img/layout/menu-normal.pl.png) no-repeat; }
body#en #menu { background: url(img/layout/menu-normal.en.png) no-repeat; }
body#pl #menu a:hover { background-image: url(img/layout/menu-hover.pl.png); }
body#en #menu a:hover { background-image: url(img/layout/menu-hover.en.png); }
#menu a {
	display: block;
	text-indent: -500em;
	width: 95px;
	height: 20px;
	margin: 10px 0 0 20px;
}
#menu a#position1 {
	margin-top: 34px;
}
#menu a#position1:hover { background-position: -20px -34px; }
#menu a#position2:hover { background-position: -20px -64px; }
#menu a#position3:hover { background-position: -20px -94px; }
#menu a#position4:hover { background-position: -20px -124px; }
#menu a#position5:hover { background-position: -20px -154px; }

#bookmark {
	position: absolute;
	z-index: 4;
	width: 199px;
	height: 51px;
	background: no-repeat;
	margin: 130px 0 0 18px;
}
body#pl #bookmark.main { background-image: url(img/layout/bookmark-main.pl.png); }
body#en #bookmark.main { background-image: url(img/layout/bookmark-main.en.png); }
body#pl #bookmark.about { background-image: url(img/layout/bookmark-about.pl.png); }
body#en #bookmark.about { background-image: url(img/layout/bookmark-about.en.png); }
body#pl #bookmark.projects { background-image: url(img/layout/bookmark-projects.pl.png); }
body#en #bookmark.projects { background-image: url(img/layout/bookmark-projects.en.png); }
body#pl #bookmark.links { background-image: url(img/layout/bookmark-links.pl.png); }
body#en #bookmark.links { background-image: url(img/layout/bookmark-links.en.png); }
body#pl #bookmark.contact { background-image: url(img/layout/bookmark-contact.pl.png); }
body#en #bookmark.contact { background-image: url(img/layout/bookmark-contact.en.png); }

#cushion {
	position: absolute;
	z-index: 3;
	margin: 70px 0 0 35px;
	width: 853px;
	height: 618px;
	background: url(img/layout/cushion.png) no-repeat;
}
h1 {
	margin: 15px 0 0 20px;
	width: 335px;
	height: 25px;
	text-indent: -500em;
}
body#pl h1 { background: url(img/layout/header.pl.png) no-repeat; }
body#en h1 { background: url(img/layout/header.en.png) no-repeat; }

#page {
	width: 827px;
	height: 554px;
	margin: 10px 0 0 13px;
}
body#pl #page { background: url(img/layout/pagebackground.pl.jpg) no-repeat; }
body#en #page { background: url(img/layout/pagebackground.en.jpg) no-repeat; }

#content {
	position: absolute;
	width: 640px;
	height: 350px;
	overflow: auto;
	margin: 70px 0 0 10px;
	padding: 0px 5px;
	text-align: justify;
}
#projectsBox {
	position: absolute;
	width: 489px;
	height: 127px;
	margin: 425px 0 0 15px;
}
body#pl #projectsBox { background: url(img/layout/projectsbox.pl.png) no-repeat; }
body#en #projectsBox { background: url(img/layout/projectsbox.en.png) no-repeat; }

.projectImageBigger {
	width: 264px;
	height: 168px;
}
#projectsBox img, .projectImage {
	width: 132px;
	height: 84px;
}
#projectsBox div {
	position: absolute;
	width: 132px;
}
#projectsBox a {
	position: absolute;
	display: block;
	width: 132px;
	height: 84px;
}
#projectsBox #project1 {
	margin: 21px 0 0 19px;
}
#projectsBox #project2 {
	margin: 21px 0 0 181px;
}
#projectsBox #project3 {
	margin: 21px 0 0 343px;
}

#prevNextPanel {
	position: absolute;
	width: 105px;
	height: 65px;
	margin: 385px 0 0 -37px;
}
body#pl #prevNextPanel { background: url(img/layout/prevNext.pl.png) no-repeat; }
body#en #prevNextPanel { background: url(img/layout/prevNext.en.png) no-repeat; }
#prevNextPanel span {
	display: block;
	width: 92px;
	height: 30px;
	cursor: hand;
	text-indent: -500em;
}
#prevNextPanel #prev { margin: 3px 0 0 2px; }
#prevNextPanel #next { margin: 0 0 0 10px; }

#advertisement {
	position: absolute;
	width: 492px;
	height: 125px;
	margin: 426px 0 0 45px; /* left: 15px;*/
}
body#pl #advertisement { background: url(img/layout/advertisementbox.pl.png) no-repeat; }
body#en #advertisement { background: url(img/layout/advertisementbox.en.png) no-repeat; }

#advertisement #adCode {
	margin: 23px 0 0 17px;
	width: 468px;
	height: 80px;
	opacity: 0.5;
}

#content p {
	margin: 3px 2px;
	padding: 2px 1px;
	text-indent: 1em;
}
#content ul {
	margin: 1px 0 2px 30px;
	padding: 1px 0 2px 10px;
}

h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Arial, Verdana, sans-serif;
	font-style: oblique;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 17px;
	margin: 10px 0px 5px;
}
h3 {
	font-size: 14px;
	margin: 3px 0px 5px;
}

/* tooltips */
.tooltip {
	display: none;
	position: absolute;
	z-index: 20;
	background: url(img/layout/tooltip.png) bottom left no-repeat;
	font-size: 11px;
	width: 320px !important;
	height: 220px;
	padding: 15px 25px 20px 25px;
	color: #000;
	margin: -260px 0 0 -110px;
}
.tooltip h3 {
	margin: 2px 0 2px 0;
	padding: 0;
	font-size: 12px;
	width: 320px;
}
.tooltip p {
	margin: 3px 0 2px;
	padding: 1px 0;
	width: 320px;
}
.tooltip ul {
	margin: 0;
	padding: 1px 0 0 25px;
	width: 300px;
}
/* tooltips */

h3.showcase {
	margin-left: 5px;
}
table.showcase {
	width: 100%;
	margin: 0;
	padding: 0 10px;
}
td {
	vertical-align: top;
}
td.middle {
	vertical-align: middle !important;
}
table.showcase td.col1 {
	width: 160px;
	color: #98724b;
}
table.showcase  td {
	vertical-align: top;
}
table.showcase  td span {
	display: block;
}
table.showcase  td ul, ul.showcase {
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.projectBox {
	margin: 0 0 15px 0;
}
.projectImageContainer {
	float: right;
	margin: 3px 5px 10px 10px;
	padding: 3px 0 0 3px;
	width: 270px;
	height: 174px;
	background: url(img/layout/projectframe.png) no-repeat;
}
a.projectBookmark {
	display: block;
	width: 83px;
	height: 37px;
	background: url(img/layout/bookmark_small-www.png) no-repeat;
	text-indent: -500em;
	border: 0 !important;
}