body { 
font-family : "Trebuchet MS"; 
font-size : small; 
color : #ffffff; 
text-align : justify; 
margin : 0 0 0 0; 
padding : 0; 
background-color : #D01B0A; 
height : 100%; }

img { display : block; border:0}

label {display:block; width:100px;float:left;}
input, textarea { display: block; float: left;}
input.submit {margin-left: 100px;}
fieldset {
font-family : "Trebuchet MS"; 
font-size : 95%; 
color : #ffffff; 
}
legend {
font-family : "Trebuchet MS"; 
font-size : 100%; 
color : #ffffff; 
}
#formularz {overflow: hidden; clear: both; margin-bottom: 5px;}


#fullPage { 
font-size: 90%; 
margin : 0; 
padding : 0; 
height: 100%; }

#upHolder { 
overflow: auto; 
margin : 0 ; 
width : 980px; 
padding : 0; }


#upHolder_zaloba { 
overflow: auto; 
margin : 0 ; 
width : 980px; 
padding : 0; 
background-color : #484848; }


#logo{
float : left;
margin : 0; 
width : 258px; 
padding : 0; }

#labelm{
float : left;
margin : 0 0 0 6px ; 
width : 187px; 
padding : 0; }

#fwf{
float : left;
margin : 0 0 0 10px ; 
width : 84px; 
padding : 0; }

#seamless{
float : left;
margin : 0 0 0 10px ; 
width : 89px; 
padding : 0; }

#bargrooves{
float : left;
margin : 0 0 0 10px ; 
width : 67px; 
padding : 0; }

#beatport{
float : left;
margin : 0 0 0 10px ; 
width : 249px; 
padding : 0; }


#przedzialek_menu{
float : left;
margin : 0 0 0 0px ; 
width : 2px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;
background : url(../images/new_menu/palik.gif) no-repeat 0 0;}

#naglowek_menu{
float : left;
margin : 0 0 0 0; 
width : 116px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;
}

