/* CSS Document */
#menu {
height:54px;
width:695px;
display:block;

padding:0;
margin:11px 40px 0 0;
position:relative; 
z-index:100;
}

#menu .select {
margin:0; 
padding:0; 
list-style:none; 
}

#menu li {
float:left;
}

#menu .select a {
display:block; 
height:54px;
width:151px;
float:left; 
text-decoration:none; 
white-space:nowrap; 
}

#menu b {
position:absolute; 
left:-9999px;
}

#menu .select a.bio {background:url(images/bio.jpg) no-repeat left top; width:89px;}
#menu .select a.portfolio {background:url(images/portfolio.jpg) no-repeat left top;}
#menu .select a.fotografia {background:url(images/fotografia.jpg) no-repeat left top;}
#menu .select a.download {background:url(images/download.jpg) no-repeat left top;}
#menu .select a.kontakt {background:url(images/kontakt.jpg) no-repeat left top;}

#menu .select a:hover, 
#menu .select li:hover a {
background-position: left bottom; 
cursor:pointer; 
}

#menu .sub {
display:none;
}

#menu ul ul {display:none;}

/* IE6 only */
#menu table {
border-collapse:collapse; 
margin:-1px; 
width:0; 
height:0;
}

#menu .sub {
margin:0; 
padding:21px 0 0 0;
list-style:none;
background:transparent url(images/trans.gif)
}

#menu .sub li {background:transparent; height:17px; width:90px; }

#menu .select :hover .sub {
height:17px; 
display:block; 
position:absolute;
float:left;
width:605px;
top:54px; 
left:142px; 
}

#menu .select :hover .sub li a 
{display:block; height:17px; float:left; padding:0; margin:0; white-space:nowrap;}

#menu .select :hover .sub li a.identyfikacja
{background:url(images/identyfikacja.jpg) no-repeat left top;}
#menu .select :hover .sub li a.poligrafia
{background:url(images/poligrafia.jpg) no-repeat left top;}
#menu .select :hover .sub li a.www
{background:url(images/www.jpg) no-repeat left top;}
#menu .select :hover .sub li a.inne
{background:url(images/inne.jpg) no-repeat left top;}

#menu .select :hover .sub li  a:hover, 
#menu .select :hover .sub li a {
background-position: left bottom; 
cursor:pointer; }