@charset "UTF-8";
body {
	background: #ccc;
	font-size: 100.01%;
	font-family: Helvetica, Geneva, Arial, sans-serif;
}
a img {
	border: 0;
}
a {
	color: #fff;
	outline: none;
	text-decoration: none;
}
#siteBox {
	position: relative;
	margin: auto;
	width: 1000px;
	height: 650px;
	overflow: hidden;
	border: 2px solid #000;
	color: #fff;
	font-size: 90%;
}
#home {
	position: absolute;
	top: 47px;
	left: 10px;
	display: block;
	width: 99px;
	height: 85px;
	padding: 22px 0;
	color: #fff;
	background: url(../img/home.png) no-repeat;
	text-align: center;
	text-decoration: none;
	z-index: 20;
}
.news {
	background: url(../img/news-bg.png);
}
.portfolio {
	background: url(../img/portfolio-bg.png);
}
.gallery {
	/*background: url(../img/gallery-bg.png);*/
	background: url(../img/galerie-1.png);
}
.links {
	background: url(../img/links-bg.png);
}
.square {
	display: block;
	width: 250px;
	float: left;
	height: 700px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
}
.square span {
	position: relative;
	top: 621px;
	color: #fff;
	font-size: 80%;
}
a.square:hover img {
	display: none !important;
	border: 0;
	margin: 0;
}
#link0 {
	background: url(../img/news-hover.png);
	border:0;
}
#link1 {
	background: url(../img/portfolio-hover.png);
}
#link2 {
	background: url(../img/gallery-hover.png);
}
#link3 {
	background: url(../img/links-hover.png);
}
h1 {
	font-size: 120%;
}
.portfolio h1 {
	position: absolute;
	top: 75px;
	left: 290px;
}
.portfolio #content {
	position: relative;
	top: 270px;
	left: 70px;
	width: 410px;
	height: 380px;
}
#scrollable p, h1, h2, h3, h4 {
	color: #fff;
}
.gallery p {
	color: #000;
}
.news #content {
	position: relative;
	top: 150px;
	left: 250px;
	width: 410px;
	height: 510px;
}
.news #scrollable {
	height: 310px !important;
}
.portfolio #scrollable {
	height: 260px !important;
}
.next, .prev {
	display: block;
	height: 40px;
	width: 410px;
	cursor: pointer;
	z-index: 999;
}
#blog {
	position: relative;
	top: 150px;
	left: 250px;
	width: 410px;
}
#blog div {
	color: #fff;
}
#blog h2 {
	font-weight: normal;
}
.prev {
	top: 0;
	background: url(../img/arrow-top.png);
}
.next {
	background: url(../img/arrow-bottom.png);
}
#content p {
	text-align: justify;
	line-height: 140%;
	color: #fff;
}
#contact {
	position: absolute;
	top: 310px;
	left: 700px;
}
#photo {
	position: relative;
	top: 173px;
	left: 405px;
	width: 277px;
	height: 116px;
	z-index: 2;
}
.gallery-wide {
	background: url(../img/gallery-wide.png);
}
#illustration {
	position: absolute;
	top: 473px;
	padding-top: 70px !important;
	left: 389px;
	width: 300px;
	height: 74px;
	z-index: 3;
}
#video {
	position: absolute;
	top: 0px;
	left: 52px;
	width: 389px;
	height: 134px;
	z-index: 4;
}
#links {
	position: relative;
	top: 150px;
	left: 70px;
	width: 400px;
}
#links a {
	display: block;
	line-height: 150%;
	color: #000;
}
#photo, #illustration, #video {
	display: block;
	color: #fff;
	font-size: 0;
	text-align: center;
	padding-top: 100px;
	text-decoration: none;
}
a#photo:hover {
	font-size: 100%;
	background: url(../img/photography.png);
	border:0;
}
a#illustration:hover {
	font-size: 100%;
	background: url(../img/illustration.png);
}
a#video:hover {
	font-size: 100%;
	background: url(../img/video.png);
}
.video-wrapper {
    margin: 60px 0 0 120px;
    text-align: center;
}
.left a { color: #000 }
.right { text-align: right }
.left img { float: left; margin-right: 10px; }
.right img { float: right; margin-left: 10px; }
.thumb-list { list-style: none; top: 90px; }
.thumb-list li { padding: 5px; }
.thumb-list a { display: block; width:300px; height: 80px }
#portrait { position:absolute; top:25px; left:80px; }
.galleria{list-style:none;width:400px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.galleria_container { position:absolute; right:25px; top:35px; }
.galleria_wrapper { text-align:center; width:450px; }
.caption { margin:25px 0 0; display:block; }
.gallery-wide .galleria_container { position:relative; top:0; right:0; }
.gallery-wide .galleria_wrapper { position:relative; width:auto; margin:30px auto 0; }
#landscape { overflow:hidden; width:400px; margin:0 auto; position:absolute; bottom:30px; left:280px; }
.hr { width:100%; height:5px; margin:5px 0; border-bottom:1px dashed #999; }