/* exos music style */

*{margin:0;padding:0}
body#type_a{background:#000 url(../img/bg.jpg) no-repeat 50% 0;font:12px normal Arial, Helvetica, sans-serif;color:#999}
body#type_b{background:#000 url(../img/bg2.jpg) no-repeat 50% 0;font:12px normal Arial, Helvetica, sans-serif;color:#999}

#container{margin:0 auto;width:990px}

	#header{height:200px;position:relative}
		#header h1{padding:88px 0 10px 0}
		#header h1 a{margin-left:15px;float:left;display:block;text-indent:-9999px;width:210px;height:87px;background:url(../img/exos_music.gif) no-repeat 0 0;overflow:hidden}
		#header ul{float:right;padding:25px 15px 0 0}
			#header li{display:inline;float:left;padding-left:0;background:none}
			#header li a{overflow:hidden;display:block;float:left;height:69px;text-indent:-9999px}
				#header li a.m1{background:url(../img/li_news.gif) no-repeat 0 0;width:71px}
				#header li a.m2{background:url(../img/li_artysci.gif) no-repeat 0 0;width:88px}
				#header li a.m3{background:url(../img/li_plyty.gif) no-repeat 0 0;width:77px}
				#header li a.m4{background:url(../img/li_koncerty.gif) no-repeat 0 0;width:99px}
				#header li a.m5{background:url(../img/li_management.gif) no-repeat 0 0;width:133px}
				#header li a.m6{background:url(../img/li_kontakt.gif) no-repeat 0 0;width:82px}
				#header li a.m7{background:url(../img/li_home.gif) no-repeat 0 0;width:133px}
	
				#header li a.m1:hover{background:url(../img/li_news.gif) no-repeat 0 -69px;width:71px}
				#header li a.m2:hover{background:url(../img/li_artysci.gif) no-repeat 0 -69px;width:88px}
				#header li a.m3:hover{background:url(../img/li_plyty.gif) no-repeat 0 -69px;width:77px}
				#header li a.m4:hover{background:url(../img/li_koncerty.gif) no-repeat 0 -69px;width:99px}
				#header li a.m5:hover{background:url(../img/li_management.gif) no-repeat 0 -69px;width:133px}
				#header li a.m6:hover{background:url(../img/li_kontakt.gif) no-repeat 0 -69px;width:82px}
				#header li a.m7:hover{background:url(../img/li_home.gif) no-repeat 0 -69px;width:133px}
				
				#header li.m1{background:url(../img/li_news.gif) no-repeat 0 -138px;width:71px}
				#header li.m2{background:url(../img/li_artysci.gif) no-repeat 0 -138px;width:88px}
				#header li.m3{background:url(../img/li_plyty.gif) no-repeat 0 -138px;width:77px}
				#header li.m4{background:url(../img/li_koncerty.gif) no-repeat 0 -138px;width:99px}
				#header li.m5{background:url(../img/li_management.gif) no-repeat 0 -138px;width:133px}
				#header li.m6{background:url(../img/li_kontakt.gif) no-repeat 0 -138px;width:82px}
				#header li.m7{background:url(../img/li_home.gif) no-repeat 0 -138px;width:133px}
				
				#header li.active{display:block;height:69px;text-indent:-9999px}
				#header li.home{margin-right:15px}
				
		#playercontent{position:absolute;top:15px;right:0;width:401px;height:16px}
		#playercontent embed{float:right}
			#playercontent p{text-align:right;margin:0}
				
	#flash{width:100%;height:252px;background:#000}
		.slideshow{float:left;height:252px;width:495px}
	
	#content{width:990px;float:left;padding:3em 0}
	body#type_b #content{background:url(../img/content_bg.gif) repeat-x 0 0;padding:3em 15px;width:960px}
	body#type_b h3{color:#ddd;font-size:24px;letter-spacing:-1px}
	#main{width:680px;float:left;padding-right:40px;position:relative}
	#panes{width:680px}
	#panes div div {
		  overflow: hidden;
}
	#right_column{width:240px;float:right}
	
	#artist_main{width:665px;float:left;padding:0 40px 0 15px}
	#left_column{width:240px;float:right}
	
	#contact{width:440px;float:left;padding-right:40px}
	#right_contact{width:480px;float:right}
	
	#management{width:640px;float:left;padding-right:40px}
		#management p{clear:none}
		#management h3{clear:left;padding-right:0}
	#right_management{width:280px;float:right}
	
	#main .article,#artist_main .article,#main .record{width:415px}
	/** html #main .article,* html #artist_main .article{height: expression( this.scrollHeight < 226 ? "225px" : "auto" );}*/
	.article,.record{padding:1em 0 1em 250px;min-height:155px;position:relative}
		.article img,.record img{position:absolute;top:10px;left:0;padding:8px;background:#222}
		
	.artist{width:285px;float:left;padding-right:25px}
		
		.box{position:relative;background:url(../img/box_bg.gif) no-repeat 100% 15px;float:left;width:290px;padding:0 15px 0 20px}
		* html .box{width:285px}
			.box_right{background:none;float:left;padding:0 0 0 20px;width:285px}
		.contact_box{width:160px;float:left;padding-right:30px}
		.right{width:250px;padding-right:0;float:right}
	#rss{position:absolute;top:0;right:20px}
		#rss p{padding:0}
		#rss a{display:block;width:24px;height:24px;text-indent:-9999px;overflow:hidden;background:url(../img/rss_mini.gif) no-repeat 0 0}
	
	#footer{width:990px;height:24px;padding-top:10px;clear:both}
	body#type_b #footer{background:url(../img/content_bg.gif) repeat-x 0 0}
		#footer p{float:right;text-indent:-9999px;width:278px;height:24px;background:url(../img/footer_bg.gif) no-repeat 0 0}
		
		ul#buttons{position:absolute;top:-20px;right:30px}
			ul#buttons li{display:inline;float:left;padding-left:0;margin-left:10px}
			ul#buttons li a{border:1px solid #000;overflow:hidden;display:block;float:left;text-indent:-9999px;width:70px;height:36px}
			ul#buttons li a:hover{border:1px solid #FFCC00}
			ul#buttons li a#a1{background:url(../img/01th.jpg) no-repeat 0 0}
			ul#buttons li a#a2{background:url(../img/02th.jpg) no-repeat 0 0}
			ul#buttons li a#a3{background:url(../img/03th.jpg) no-repeat 0 0}

h2{text-indent:-9999px;font-size:20px;height:30px;padding-bottom:1em}
	h2.m1{background:url(../img/h2_news.gif) no-repeat 0 0;width:88px}
	h2.m2{background:url(../img/h2_artysci.gif) no-repeat 0 0;width:114px}
	h2.m3{background:url(../img/h2_plyty.gif) no-repeat 0 0;width:86px}
	h2.m4{background:url(../img/h2_koncerty.gif) no-repeat 0 0;width:146px}
	h2.m5{background:url(../img/h2_management.gif) no-repeat 0 0;width:209px}
	h2.m6{background:url(../img/h2_kontakt.gif) no-repeat 0 0;width:132px}
	h2.m7{background:url(../img/h2_formularz.gif) no-repeat 0 0;width:366px}
	h2.m8{background:url(../img/h2_rss.gif) no-repeat 0 0;width:68px}
	h2.m9{background:url(../img/h2_demo.gif) no-repeat 0 0;width:93px}
h3{position:relative;padding-right:85px}
h3{font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:normal}
h3 a{text-decoration:none}
h3 a:hover{text-decoration:underline}
	h3 .date{letter-spacing:normal;position:absolute;top:0;right:0;color:#999;font-size:10px}
	* html h3 .date{right:25px}
h4{font:14px normal Arial, Helvetica, sans-serif;padding-bottom:1em;color:#F5C410}

p,ul,ol{padding:1em 0}
	p{clear:both;line-height:1.5em}
	p.date{font-size:10px;color:#444}
	p.all a{width:124px;height:42px;text-indent:-9999px;overflow:hidden;display:block;background:url(../img/all.gif) no-repeat 0 0;float:right}
	p.all a:hover{background:url(../img/all.gif) no-repeat 0 -42px}
	p.more a{width:52px;height:42px;text-indent:-9999px;overflow:hidden;display:block;background:url(../img/more.gif) no-repeat 0 0;float:right}
	p.more a:hover{background:url(../img/more.gif) no-repeat 0 -42px}
	p.calendar{width:100%;}
	p.calendar a{width:144px;height:42px;text-indent:-9999px;overflow:hidden;display:block;background:url(../img/calendar.gif) no-repeat 0 0;float:right}
	p.calendar a:hover{background:url(../img/calendar.gif) no-repeat 0 -42px}
	p.rss{padding-left:65px;background:url(../img/rss.gif) no-repeat 0 0;padding-top:0;padding-bottom:3em}
	p.go_up{float:right;padding-top:0}
		p.go_up a{display:block;width:133px;height:69px;background:url(../img/go_up.gif) no-repeat 0 0;text-indent:-9999px;overflow:hidden}
		p.go_up a:hover{background:url(../img/go_up.gif) no-repeat 0 -69px}
	p.error{color:#CC0000}
	p.info{color:#66CC00}
li{list-style-type:none;padding-left:25px;background:url(../img/sprite.gif) no-repeat 0 0}
ol li{line-height:1.5em;padding-left:0;background:none;list-style-type: decimal;margin-left:25px}
ul.artist_list{padding-top:0}
	ul.artist_list li{padding-left:0;background:none;font:14px normal Arial, Helvetica, sans-serif;border-bottom:1px solid #464646}
	ul.artist_list li.last-child{border-bottom:0}
	ul.artist_list li a{display:block;padding:10px 15px}
	ul.artist_list li a:hover{text-decoration:none;background:url(../img/tr_bg.gif) repeat 0 0}
a{text-decoration:none;color:#F5C410}
a:hover{text-decoration:underline}
a img{border:0}
b,strong{color:#ddd}
img.float{clear:left;float:left;margin:0 10px 10px 0;padding:4px;border:1px solid #464646}

dl.concert{width:27em;float:left}
.concert dt{width:7em;float:left;margin:0;padding:.8em .5em .2em .5em;border-top:1px solid #464646;color:#999;font:10px normal Arial, Helvetica, sans-serif;}
.concert dt.first-child,.concert dd.first-child{border-top:0}
/* \*/
.concert dt {clear: both}
/* end hack */
.concert dd{position:relative;font:14px normal Arial, Helvetica, sans-serif;float:left;width:9em;margin:0;padding: .5em 5em .5em .5em;border-top: 1px solid #464646}
.concert dd .where{position:absolute;top:7px;right:0;font:11px normal "Trebuchet MS", Tahoma, Arial;color:#666}

form {margin: 0 0 1.5em}
input,textarea {font:11px normal "Trebuchet MS", Tahoma, Arial;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label.error{padding:1em 0;margin:0 0 1em 0;color:#CC0000}
label br {clear:left}
span.required{color:#c00}

	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	
	form{width:100%;padding:0;position:relative}
		form fieldset {width:auto}
		form h4 {margin:0 0 .6em}
		form label {clear:left;float:left;width:100%}
		
		/* hide from IE mac \*/
		form label {float:none}
		/* end hiding from IE5 mac */
	
		form label input, form label textarea{width:15em;float:left;margin-left:10px;background:#000;border:1px dotted #333;color:#fff;padding:2px}
		form label input:focus,form label textarea:focus{background:#111}
		
		form label b {float:left;width:12em;line-height: 1.7;display:block;position:relative;font-weight:normal}
		form label b .req {color:#C00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form div.req {font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form div.req b {color:#C00;font-size:140%}
		form label textarea.f-comments {width: 23em;height:18em;overflow:auto}
		form div.f-submit-wrap {padding: 5px 0 5px 13em}
		form input.buttonSubmit{background:#111;color:#F5C410;border:1px dotted #333;padding:2px;cursor:pointer}
		
table{width:100%;border-collapse:collapse;border-bottom:1px solid #000;margin:1em 0 2em 0}
	tr.row{background:url(../img/tr_bg.gif) repeat 0 0}
	th{border-bottom:1px solid #333;padding:10px}
	td{border-top:1px solid #000;padding:10px}
	td.artist{font-family:Arial, Helvetica, sans-serif;font-size:14px}
	th{cursor:pointer;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:left;color:#ddd}
	table thead th span#sorttable_sortfwdind,table thead th span#sorttable_sortrevind{font-family:Georgia, "Times New Roman", Times, serif;font-size:16px}
	
	
	
	#imageMenu {
	position: relative;
	width: 990px;
	height: 252px;
	overflow: hidden;
	padding-bottom:5em
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 282px;
	width: 1000px;
	
	}

#imageMenu ul li {
	float: left;
	background:none;
	padding-left:0
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #000;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:305px;
	height: 252px;
}

#imageMenu ul li.landscapes a {
	background: url(../img/01.jpg) repeat scroll 0%;
}

#imageMenu ul li.people a {
	background: url(../img/02.jpg) repeat scroll 0%;
}

#imageMenu ul li.nature a {
	background: url(../img/03.jpg) repeat scroll 0%;
		width: 350px;
}


.clear {
	clear: both;
}