body { 
font-family : "Trebuchet MS"; 
font-size : small; 
font-color : #ffffff; 
text-align : justify; 
margin : 0 0 0 0; 
padding : 0; 
background-color : #2d2d37; 
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%; 
}


#pageholder{
overflow: auto; 
margin : auto ; 
width : 994px; 
padding : 0; 
padding-top : 7px;
padding-bottom : 7px;
background-color : #ffffff;
}

#upMenu { 
overflow: auto; 
margin : auto ; 
width : 980px; 
height : 30px;
background-color : #000000;
padding : 0; }


#content { 
overflow: auto; 
margin : auto ; 
width : 980px; 
background-color : #4d0b03;
padding : 0; 
}

#handsup
{
float : left;
padding : 0; 
width: 335px;
background-color : #817f7e;
}
#break
{
float: left;
padding: 0;
width : 980px; 
height: 10px;
background-color : #4d0b03;
}
#break_black
{
float: left;
padding: 0;
width : 980px; 
background-color : #000000;
}

#video
{
float : left;
padding : 10px; 
width: 615px;
height: 300px;
background-color : #ffffff;
}

#comments
{
float : left;
padding : 10px; 
width: 595px;
margin-left : 20px;
background-color : #ffffff;
}


#windowcontent { 
overflow: auto; 
margin : auto ; 
width : 960px; 
background-color : #ffffff;
background-image : url(../images/3column_line.jpg); background-repeat : repeat-y; 
padding : 0; }


#windowcontent1 { 
overflow: auto; 
margin : auto ; 
width : 960px; 
background-color : #ffffff;
background-image : url(../images/2column_line.jpg); background-repeat : repeat-y; 
padding : 0; }

#window1{
float : left;
margin-top : 5px; 
margin-left : 10px;
padding : 0; 
width: 300px;
background-color : #ffffff;
}

#window2{
float : left;
margin-top : 5px; 
margin-left : 20px;
padding : 0; 
width: 300px;
background-color : #ffffff;
}

#window_header{
background-color : #e2e2e2;
font-size: 160%; 
font-weight: bolder;
padding-left: 5px;
}

#logo{
float : left;
margin : 0; 
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 : 136px; 
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; }



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

#menutitle { 
float : left;
font-size: 180%;
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; 
color: #ffffff;}

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


div#banerlabelm{
float: left;
margin: 0 0 0px 5px;
width:590px;
}
div#banerlabelm a { padding: 0; text-decoration: underline; color: #ffffff;}
div#banerlabelm a:visited { color: #ffffff;  } 
div#banerlabelm a:hover { color: #ffffff; text-decoration: underline; } 

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#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; }