body, html, div {
	margin: 0;
	padding: 0;
}

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	font-family: Arial, sans-serif;
	font-size: 10px;
	line-height: 15px;
	color: #fefefe;
	background: #7b7876;
	position: relative;
}

a img,
img a {
	border: none;
}

#background {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background:#000;
	/*background: transparent url(../images/body_bg.jpg) repeat top center;*/
}

#top_bar {
	position: absolute;
	z-index: 2;
	top: 0;
	width: 100%;
	height: 240px;
	background: transparent url(/images/top_bar_bg.png) repeat-x center top;
}

#logo {
	margin-left: -40px;
}

#top_container {
	width: 980px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

#top_content {
	position: absolute;
	top: 0;
	left: 130px;
	width: 850px;
	height: 64px;
}

#top_content .menu_item {
	display: block;
	height: 65px;
	float: left;
	margin: 0;
	padding: 0 5px;
}

#top_content .menu_item:hover {
	background: transparent url(/images/menu_highlight.png) no-repeat bottom center;
}

#top_content .menu_item img {
	margin: 25px 0 0 0;
}

#top_social_links {
	position: absolute;
	top: 20px;
	right: 0px;
}

#link_fb {
	background-image: url(/images/logo_fb.png);
}

#link_nk {
	background-image: url(/images/logo_nk.png);
}

#link_yt {
	background-image: url(/images/logo_yt.png);
}
#top_social_links a {
	display: block;
	float: right;
	width: 28px;
	height: 28px;
	margin-right: 15px;
	background-position: 0 0;
}

#top_social_links a:hover {
	background-position: 0 -28px;
}

#main_strip {
	position: absolute;
	z-index: 3;
	bottom: 60px;
	width: 100%;
	height: 241px;
	padding: 5px 0 0 0;
	background: transparent url(/images/strip_bg.png) repeat-x top center;
	overflow: hidden;
	visibility:hidden;
}

.content #main_strip {
	top: 160px;
	width: 100%;
	height: 70%;
	padding: 5px 0 12px 0;
	background-image: none;
	z-index: 3;
	overflow: auto;
	visibility:visible;
}

#content {
	width: 980px;
	height: 234px;
	padding: 0;
	/*border: 1px solid #999;*/
	margin: 0 auto;
	overflow: hidden;
}
#content p {
	font-size:12px!important;
	margin:3px 0px 9px 0px!important;
	text-align:justify;
}
#content h1 {
	padding:5px 0px 5px 0px!important;
}
.content #content {
	height: auto;
	overflow: auto;
}

#main_strip_bg {
	position: absolute;
	z-index: 2;
	bottom: 60px;
	width: 100%;
	height: 244px;
	background: transparent url(/images/strip_content_bg.png) repeat-x bottom center;
}

#footer {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	position: absolute;
	z-index: 2;
	bottom: 0;
	background: transparent url(/images/footer.png) repeat-x top center;
}

#footer_content {
	width: 980px;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#copyright {
	position: absolute;
	top: 22px;
	left: 0;
}
#login {
	position: absolute;
	top: 22px;
	right: 0;
}
#login A {font-size:12px; font-weight:bold; text-decoration:none; color:#fff;}
#login A:hover {color:#999;}

h1 {font:22px Arial, Helvetica, sans-serif; color:#fff; padding-top:0px!important; margin-top:0px!important;}
h2 {font-weight: normal; font-size: 18px; line-height: 18px;}
h2 small {font-weight: normal; font-size: 14px;}
.content #LeftMenu { width:220px; margin-right:30px; float:left;}
.content #LeftMenu div.M_el {border-bottom:2px solid #fff; border-top:2px solid #fff; font-weight:bold;}
.content #LeftMenu div.M_el_sub {padding-left:9px!important;}
.content #LeftMenu div {border-bottom:1px dotted #fff; padding:0.6em 0px 0.6em 0px;}
.content #LeftMenu div A {font:12px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.content #LeftMenu div A:hover {color:#999;}

.content #MainText { width:500px; float:left; font-size: 12px;}
.content #MainText table td {font:12px Arial, Helvetica, sans-serif; border-bottom:1px solid #ccc; padding:10px;}
.content #MainGalleryText { width:650px; float:left;}
.content #MainText p {font:12px Arial, Helvetica, sans-serif; color:#fff; text-align:justify;}
.content #MainText A {color:#fff;}
.content #MainText p A {text-decoration:none; color:#fff;}
.content #MainText p A:hover {text-decoration:underline;}
.content #MainText ul {font:12px Arial, Helvetica, sans-serif;}
.clear {clear:both;}

#FXS img {border-bottom:5px solid #fff;}

#Gallery img { margin-right:20px; margin-bottom:20px; border:5px solid #fff;}

#RightCol {width:200px; float:right;}

#Dyskografia .CD {width:120px; height:153px; float:left; background:#fff; padding:5px; color:#000; margin-right:20px; margin-bottom:20px;}
.CD_Prev img {border:5px solid #fff;}
.Concert {border-bottom:1px dotted #ccc; padding:10px 0px;}
.Concert h3 {margin:6px 0px; color:#fff; font-size:16px;}
.Concert h3 A {text-decoration:none; color:#fff;}
.Concert h3 A:hover {color:#ccc;}
.Concert p {margin:3px 0px;}


.NewsBox {border-bottom:1px dotted #ccc; padding:10px 0px;}
p.more {padding-bottom:0px; margin-bottom:0px;}
p.more A {font-size:11px; text-decoration:none; color:#fff;}
p.more A:hover {color:#ccc;}

#overlay {position:absolute; display: none; visibility: visible; top:0px; left:0px; z-index:999; width:100%; height: 100%; background:transparent url(/images/bg_alpha_80.png)}
#overlayBox {position: relative; top: 45%; width:80%; margin: 20px auto;}
#overlayClose {position: absolute; top: -10px; right: 10px; font-weight:bold; color: #fff; font-size: 30px; cursor:pointer;}
#overlayContent {padding: 20px 20px 10px 20px; color: #000;}
