@charset "utf-8";
/* CSS Document */

* {
margin: 0;
border: 0;
padding: 0;
}

html, body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background: #fff;
overflow: hidden;
height: 100%;
font-style: normal;
text-align: justify;
}

a img {
border: 0;
}

p {
padding: 10px;
}

a {
color: #fff;
text-decoration: none;
outline: none;
}

a:hover {
color: #aaa;
}

h1 {
font-size: 50px;
color: #000;
}

#bgContainer {
display: block;
position: absolute;
height: 100%;
}

#supersize {
position: fixed;
top: 0;
left: 0;
z-index: 0;
}

#supersize img, #supersize a {
height: 100%;
width: 100%;
display: none;
}

#supersize .activeslide, #supersize .activeslide img {
display: inline;
}

#container {
margin: 0 auto;
height: 500px;
height:100%;
width: 800px;
font-size: 12px;
color: #333;
z-index: 998;
}

#transparent {
position: absolute;
width: 100%;
height: 190px;
right: 0;
bottom: 0;
z-index: 999;
background: url(../img/footer.png) repeat;
}

#logo {
display: block;
height: 235px;
width: 235px;
background-image: url(../img/logo.png);
background-position: top left;
background-repeat: no-repeat;
position: absolute;
top: 15px;
left: 20px;
z-index: 999;
}

#music {
position: absolute;
display: block;
width: 70px;
height: 70px;
font-size: 26px;
background: url(../img/menu-70.png) no-repeat;
padding-top: 25px;
padding-left: 15px;
top: 10px;
right: 180px;
z-index: 999;
}

#music a {
font-size: 26px;
color: #000;
}

#music a:hover {
font-size: 26px;
color: #aaa;
}

#videos {
position: absolute;
display: block;
width: 70px;
height: 70px;
font-size: 26px;
background: url(../img/menu-70.png) no-repeat;
padding-top: 25px;
padding-left: 15px;
top: 10px;
right: 100px;
z-index: 999;
}

#videos a {
font-size: 26px;
color: #000;
}

#videos a:hover {
font-size: 26px;
color: #aaa;
}

#gallery {
position: absolute;
display: block;
width: 70px;
height: 70px;
font-size: 26px;
background: url(../img/menu-70.png) no-repeat;
padding-top: 25px;
padding-left: 15px;
top: 10px;
right: 20px;
z-index: 999;
}

#gallery a {
font-size: 26px;
color: #000;
}

#gallery a:hover {
font-size: 26px;
color: #aaa;
}

#music-player {
position: absolute;
padding: 5px;
bottom: 0;
right: 15px;
z-index: 1000;
background: #000;
color: #fff;
}

#credits {
position: absolute;
font-size: 11px;
color: #fff;
font-weight: normal;
padding: 5px;
bottom: 2px;
left: 15px;
z-index: 1000;
background: #000;
}

#author {
position: absolute;
font-size: 11px;
color: #fff;
font-weight: normal;
padding: 5px;
bottom: 2px;
left: 325px;
z-index: 1000;
background: #000;
}

#credits a {
color: #773c40;
font-weight: normal;
}

#credits a:hover {
color: #fff;
font-weight: normal;
}

#author a {
color: #773c40;
font-weight: normal;
}

#author a:hover {
color: #fff;
font-weight: normal;
}

#menu {
font-size: 26px;
width: 680px;
height: 90px;
position: absolute;
right: 10px;
bottom: 50px;
z-index: 999;
text-align: center;
}

#menu a {
font-size: 26px;
color: #000;
}

#menu a:hover {
font-size: 26px;
color: #333;
}

#news {
height: 90px;
width: 90px;
background: url(../img/menu.png) no-repeat center top;
float: left;
margin: 0 auto;
padding: 35px 10px 0 10px;
}

#about {
height: 90px;
width: 90px;
background: url(../img/menu.png) no-repeat center top;
float: left;
margin: 0 auto;
padding: 35px 10px 0 10px;
}
 
#calendar {
height: 90px;
width: 90px;
background: url(../img/menu.png) no-repeat center top;
float: left;
margin: 0 auto;
padding: 35px 10px 0 10px;
} 

#repertoire {
height: 90px;
width: 90px;
background: url(../img/menu.png) no-repeat center top;
float: left;
margin: 0 auto;
padding: 35px 10px 0 10px;
}

#discography {
height: 90px;
width: 90px;
background: url(../img/menu.png) no-repeat center top;
float: left;
margin: 0 auto;
padding: 35px 10px 0 10px;
}

#press {
height: 90px;
width: 90px;
background: url(../img/menu.png) no-repeat center top;
float: left;
margin: 0 auto;
padding: 35px 10px 0 10px;
}

#contact {
height: 90px;
width: 90px;
background: url(../img/menu.png) no-repeat center top;
float: left;
margin: 0 auto;
padding: 35px 10px 0 10px;
}

#wrapperOLD {
margin: 0 150px;
width: 720px;
height: 500px;
overflow: hidden;
/*position: absolute;
top:10%;*/
position: absolute;
z-index: 998;
}

#wrapper {
padding-top: 26px;
padding-left: 14px;
top: 80px;
right: 20px;
width: 720px;
height: 500px;
overflow: hidden;
/*position: absolute;
top:10%;*/
position: absolute;
z-index: 998;
}

#inner {
width: 720px; 
height: 9500px; 
position: absolute;
top: 0;
}

.scrolling-content {
position: absolute;
width: 400px;
height: auto;
}

.scrolling-content a {
color: #773c40;
font-weight: bold;
}

.scrolling-content a:hover {
color: #773c40;
font-weight: bold;
}

.content {
background-image: url(../img/post.png);
background-repeat: repeat;
padding: 20px;
}

.content-intro {
font-size: 22px;
text-align: center;
background-image: url(../img/post.png);
background-repeat: repeat;
padding: 20px;
}

.content-intro-potpis {
font-size: 22px;
text-align: center;
color: #773c40;
}

.post-top {
width: 400px;
height: 20px;
background: url(../img/post-top.png);
}

.post-bottom {
width: 400px;
height: 20px;
background: url(../img/post-bottom.png);
}

#content1 {
right: 0;
top: 1000px;
}

#content2 {
right: 0;
top: 2500px;
}

#content3 {
right: 0;
top: 4000px;
}

#content4 {
right: 0;
top: 5500px;
}

#content5 {
right: 0;
top: 7000px;
}

#content6 {
right: 0;
top: 8500px;
}