#button_clubfryzjerski{
float : left;
margin : 0 0 0 0px ; 
width : 158px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_clubfryzjerski_a {
display : block;
width : 158px;
height : 24px;
background : url(../images/new_menu/clubfryzjerski.gif) no-repeat 0 0;}
a.button_clubfryzjerski_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_uslugi{
float : left;
margin : 0 0 0 0px ; 
width : 78px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_uslugi_a {
display : block;
width : 78px;
height : 24px;
background : url(../images/new_menu/uslugi.gif) no-repeat 0 0;}
a.button_uslugi_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_labelm{
float : left;
margin : 0 0 0 0px ; 
width : 91px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_labelm_a {
display : block;
width : 91px;
height : 24px;
background : url(../images/new_menu/labelm.gif) no-repeat 0 0;}
a.button_labelm_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_goldwell{
float : left;
margin : 0 0 0 0px ; 
width : 103px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_goldwell_a {
display : block;
width : 103px;
height : 24px;
background : url(../images/new_menu/goldwell.gif) no-repeat 0 0;}
a.button_goldwell_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_personel{
float : left;
margin : 0 0 0 0px ; 
width : 101px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_personel_a {
display : block;
width : 101px;
height : 24px;
background : url(../images/new_menu/personel.gif) no-repeat 0 0;}
a.button_personel_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_muzyka{
float : left;
margin : 0 0 0 0px ; 
width : 90px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_muzyka_a {
display : block;
width : 90px;
height : 24px;
background : url(../images/new_menu/muzyka.gif) no-repeat 0 0;}
a.button_muzyka_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_obslugaeventow{
float : left;
margin : 0 0 0 0px ; 
width : 183px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_obslugaeventow_a {
display : block;
width : 183px;
height : 24px;
background : url(../images/new_menu/obslugaeventow.gif) no-repeat 0 0;}
a.button_obslugaeventow_a:hover {
height : 24px;
background-position : 0 -24px;}

#koncowka_alternative{
float : left;
margin : 0 0 0 0px ; 
width : 48px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;
}


#button_aktualnosci{
float : left;
margin : 0 0 0 0px ; 
width : 123px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_aktualnosci_a {
display : block;
width : 123px;
height : 24px;
background : url(../images/new_menu/aktualnosci.gif) no-repeat 0 0;}
a.button_aktualnosci_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_godzinyotwarcia{
float : left;
margin : 0 0 0 0px ; 
width : 182px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_godzinyotwarcia_a {
display : block;
width : 182px;
height : 24px;
background : url(../images/new_menu/godzinyotwarcia.gif) no-repeat 0 0;}
a.button_godzinyotwarcia_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_gdziejestesmy{
float : left;
margin : 0 0 0 0px ; 
width : 164px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_gdziejestesmy_a {
display : block;
width : 164px;
height : 24px;
background : url(../images/new_menu/gdziejestesmy.gif) no-repeat 0 0;}
a.button_gdziejestesmy_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_kariera{
float : left;
margin : 0 0 0 0px ; 
width : 90px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_kariera_a {
display : block;
width : 90px;
height : 24px;
background : url(../images/new_menu/kariera.gif) no-repeat 0 0;}
a.button_kariera_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_prasa{
float : left;
margin : 0 0 0 0px ; 
width : 73px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_prasa_a {
display : block;
width : 73px;
height : 24px;
background : url(../images/new_menu/prasa.gif) no-repeat 0 0;}
a.button_prasa_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_bok{
float : left;
margin : 0 0 0 0px ; 
width : 60px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_bok_a {
display : block;
width : 60px;
height : 24px;
background : url(../images/new_menu/bok.gif) no-repeat 0 0;}
a.button_bok_a:hover {
height : 24px;
background-position : 0 -24px;}

#button_cennik{
float : left;
margin : 0 0 0 0px ; 
width : 93px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;}
a.button_cennik_a {
display : block;
width : 93px;
height : 24px;
background : url(../images/new_menu/cennik.gif) no-repeat 0 0;}
a.button_cennik_a:hover {
height : 24px;
background-position : 0 -24px;}


#koncowka_informacje{
float : left;
margin : 0 0 0 0px ; 
width : 67px; 
height: 24px;
padding : 0; 
background-color: #D01B0A;
}


#menu_pauza{ 
overflow: auto; 
margin : 0 ; 
width : 980px; 
height: 5px;
padding : 0; }

#menu{ 
overflow: auto; 
margin : 0 ; 
width : 980px; 
padding : 0; }

#menutitle { 
float : left;
font-size: 160%;
color: #000000;
margin : 0 0 0 10px ; 
padding : 0; }

#menucontent{ 
float : left;
font-size: 180%;
color: #000000;
margin : 0 0 0 10px ; 
padding : 0; }

div#menucontent a { padding: 0; text-decoration: none; color: #ffffff;}
div#menucontent a:visited { color: #ffffff;  } 
div#menucontent a:hover { color: #ffffff; text-decoration: none; } 

#maincontent{
overflow: auto; 
margin : 10px 0 0 0 ; 
width : 980px; 
padding : 0; }

#mainimage{
float : left;
width: 600px; 
margin : 0; 
padding : 0; 
background-color : #000000; }

div#mainimage a { padding: 0; text-decoration: underline; color: #ffffff;}
div#mainimage a:visited { color: #ffffff;} 
div#mainimage a:hover { color: #ffffff; text-decoration: underline;} 

#mainimage1{
float : left;
width: 600px; 
margin : 0; 
padding : 0; 
background-color : #000000; }


div#banerlabelm{
float: left;
margin: 0 0 0px 5px;
width:590px;
}

div#polecamy{
float: left;
margin: 0 0 0px 5px;
width:590px;
background-image : url(../images/backpolecamy.jpg);
background-repeat : repeat-y;
font-size: 150%;
color: #ffffff;
}


div#polecamy1{
float: left;
margin: 0 0 0px 5px;
width:590px;
background-image : url(../images/backpolecamy.jpg);
background-repeat : repeat-y;
color: #ffffff;
}

div#baner1main
{
float: left;
margin: 0 0 5px 5px;
width:190px;
}
div#baner2main
{
float: left;
margin: 0 0 5px 10px;
width:190px;
}
div#baner3main
{
float: left;
margin: 0 0 5px 10px;
width:190px;
}

