body {	color: #ccc;	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;	margin: 0 auto;	padding: 0;	font-size: 0.6em;		background: url('../images/foot.jpg') center top no-repeat; margin-top: -25px; background-color: #000000; }
td.left {	background: url('../images/left.jpg') right top no-repeat; }
td.right { background: url('../images/right.jpg') left top no-repeat; }
.content {	position: relative;	height: 950px;	width: 1100px;	margin: 0 auto;	background: url('../images/midd.jpg') center top no-repeat; }
.content a { color: #fff; }
.content p.linkage {	margin-top: 2em;	text-align: right;	font-size: 1.7em;	color: #ddd; }
.content p.linkage a { color: #fff; }
#myGallery { text-align: left;	margin: 0 auto; }
strong { font-weight: bold; }
h1 {
	font-weight: 100;
}
h2 {
	font-weight: 700;	color: #0e89a6;	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;	margin: 0 auto;	padding: 0;	font-size: 15pt;	
}
h3 {
	font-weight: 700;	color: #0e89a6;	font-family: "Trebuchet MS", "Lucida Grande", Arial, Helvetica, sans-serif;	margin: 0 auto;	padding: 0;	font-size: 13pt;	
}
/* gallery ______________________________________________________ */
			
			#myGallery, #myGallerySet, #flickrGallery
			{
				position: relative;
				top: 141px;
				left: -1px;
				width: 1044px;
				height: 682px;
				z-index:5;
				margin: 0 auto;
				overflow: hidden;
			}
			div.imageElement h3, div.imageElement p{ display: none; }
			.jdGallery a
			{
				outline:0;
			}
			
			#flickrGallery
			{
				width: 500px;
				height: 334px;
			}
			
			#myGallery img.thumbnail, #myGallerySet img.thumbnail
			{
				display: none;
			}
			
			.jdGallery
			{
				overflow: hidden;
				position: relative;
			}
			
			.jdGallery img
			{
				border: 0;
				margin: 0;
			}
			
			.jdGallery .slideElement
			{
				width: 100%;
				height: 100%;
				background-color: #000;
				background-repeat: no-repeat;
				background-position: center center;
				background-image: url('../images/loading.gif');
			}
			
			.jdGallery .loadingElement
			{
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				background-color: #000;
				background-repeat: no-repeat;
				background-position: center center;
				background-image: url('../images/loading.gif');
			}
			
			.jdGallery .slideInfoZone
			{
				position: absolute;
				z-index: 10;
				width: 100%;
				margin: 0px;
				left: 0;
				bottom: 0;
				height: 40px;
				background: #333;
				color: #fff;
				text-indent: 0;
				overflow: hidden;
			}
			
			* html .jdGallery .slideInfoZone
			{
				bottom: -1px;
			}
			
			.jdGallery .slideInfoZone h2
			{
				padding: 0;
				font-size: 80%;
				margin: 0;
				margin: 2px 5px;
				font-weight: bold;
				color: inherit;
			}
			
			.jdGallery .slideInfoZone p
			{
				padding: 0;
				font-size: 60%;
				margin: 2px 5px;
				color: #eee;
			}
			
			.jdGallery div.carouselContainer
			{
				position: absolute;
				height: 120px;
				width: 100%;
				z-index: 10;
				margin: 0px;
				left: 0;
				top: 200;
			}
			
			.jdGallery a.carouselBtn
			{
				position: absolute;
				bottom: 0;
				right: 30px;
				height: 20px;
				/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
				text-align: center;
				padding: 0 10px;
				font-size: 13px;
				background: #333;
				color: #fff;
				cursor: pointer;
			}
			
			.jdGallery .carousel
			{
				position: absolute;
				width: 658px;
				margin: 0 auto;
				left: 192px;
				top: 0;
				height: 100px;
				background: none;
				color: #fff;
				text-indent: 0;
				overflow: hidden;
			}
			
			.jdExtCarousel
			{
				overflow: hidden;
				position: relative;
			}
			
			.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
			{
				position: absolute;
				width: 658px;
				height: 78px;
				top: 10px;
				left: 0;
				overflow: hidden;
			}
			
			.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
			{
				position: relative;
			}
			
			.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
			{
				cursor: pointer;
				background: #000;
				background-position: center center;
				float: left;
				border: solid 1px #fff;
			}
			
			.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
			{
				margin-bottom: 10px;
			}
			
			.jdGallery .carousel .label, .jdExtCarousel .label
			{
				font-size: 12px;
				position: absolute;
				bottom: 7px;
				left: 10px;
				padding: 0;
				margin: 0;
				display: none;
			}
			
			.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
			{
				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-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=20);
				-moz-opacity:0.2;
				-khtml-opacity: 0.2;
				opacity: 0.2;
			}
			
			* html .jdGallery a.right, * html .jdGallery a.left
			{
				filter:alpha(opacity=50);
			}
			
			.jdGallery a.right:hover, .jdGallery a.left:hover
			{
				filter:alpha(opacity=80);
				-moz-opacity:0.8;
				-khtml-opacity: 0.8;
				opacity: 0.8;
			}
			
			.jdGallery a.left
			{
				left: 0;
				top: 0;
				background: url('img/fleche1.png') no-repeat center left;
			}
			
			* html .jdGallery a.left { background: url('img/fleche1.gif') no-repeat center left; }
			
			.jdGallery a.right
			{
				right: 0;
				top: 0;
				background: url('img/fleche2.png') no-repeat center right;
			}
			
			* html .jdGallery a.right { background: url('img/fleche2.gif') no-repeat center right; }
			
			.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;
			}
			
			.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }
			
			* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
				filter:alpha(opacity=80); }
				
				
			/* Gallery Sets */
			
			.jdGallery a.gallerySelectorBtn
			{
				z-index: 15;
				position: absolute;
				top: 0;
				left: 30px;
				height: 20px;
				/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
				text-align: center;
				padding: 0 10px;
				font-size: 13px;
				background: #333;
				color: #fff;
				cursor: pointer;
				opacity: 0.4;
				-moz-opacity: 0.4;
				-khtml-opacity: 0.4;
				filter:alpha(opacity=40);
			}
			
			.jdGallery .gallerySelector
			{
				z-index: 20;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: #000;
			}
			
			.jdGallery .gallerySelector h2
			{
				margin: 0;
				padding: 10px 20px 10px 20px;
				font-size: 20px;
				line-height: 30px;
				color: #fff;
			}
			
			.jdGallery .gallerySelector .gallerySelectorWrapper
			{
				overflow: hidden;
			}
			
			.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
			{
				margin-left: 10px;
				margin-top: 10px;
				border: 1px solid #888;
				padding: 5px;
				height: 40px;
				color: #fff;
				cursor: pointer;
				float: left;
			}
			
			.jdGallery .gallerySelector .gallerySelectorInner div.hover
			{
				background: #333;
			}
			
			.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
			{
				background: #000;
				background-position: center center;
				float: left;
				border: none;
				width: 40px;
				height: 40px;
				margin-right: 5px;
			}
			
			.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
			{
				margin: 0;
				padding: 0;
				font-size: 12px;
				font-weight: normal;
			}
			
			.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
			{
				margin: 0;
				padding: 0;
				font-size: 12px;
				font-weight: normal;
				color: #aaa;
			}
			div.navigation {
				z-index: 11; 
				position: absolute;
				
			}
			img.prev {
				position: absolute;
				top: 300px;
			}
			img.next {
				position: absolute;
				top: 300px;
				left: 964px;
			}
			img.dock {
				position: absolute;
				top: 585px;
				left: 184px;
				z-index: 10;
			}
			img.pause {
				position: absolute;
				top: 560px;
				left: 482px;
				z-index: 10;
			}
			img.music {
				position: absolute;
				top: 560px;
				left: 522px;
				z-index: 10;
			}
			div.flash_player {
				position: absolute;
				top: -250px;				
			}
			div.zavihek {
				position: absolute;
				width: 71px;
				height: 80px;
				top: 132px;
				left: 1010px;
				z-index: 10;
			}
			div.logo {
				position: absolute;
				width: 531px;
				height: 123px;
				top: 37px;
				left: 40px;
				z-index: 10;
			}
			div.keyw {
				position: absolute;
				width: 871px;
				height: 33px;
				top: 855px;
				left: 40px;
				z-index: 10;
				font-size: 8pt;
				color: #FFFFFF;
				line-height: 12pt; 
			}
			
			div.copy {
				position: absolute;
				width: 99px;
				height: 33px;
				top: 855px;
				left: 950px;
				z-index: 10;
				font-size: 8pt;
				color: #FFFFFF;
				line-height: 12pt; 
			}
			div.auth {
				position: absolute;
				width: 1100px;
				height: 33px;
				top: 910px;
				left: 0px;
				z-index: 10;
				font-size: 10pt;
				color: #acacac;
				line-height: 12pt; 
				text-align: center;
			}
			div.auth a:link, div.auth a:active, div.auth a:visited {
				font-size: 10pt;
				color: #acacac;
				text-decoration: underline;
			}
			div.auth a:hover {
				font-size: 10pt;
				color: #acacac;
				text-decoration: none;
			}
			img.sticky {
				position: absolute;
				top: 18px;
				left: 995px;
				z-index: 10;
			}
			div.navi {
				position: absolute;
				width: 438px;
				height: 51px;
				top: 69px;
				right: 73px;
				z-index: 8;
			}
			div.navi_list ul{
				position: absolute;
				list-style: inline;
				width: 438px;
				height: 51px;
				top: 87px;
				left: 623px;
				z-index: 8;
				list-style: none;
			}
			div.navi_list li{
				display: inline;
				margin-right: 25px;
			}
			div.navi_list li a:link, div.navi_list li a:active, div.navi_list li a:visited {
				font-size: 10pt;
				color: #acacac;
				text-decoration: none;
				font-weight: bold;
			}
			div.navi_list li a:hover {
				font-size: 10pt;
				color: #FFFFFF;			
				font-weight: bold;
			}
			img.triangle {
				position: absolute;
				top: 107px;
				width: 48px;
				height: 50px;
				z-index: 7;
			}
			
			div.page_text {
				position: absolute;
				width: 650px;
				height: 33px;
				top: 163px;
				left: 47px;
				z-index: 20;
				font-size: 13px;
				color: #000000;				
				line-height: 12pt; 
			}
			div.page_text p {
				line-height: 21px;
				padding: 15px 0px 5px 0px;
			}
			
			div.page_text a:link, div.page_text a:active, div.page_text a:visited {
				font-size: 10pt;
				color: #0e89a6;
				text-decoration: none;
				font-weight: 100;
			}
			div.page_text a:hover {
				font-size: 10pt;
				color: #0e89a6;
				text-decoration: underline;
				font-weight: 100;
			}
			
			ul.list {
				list-style: disc;
				margin-left: 30px;
			}
			ul.list li {				
				padding-bottom: 8px;
			}
			img.detiles {
				position: absolute;
				right: 29px;
				top: 141px;
			}
			
			img.face {
				position: relative;
				right: 11px;
				top: 3px;
				float: left;
				margin-right: 5px;
			}
			
			
/* END: gallery ______________________________________________________ */