body, form {
margin : 0;
font:normal 12px tahoma;
}
body{
	
	
}
img{border:0;}
a{color:#373737;}
a:hover{color:#000;}
body.front{height:700px;background:url('images/bg-index.jpg') left bottom no-repeat;overflow:hidden;}
#logo, .paging{
	width:830px;

}

.contact{height:500px;background:url('images/slonik.jpg') left top no-repeat;overflow:hidden;padding:0px 0px 0px 280px;}
#logo{
	width:830px;
	height:195px;

}
.page-title{margin:10px 0px 20px 10px;font:bold 12px tahoma;width:75%;color:#373737;visibility:hidden;}
.page-body{margin:0px 0px 0px 10px;font:normal 12px tahoma;width:75%;color:#373737;}
#content-container{margin:0px 0px 0px 80px;width:800px;};
#top-nav{margin:0px 0px 6px 0px;height:25px;width:720px;float:left;}
#sub-nav{width:800px;height:25px;clear:both;}
#top-nav a, #sub-nav a{text-indent:-3000px;}
#top-nav div, #sub-nav div{background:url('images/menu-matrix.png') no-repeat;float:left;cursor:pointer;height:25px;}

/* top nav */
#top-nav a div.illustration-normal, #top-nav a div.illustration-active{width:115px;background-position:0px 0px;}
#top-nav a:hover div.illustration-normal,#top-nav a div.illustration-active{background-position:-2px -25px;}

#top-nav a div.art-normal,#top-nav a div.art-active{width:70px;background-position:-110px 0px;}
#top-nav a:hover div.art-normal, #top-nav a div.art-active{background-position:-110px -25px;}

#top-nav a div.about-normal, #top-nav a div.about-active{width:90px;background-position:-180px 0px;}
#top-nav a:hover div.about-normal, #top-nav a div.about-active{background-position:-180px -25px;}

#top-nav a div.news-normal,#top-nav a div.news-active{width:90px;background-position:-270px 0px;}
#top-nav a:hover div.news-normal,#top-nav a div.news-active{background-position:-270px -25px;}

#top-nav a div.contact-normal,#top-nav a div.contact-active{width:110px;background-position:-360px 0px;}
#top-nav a:hover div.contact-normal,#top-nav a div.contact-active{background-position:-360px -25px;}

/* sub nav */
#sub-nav a div.papergraphic-normal, #sub-nav a div.papergraphic-active{width:120px;background-position:-3px -50px;}
#sub-nav a:hover div.papergraphic-normal,#sub-nav a div.papergraphic-active{background-position:-3px -73px;}

#sub-nav a div.typographic-normal, #sub-nav a div.typographic-active{width:108px;background-position:-120px -50px;}
#sub-nav a:hover div.typographic-normal,#sub-nav a div.typographic-active{background-position:-120px -73px;}

#sub-nav a div.general-normal,#sub-nav a div.general-active{width:70px;background-position:-228px -50px;}
#sub-nav a:hover div.general-normal, #sub-nav a div.general-active{background-position:-228px -73px;}

#sub-nav a div.old-stuff-normal, #sub-nav a div.old-stuff-active{width:85px;background-position:-298px -50px;}
#sub-nav a:hover div.old-stuff-normal, #sub-nav a div.old-stuff-active{background-position:-298px -73px;}

/* paging */
div.paging{clear:both;height:25px;}
.paging div{background:url('images/paging-matrix.png') no-repeat;float:left;cursor:pointer;width:28px;height:25px;}

.paging a div.page-1-normal{background-position:0px 0px;}
.paging a:hover div.page-1-normal, .paging a div.page-1-active{background-position:0px -25px;}

.paging a div.page-2-normal{background-position:-30px 0px;}
.paging a:hover div.page-2-normal, .paging a div.page-2-active{background-position:-30px -25px;}

.paging a div.page-3-normal{background-position:-60px 0px;}
.paging a:hover div.page-3-normal, .paging a div.page-3-active{background-position:-60px -25px;}

.paging a div.page-4-normal{background-position:-90px 0px;}
.paging a:hover div.page-4-normal, .paging a div.page-4-active{background-position:-90px -25px;}

.paging a div.page-5-normal{background-position:-120px 0px;}
.paging a:hover div.page-5-normal, .paging a div.page-5-active{background-position:-120px -25px;}

.paging a div.page-6-normal{background-position:-150px 0px;}
.paging a:hover div.page-6-normal, .paging a div.page-6-active{background-position:-150px -25px;}

.paging a div.page-7-normal{background-position:-180px 0px;}
.paging a:hover div.page-7-normal, .paging a div.page-7-active{background-position:-180px -25px;}

.paging a div.page-8-normal{background-position:-210px 0px;}
.paging a:hover div.page-8-normal, .paging a div.page-8-active{background-position:-210px -25px;}

.paging a div.page-9-normal{background-position:-240px 0px;}
.paging a:hover div.page-9-normal, .paging a div.page-9-active{background-position:-240px -25px;}

.paging a div.page-10-normal{background-position:-270px 0px;}
.paging a:hover div.page-10-normal, .paging a div.page-10-active{background-position:-270px -25px;}

#paging-bottom{margin:10px 0px 10px -10px;}

/***************** Gallery Basic styles *****************/
#aGallery{
	width: 370px;
	height: 354px;
	z-index:5;
	border: 1px solid #aaa;
	margin:5px 20px 20px 10px;
	float:left;
}

#aGallery_thumb{width:320px;float:left;margin:3px 10px 20px 6px}
#aGallery_thumb div{width:100px;height:84px;float:left;margin:2px;border:#bfbfbf solid 1px;text-align:center;}
#aGallery_thumb img.inactive{
	margin:1px;cursor:pointer;
	opacity: .3;
	-moz-opacity: .3;
	-khtml-opacity: 0.3;
	filter:alpha(opacity=30);
}
#aGallery_thumb img.active{
	margin:1px;cursor:pointer;
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter:alpha(opacity=100);
}
#aGallery_thumb div:hover{border:#bfbfbf solid 1px;}
#aGallery_thumb div.press{border:#bfbfbf solid 3px;margin:0px;}