div#baner4main
{
font-size: 95%; 
float: left;
margin: 0 0 5px 10px;
width:390px;
background-color : #323232;
}
div#baner4main a { padding: 0; text-decoration: none; color: #ffffff;}
div#baner4main a:visited { color: #ffffff;  } 
div#baner4main a:hover { color: #ffffff; text-decoration: underline; } 

#footer1{
float : left;
width: 600px; 
margin : 0; 
padding : 0; 
background-color : #000000; }
div#footer1 a { font-size: 95%; padding: 0 0 0 5px; text-decoration: none; color: #ffffff;}
div#footer1 a:visited { color: #ffffff;  } 
div#footer1 a:hover { color: #ffffff; text-decoration: underline; } 

#footer2{
float : left;
width: 595px; 
font-size: 95%;
margin : 0; 
padding : 0 0 0 5px; 
background-color : #000000; }
div#footer2 a { padding: 0 0 0 5px; text-decoration: underline; color: #ffffff;}
div#footer2a:visited { color: #ffffff;  } 
div#footer2 a:hover { color: #ffffff; text-decoration: underline;}


#maintext{
float : left;
margin : 0 0 0 10px ; 
padding : 0; }

#maintexttitle
 { 
font-size: 150%;
color: #ffffff;
width: 365px;
background-color : #000000; 
padding : 0 0 0 5px; }

#maintextcontent
 {
width: 370px;
color: #ffffff;
padding : 0; }
div#maintextcontent a { padding: 0; text-decoration: underline; color: #ffffff;}
div#maintextcontent a:visited { color: #ffffff;  } 
div#maintextcontent a:hover { color: #ffffff; text-decoration: underline; } 

#maintextmusicdesc
 {
width: 360px;
color: #ffffff;
background-color: #000000;
padding : 5px 5px 5px 5px; 
background-image : url(../images/beatport/082008/082008.jpg);
background-repeat : no-repeat;
}
div#maintextcontent a { padding: 0; text-decoration: underline; color: #ffffff;}
div#maintextcontent a:visited { color: #ffffff;  } 
div#maintextcontent a:hover { color: #ffffff; text-decoration: underline; } 


div#madmedimage
{
float: left;
margin: 0 0 0 10px;
padding: 0;
width:188px;
}
div#madmedlogo
{
float: left;
margin: 0 0 0 10px;
padding: 0;
width:380px;
}

div#madmedopis
{
float: left;
font-size : 95%; 
margin: 5px 0 0 10px;
width:380px;
}
div#madmedopis a, div#sterowanie a, div#projekt a { padding: 0; text-decoration: underlined; color: #ffffff;}
div#madmedopis a:visited , div#sterowanie a:visited , div#projekt a:visited{ color: #ffffff;  } 
div#madmedopis a:hover, div#sterowanie a:hover, div#projekt a:hover{ color: #ffffff; text-decoration: underlined; } 

div#sterowanie
{
float: left;
margin: 0 0 0 10px;
padding: 0;
width: 590px;
}

div#projekt
{
float: left;
margin: 0 0 0 10px;
padding: 0;
width:580px;
background-color: #656565;
}
div#projekt1
{
float: left;
margin: 5px 5px 5px 5px;
padding: 0;
width:570px;
background-color: #656565;
}

div#projekt2
{
float: left;
margin: 5px 5px 5px 5px;
padding: 0;
width:570px;
background-color: #656565;
}



div#projekt2img
{
float: left;
margin: 0;
padding: 0;
width:185px;
}
div#chillout
{
float: left;
margin: 0;
padding: 5px 5px 5px 5px;
width:375px;
background-color: #ff5b02;
}
div#funkyhouse
{
float: left;
margin: 0;
padding: 5px 5px 5px 5px;
width:375px;
background-color: #760019;
}

div#funk
{
float: left;
margin: 0;
padding: 5px 5px 5px 5px;
width:375px;
background-color: #051082;
}

div#deephouse
{
float: left;
margin: 0;
padding: 5px 5px 5px 5px;
width:375px;
background-color: #444444;
}
div#projekt2relimg
{
float: left;
margin: 0;
padding: 5px 5px 5px 5px;
width=50px;
}
div#projekt2relnfo
{
float: left;
margin: 0;
padding: 5px 5px 5px 0px;
width: 310px;
}
div#infovideo
{
font-size: 90%;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
