html {height: 100%}
body {background: black; color: white; font-family: verdana, helvetica, arial; height: 100%; padding: 0; margin: 0}
A:link, A:visited {color: white; text-decoration: none}
A:link:hover, A:visited:hover, A:active {text-decoration: none}
img {border: none}
a.inactive:link, a.inactive:visited {color: gray}
a.inactive:link:hover, a.inactive:visited:hover, a.inactive:active {color: white}
.pointer {cursor: pointer}

#main-tb {height: 100%; width: 760px; margin: 0 auto}
#main-tb td {vertical-align: middle; padding: 0}
#main {position: relative; top: 0; left: 0; background-image: url('grafika/tlo-prawe.gif'); background-repeat: repeat-y; background-position: right; padding: 20px 0 10px 0; margin-bottom: 0.5em}
#band-link {display: block; position: absolute; top: 0px; left: 677px; width: 83px; height: 142px; z-index: 6; padding-top: 422px; text-align: center; font-weight: bold; line-height: 150%; font-size: 12pt}

#logo-male {float: left; margin-bottom: 50px; width: 344px; height:102px}
#section-info {position: relative; width: 270px; text-align: right; font-weight: normal; margin-top: 0; margin-left: 383px; font-size: 20pt; letter-spacing: 1px; z-index: 3}
#section-info h1 {font-weight: normal; margin: 0; font-size: 20pt; letter-spacing: 1px}
#section-links {font-size: 8pt; letter-spacing: 0; margin-top: 10px; line-height: 140%}


#navigation {position: relative; top: 392px}
#navigation-studio {position: relative; top: 7px; height: 22px}
#navigation a, #navigation-studio a {display: block; position: absolute; width: 120px; border: 1px solid #003C70; text-align: center; font-size: 7.5pt; padding: 2px 0; z-index: 4}
#navigation a:hover, #navigation-studio a:hover {border: 1px solid #005BAA}
#navigation1 {left: 0px}
#navigation2 {left: 176px}
#navigation3 {left: 354px}
#navigation4 {left: 531px}

#section-names {position: relative; top: 4px; left: 195px; font-size: 14pt; z-index: 2; width: 440px; margin-top: 0px}
#section-names div {position: absolute; left: 195px; top: 0}
#img-sections-wrap {margin-top: -0.4em; margin-bottom: 6px; margin-left: 20px ; z-index: 1}
#img-section2 {margin-left: 60px}

#section-names2 {position: absolute; bottom: 330px; font-size: 14pt; width: 344px; z-index: 5}
#section-names2 div {position: absolute; top: 0px; right: 0px}

#photos {position: relative; top: -47px; height: 360px; z-index: 2}
#large-photo {position: absolute; top: 23px; left: 0px; width: 344px; height: 337px}
#large-photo td {padding: 0; text-align: center}

#thumbnails {position: absolute; top: 38px; left: 382px}
#thumbnails img {width: 89px; height: 101px}
#thumb1 {position: absolute; top: 0px; left: 0px}
#thumb2 {position: absolute; top: 0px; left: 91px}
#thumb3 {position: absolute; top: 0px; left: 182px}
#thumb4 {position: absolute; top: 103px; left: 0px}
#thumb5 {position: absolute; top: 103px; left: 91px}
#thumb6 {position: absolute; top: 103px; left: 182px}
#thumb7 {position: absolute; top: 206px; left: 0px}
#thumb8 {position: absolute; top: 206px; left: 91px}
#thumb9 {position: absolute; top: 206px; left: 182px}
#page-numbers {position: absolute; top: 315px; left: 0px; text-align: center; width: 298px}