@charset "utf-8";

body {
	background: #000 url(../gfx/bg/bg.jpg) center center no-repeat;
	color: #fff;
	font: 12px/18px Helvetica, Arial, sans-serif;
}
	#wrapper {
		width: 950px;
		height: 620px;
		margin: -375px auto 0 auto;
		position: relative;
		top: 50%;
		overflow: hidden;
	}

		h1 a {
			display: block;
			width: 430px;
			height: 70px;
			margin-left: 200px;
			margin-top: 5px;
		}
		h1 a, h2 { text-indent: -9999px; }
		
		#navigation {
			width: 810px;
			margin: 70px 0 20px 70px;
			background: url(../gfx/bg/slider.png) center 15px no-repeat;
			padding-top: 30px;
			position: relative;
		}
			#navigation { text-align: center; }
			#navigation li { display: inline; }
			
				#navigation li a {
					padding: 0 7px;
					font-size: 1.2em;
					font-weight: bold;
					padding-top: 30px;
					color: #262626;
				}
				#navigation li a:hover, #navigation li.active a {
					color: #7fce1c;
					background: url(../gfx/btn/slider.png) top center no-repeat;
				}
				
				#navigation li ul {
					position: absolute;
					left: 0;
					bottom: -20px;
					padding: 5px;
					background: url(../gfx/bg/empty.png);
				}
				li#obrazy ul { left: 210px; }
                                li#fotografia ul { left: 85px; }
				
					#navigation li ul li a {
						background: transparent !important;
						font-size: 0.9em;
						font-weight: normal;
						color: #7fce1c;
						padding-top: 0 !important;
					}
					#navigation li ul li a:hover { text-decoration: underline; }
					
		#container {
			overflow: hidden;
			width: 100%;
		}
			#container .column {
				float: left;
				width: 435px;
				height: 350px;
				margin: 0 20px;
			}
				#container .column p {
					text-align: justify;
					text-indent: 20px;
					color: #b7fe3d;
					margin: 5px 0;
				}
					#container .column p a { color: #fff; }
					#container .column p a:hover { text-decoration: underline; }
					
				#container .column ul {
					margin: 20px 40px;
				}
					#container .column ul li {
						color: #ffa60a;
						background: url(../gfx/list/orange-dot.png) left 7px no-repeat;
						padding-left: 20px;
						line-height: 20px;
					}
					
				#container .column blockquote {
					margin: 40px 0;
					text-align: center;
					font-style: italic;
					font-size: 3em;
					line-height: 1.2em;
					color: #6f766e;
				}
				
		
		#contact-form {
			width: 370px;
			margin: 15px auto;
			text-align: center;
		}
			#contact-form input, #contact-form textarea {
				border: 1px solid #9bfe1f;
				margin-bottom: 5px;
				display: block;
				background: #121212;
				color: #ee6325;
				padding: 3px 5px;
				width: 358px;
				font: 12px/18px Helvetica, Arial, sans-serif;
			}
			
			#contact-form button {
				background: transparent;
				color: #9bfe1f;
				font-size: 1em;
				font-weight: bold;
				cursor: pointer;
			}

		#gallery {
			margin: 25px auto 25px auto;
			width: 950px;
			height: 320px;
			float: left;
			clear: both;
			overflow: hidden;
		}
			#gallery ul { height: 270px; display: block; float: left; }
			#gallery li {
				margin: 0 3px;
				display: block;
				float: left;
				width: 300px;
				height: 226px;
			}
                        #gallery li img { display: block; margin: 0 auto;}
			#gallery li a {
				display: inline-block;
				height: 226px;
				width: 300px;
			}
				#gallery li { border: 3px solid #131313; }
				#gallery li.active { border: 3px solid #b7fe3d; }
				
			h3, h4 {
				text-align: center;
				font-weight: normal;
				color: #b7fe3d;
				font-size: 1em;
				position: relative;
				top: -60px;
			}
			h4 {
				color: #068812;
			}
			
			.jScrollPaneTrack {
				height: 32px;
				width: 810px !important;
				background: url(../gfx/bg/slider.png) center center no-repeat;
				position: relative;
				margin: 0 auto;
				top: 320px;
				z-index: 10;
			}
				.jScrollPaneDrag {
					margin-left: -80px;
					top: -2px;
					z-index: 10;
					width: 320px !important;
					height: 32px !important;
					background: url(../gfx/btn/slider.png) center center no-repeat;
					position: absolute;
					cursor: w-resize;
				}
		
		
		#footer {
			width: 100%;
			position: absolute;
			bottom: 0;
			text-align: center;
			color: #686f68;
			font-size: 0.9em;
		}