/***********************************************/
#aGallery img.thumbnail{
	display: none;
}
.jdGallery{
	overflow: hidden;
	position: relative;
}
.jdGallery img{
	border: 0;
	margin: 0;
}
.jdGallery .slideElement{
	width: 100%;
	height: 100%;
	background:#fff url('../js/img/large-loading.gif') center center no-repeat;
}
.jdGallery .loadingElement{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background:#fff url('../js/img/large-loading.gif') center center no-repeat;
}
.jdGallery .slideInfoZone{
	position: absolute;
	z-index: -100;
	width: 100%;
	margin: 0px;
	left: 0;
	bottom: 0;
	height: 40px;
	background: #f9f9f9;
	color: #000;
	text-indent: 0;
	overflow: hidden;
		font:menu;	

}
* html .jdGallery .slideInfoZone{
	font:menu;	
	bottom: -1px;
}
.jdGallery .slideInfoZone h2{
	padding: 0;
	font:menu;	
	margin: 0;
	margin: 2px 2px;
	font-weight: bold;
	color: inherit;
}
.jdGallery .slideInfoZone p{
	padding: 0;
	font:menu;
	font-size: 100%;
	margin: 2px 2px;
	color: #000;
}
.jdGallery div.carouselContainer{
	position: absolute;
	height: 70px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}
.jdGallery a.carouselBtn{
	position: absolute;
	bottom: 0;
	right: 0px;
	height: 16px;
	text-align: center;
	padding:2px 1px 0 3px;
	font: menu;
	background: #f9f9f9;
	color: #000;
	cursor: pointer;
	z-index:1000;
}
.jdGallery .carousel{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 55px;
	background: #f9f9f9;
	color: #000;
	text-indent: 0;
	overflow: hidden;
}
.jdExtCarousel{
	overflow: hidden;
	position: relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper{
	position: absolute;
	width: 100%;
	height: 65px;
	top: 10px;
	left: 0;
	overflow: hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner{
	position: relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail{
	cursor: pointer;
	background: #f9f9f9;
	background-position: center center;
	float: left;
	border: solid 1px #000;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail{
	margin-bottom: 5px;
}
.jdGallery .carousel .label, .jdExtCarousel .label{
	font:menu;
	font-size: 11px;
	position: absolute;
	bottom: 2px;
	left: 10px;
	padding: 0;
	margin: 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton{
	font:menu;
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number{
	color: #b5b5b5;
}
.jdGallery a{
	font:menu;
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}
.jdGallery a.right, .jdGallery a.left{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:10;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}
* html .jdGallery a.right, * html .jdGallery a.left{
	filter:alpha(opacity=10);
}
.jdGallery a.right:hover, .jdGallery a.left:hover{
	filter:alpha(opacity=20);
	-moz-opacity:0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}
.jdGallery a.left{
	left: 0;
	top: 0;
	background: url('../js/img/fleche1.png') no-repeat center left;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}
* html .jdGallery a.left { background: url('../js/img/fleche1.gif') no-repeat center left;
filter:alpha(opacity=10);
-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;}
.jdGallery a.right{
	right: 0;
	top: 0;
	background: url('../js/img/fleche2.png') no-repeat center right;
}
* html .jdGallery a.right { background: url('../js/img/fleche2.gif') no-repeat center right;filter:alpha(opacity=10); -moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;}
.jdGallery a.open{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.withArrows a.open{
	position: absolute;
	top: 0;
	left: 25%;
	height: 99%;
	width: 50%;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}