h1 { font-size: 100%; text-transform: uppercase; margin: 0; color: #000; }
h2 { width: auto; }

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ar { text-align: right; }

.oa { overflow: auto; } /* is replaced by hidden */

a { color: #e6e6e6; text-decoration: none; }
a.disabled { cursor: default; }
img { border: none; }
a:hover { color: #fff; }

body { font-size: 70%; margin: 0; padding: 0; background-color: #333333; font-family: Tahoma; overflow: hidden; }

div.error { padding: 25px 100px 50px 150px; background: transparent url('/img/block-back.png') top left repeat;  }
div.error h1 { color: #fff; font-size: 16pt; }
div.error h2 { color: #fff; font-size: 14pt; }

div.background { margin: auto; position: absolute; width: 100%; height: 100%; z-index: 2; }
div.background img { height: auto; position: absolute; top: 0; display: none; }
div.background img.visible { display: block; }

#main { position: absolute; width: 100%; margin: 0 auto; z-index: 3; overflow: hidden; }

#main-content { width: 100%; color: #e6e6e6; }

#top { width: 100%; min-height: 90px; height: 250px; overflow: hidden; position: relative; }
#top a { position: absolute; bottom: 0px; left: 43px; }
.h-center { position: relative; padding-top: 11px; }

#main-content .block { overflow: hidden; width: auto; margin-bottom: 11px; }
#main-content .block .content-block .content { display: none; }
	#main-content .block .content { display: none; height: auto; overflow: hidden; position: relative; background: transparent url('/img/block-back.png') top left repeat; }
#main #main-content .block div.open { display: block; }
#main #main-content .block div.open .loading, .fullscreen .loading { color: #fff; text-align: center; width: 100%; font-size: 150%; }
#main-content .block .content-block .header,
	.fullscreen .header { background-color: #e6e6e6; padding-bottom: 3px; padding-top: 1px; overflow: hidden; cursor: pointer; color: #666;  }
#main-content .block .content-block .header h1,
	.fullscreen .header h1 { float: left; width: 130px; text-align: right; }
#main-content .block .content-block .header a,
	.fullscreen .header a { color: #000; }
#main-content .block .content-block .header a:hover,
	.fullscreen .header a:hover { }
#main-content .block .content-block .header ul,
	.fullscreen .header ul { overflow: hidden; display: block; float: left; width: auto; margin: 0; padding: 0; padding-left: 10px; }
#main-content .block .content-block .header li,
	.fullscreen .header li { float: left; list-style-type: none; padding: 0; margin: 0; }

#footer { position: absolute; bottom: 0px; width: 100%; text-align: center; z-index: 4; color: #fff; font-size: 11px; }
#footer p { margin: 1px; }
#footer ul { padding: 0; margin: 0; overflow: hidden; clear: both; width: 100%; text-align: center; }
#footer ul li { padding: 0; margin: 0; list-style-type: none; display: inline; color: #e6e6e6; }
#footer ul li.language { padding-right: 5px; }
#footer ul li.language a { font-weight: normal; }
#footer ul li a { text-decoration: none; text-transform: uppercase; color: #e6e6e6; }
#footer ul li a:hover { color: #fff; }
#footer ul.menu { font-size: 108%; font-weight: bold; padding-top: 0; }
#footer ul.submenu {  }

.fullscreen .header { margin-top: 20px; color: #fff; background: transparent url('/img/block-back.png') top left repeat; z-index: 101; position: absolute; width: 100%; }
.fullscreen .header a { color: #fff; font-weight: bold; }

	

#main-content #portfolio .content { overflow: hidden; }

#main-content #contact { width: 150px; }
#main-content #contact .content { background: none; background-color: #e6e6e6; }
#contact.block .content-block { color: #000; }

/* content */
#main-content .block .content-left { float: left; text-align: right; width: 120px; padding-right: 20px; }
#main-content .block .content-center { float: left;  width: auto; }
#main-content .block .content-right { float: right; width: 100px; }
#main-content .block .open { padding: 10px; }
#main-content .block .content-center .center-holder { left: -50%; position: relative; overflow: hidden; width: 100%; }
#main-content .block .content-center .center-item { float: left; margin: 0 10px 0 0;  }
#main-content .block .content-center .center-item .center-item-content { padding: 0; overflow: hidden; }
#main-content .block .content-center .center-item .center-item-content .small { display: block; width: 100%; text-align: center; }
#main-content .block .content-center .center-item .center-item-content .description { padding-top: 15px; }
#main-content .block .content-center .center-item .center-item-content .left { text-align: left; }
#main-content .block .content-center .center-item .center-item-content h2, 
#main-content .block .content-center .center-item .center-item-content h3 { color: #e6e6e6; font-size: 180%; padding: 5px 0; margin: 0; }
#main-content .block .content-center .center-item .center-item-content h3 { font-size: 150%; }
#main-content .block .content-center .center-item .center-item-content h2 a,
#main-content .block .content-center .center-item .center-item-content h3 a { display: block; width: 100%; text-align: center; }

#main #main-content #contact .content { overflow: hidden; padding-left: 0; }
#contact .content .left { left: 0; text-align: right; }
#contact .content h2 { margin: 0; padding-right: 10px; font-size: 100%; white-space: nowrap; text-transform: uppercase; }
#contact .content a { color: #000;  font-size: 95%; }
#contact p { display: block; padding: 5px 10px 3px 0px; font-size: 80%; }
#contact p.strong { font-weight: bold; padding-bottom: 0; margin-bottom: -10px; margin-top: 0; padding-top: 3px; }

#bio .center-item-content { text-align: center; overflow: hidden; }
#bio .center-item-content p { text-align: left; max-width: 750px; margin: 0 auto; }
#bio .center-item-content p img { float: right; }

#portfolio .portfolio-left { float: left; width: 25%; text-align: right; }
#portfolio .portfolio-right { float: left; width: 75%; overflow: hidden; }
#main-content .block .scroll a.image { position: relative; display: block; width: auto; overflow: hidden; float: left; }
#main-content .block a.image p { padding: 0 10px; font-weight: bold; margin: 0; width: 200px; height: auto; }
#portfolio .portfolio-right .center-content .center-item .center-item-content { padding: 0; overflow: hidden; }

#portfolio .img-left,#portfolio .img-center, #portfolio .img-right, #portfolio .img-nav { float: left; height: auto; overflow: hidden; }
#portfolio .img-left { padding-right: 20px; text-align: right; height: auto; position: relative; }
 .img-right { padding : 0; padding-left: 20px; }
#portfolio .img-nav { padding-left: 20px; }
.img-nav a span { display: none; }

#portfolio .img-left ul { padding: 0; margin: 0; }
.block .photo-description { text-align: left; overflow: hidden; width: 100%; }
#portfolio .img-left ul li { list-style-type: none; }

#portfolio .content .column, #recent .content .column { width: auto; margin-right: 10px; text-align: center; }

body .fullscreen { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: #333333; }
.fullscreen .full { background: transparent url('/img/block-back.png') top left repeat; color: #fff; z-index: 100; padding: 20px; font-weight: bold; }
.fullscreen .img-right { width: 200px; }

.block .photos { overflow: hidden; position: relative; width: 100%; }
.photo-scroll { width: 90%; margin-left: 5%; }
.block .photos .photo-scroll-left,
	.block .photos .photo-scroll-right { width: 5%; height: 300px; position: absolute; top: 0; left: 0; text-align: center; font-size: 200px; cursor: pointer; }
.block .photos .photo-scroll-right { left: 95%; }
.fullscreen .exit { display: block; float: right; text-transform: uppercase; padding-right: 10px; }
.fullscreen .center-item-content ul { margin-top: 1px; margin-bottom: 3px; padding-left: 0; }
.fullscreen .center-item-content li { list-style-type: none; text-transform: uppercase; font-size: 90%; overflow: hidden; }
.fullscreen .center-item-content li a { float: left; display: block; text-align: right; white-space: nowrap; width: 130px; }
.fullscreen .img-left { padding: 0; padding-right: 20px; width: 150px; }

.fullscreen .invisible { display: none; }

.cache { position: absolute; left: -3000px; top: 0px; }

#contact .content .facebook { font-weight: bold; font-size: 120%; padding-bottom: 20px; }
#contact .center-content { height: 130px; }

.block .column { float: left; width: 240px; clear: none; margin-bottom: 20px; }
.block .column-left { position: absolute; width: auto; width: 120px; text-align: right; }
.block .column-center { overflow: hidden; margin-left: 140px; margin-right: 100px; }

.block .column-center .scroll { display: table; position: relative; width: auto; overflow: hidden; border-spacing: 0; }
.block .column-center .scroll-content { display: table-row; overflow: hidden; }
.block .column-center .scroll-content .column-inner { display: table-cell; padding-right: 10px; }
.block .column-center .scrollable { width: 100%; height: auto; }

.block .column-right { position: absolute; right: 0; top: 10px; width: 100px; }
.block .column-inner ul { padding: 0; }
#links ul li { list-style-type: none; padding-bottom: 2px;  }
#links ul li a { font-weight: bold; }
#links ul li a span {font-weight: normal;}

a.arrow-up { position: absolute; top: 0; right: 0; }
a.arrow-left, a.arrow-right, a.arrow-up { outline: none; }
a.arrow-up span, a.arrow-left span, a.arrow-right span { display: none; }
a.scroll-left, a.scroll-right { padding-top: 40px; padding-bottom: 40px; display: block; }

#bio .column-inner { margin-right: 30px; }
#bio .column-inner p { margin: 5px 0; }
#bio .column-inner .contact p { margin: 2px 0; }
#bio .column-inner p.shift { margin-top: 10px; }
#bio .column-inner .shift { margin-top: 10px; }
#bio .column-innenr div.shift { margin-top: 20px; }
#bio img.photo { float: right; margin-left: 50px; }
/* #bio .column-inner, #recent .column .column-inner { float: left; overflow: hidden; } */
#bio .bio-header { width: 800px; }
#bio .column-inner.form .bio-header { width: 270px; }
#bio .bio-header h2 { text-transform: uppercase; margin: 0; font-size: 115%; margin-bottom: 5px; }
#bio .bio-header span { display: block; margin-top: -3px; }

#bio .column.center { height: 150px; }

#bio form { width: 350px; }
#bio form input, #bio form textarea { clear: both; width: 200px; background: transparent url('/img/block-back.png') top left repeat; border: none; color: #ddd; border: 1px solid #333; font-family: tahoma; font-size: 100%; font-weight: bold; margin-top: 5px; }
#bio form textarea { height: 60px; }

#portfolio .gallery-list .column { width: 160px; }
#portfolio .gallery-list h2 { margin: 0; font-size: 130%; margin-bottom: 5px; text-align: left; }
#portfolio .gallery-list p.small { margin: 2px 0; text-align: left; }

#main-content .block .photo-list { overflow: hidden; position: relative; }
#main-content .block .photo-list a { margin-left: 10px; }
#main-content .block .scroll a.image { padding: 0; margin: 0; } 

#links h2 { text-transform: uppercase; margin: 0; font-size: 115%; margin-bottom: 5px; white-space: nowrap; }
#links .column { margin-right: 20px; }
#links .column-inner { padding-right: 30px; }

#recent .column { width: 1000px; }
#recent .column-right { width: 300px; }
#recent .column-center { margin-right: 300px; }
#recent .recent-description { width: 200px; float: left; }
#recent .arrow-right-recent { width: 100px; float: right; }

/* #recent .column-inner { padding-right: 10px;  } */

.fullscreen .content-block { overflow: hidden; width: 100%; height: 100%; }

.fullscreen { z-index : 50; }
.fullscreen .header { cursor: default; }
.fullscreen .content { width: 100%; height: 100%; position: relative; }
.fullscreen .img-left, .fullscreen .img-right, .fullscreen .img-nav { background: transparent url('/img/block-back.png') top left repeat; color: #fff; top: 80px; width: 200px; z-index: 101; position: absolute; left : 0; }
.fullscreen .img-left { width: auto; overflow: auto; }
.block .img-left { display: none; }
.fullscreen .img-left ul { padding: 0; margin: 0; float: left; }
.fullscreen .img-left ul li { list-style-type: none; padding: 2px 0px 3px 0;  text-align: right; font-weight: bold; text-transform: uppercase; display: block; width: 130px; }
.fullscreen .img-center { position: absolute; left: 0; top: 0; width: 100%; text-align: center; z-index: 80; }
.fullscreen .img-right, .fullscreen .img-nav { right: 0; left: auto; top: 50px;  }
.fullscreen .img-nav { clear: right; padding-left: 20px; margin-top: 10px; } 
.fullscreen a.next-photo { margin-left: 10px; }