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

@import url(compressed.css);

* {
margin: 0;
padding: 0;
list-style: none;
}

html, body {
overflow-y: hidden;
overflow-x: hidden;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background: #fff;
margin: 0 auto;
padding: 0;
width: 23800px;
}

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

h2 {
font-size: 30px;
color: #4670ac;
}

h3 {
font-size: 80px;
color: #4670ac;
}

#ie6 {
display: none;
}

a img {
border: none;
outline: none;
}

#stop-music {
position: absolute;
top: 17px;
display: block;
left: 65%;
width: 25px;
height: 20px;
outline: none;
}

#main-menu a {
font-size: 19px;
color: #4670ac;
position: absolute;
top: 17px;
display: block;
left: 50%;
width: 150px;
height: 20px;
outline: none;
}

#main-menu a:hover {
font-size: 19px;
color: #fff;
}

.trans-black {
background: url(../images/trans-black.png);
}

.trans-white {
background: url(../images/trans-white.png);
}

#masterContainer {
margin: 0 auto;
padding: 0;
}

.frame {
width: 1980px;
display: block;
float: left;
margin: 0 auto;
}

.container {
height: 1100px;
position: relative;
}

#listenFrame {
position: absolute;
top: 20px;
height: 365px;
width: 985px;
}

#flashcontent {
height: 325px;
vertical-align: middle;
margin: 40px 0 0 5px;
}

#flash-grb {
width: 920px;
height: 419px;
vertical-align: middle;
margin: 0 auto;
background: url(../images/videos-grb.png) no-repeat center;
font-size: 12px;
color: #fff;
}

#flash-grb a {
color: #4670ac;
text-decoration: none;
outline: none;
}

#flash-grb a:hover {
color: #fff;
text-decoration: none;
}

#fla-grb {
width: 920px;
height: 439px;
vertical-align: middle;
margin: 0 auto;
background: url(../images/photos-grb.png) no-repeat center;
}

#discographyFrame {
position: absolute;
top: 20px;
width: 1500px;
height: 365px;
left: -250px;
}

#videosFrame {
position: absolute;
top: 20px;
width: 1500px;
height: 365px;
left: -250px;
}

#photosFrame {
position: absolute;
top: 20px;
width: 1500px;
height: 365px;
left: -250px;
}

.left a {
font-weight: bold;
text-decoration: none;
color: #4670ac;
outline: none;
}

.left a:hover {
color: #000;
text-decoration: none;
}

.right a {
font-weight: bold;
text-decoration: none;
color: #fff;
outline: none;
}

.right a:hover {
text-decoration: underline;
}

#photosFrame .span-4 {
margin-right: 20px;
margin-top: -15px;
}

#discographyFrame .container, #listenFrame .container, #videosFrame .container, #photosFrame .container {
padding-top: 15px;
}

#meni-levo {
width: 200px;
margin: 40px 0 0 35px;
}

#meni-levo h1 {
font-size: 50px;
color: #fff;
}

.meni-levo-gore {
padding: 10px 0 10px 0;
display: block;
background: none;
font-size: 20px;
color: #000;
}

.meni-levo-gore a {
color: #000;
text-decoration: none;
outline: none;
}

.meni-levo-gore a:hover {
color: #4670ac;
}

#meni-desno {
width: 200px;
margin: 50px 0 0 20px;
}

#meni-desno h1 {
font-size: 40px;
color: #fff;
}

.meni-desno-gore {
position: absolute;
top: 15px;
right: 15px;
padding: 10px 0 10px 0;
display: block;
background: none;
font-size: 20px;
}

.meni-desno-gore a {
color: #fff;
text-decoration: none;
outline: none;
}

.meni-desno-gore a:hover {
color: #4670ac;
text-decoration: none;
}

#krug-desno {
background: url(../images/right-menu.png) no-repeat;
position: absolute;
left: 735px;
top: 10px;
width: 230px;
height: 230px;
display: block;
padding: 10px;
text-align: center;
}

#krug-levo {
background: url(../images/left-menu.png) no-repeat;
position: absolute;
top: 250px;
width: 260px;
height: 260px;
display: block;
padding: 10px;
text-align: center;
}

#krug-levo a, #krug-desno a {
outline: none;
color: #4670ac;
font-size: 20px;
text-decoration: none;
}

#krug-levo a:hover, #krug-desno a:hover {
outline: none;
color: #fff;
font-size: 20px;
text-decoration: none;
}

.newsFrame, .bioFrame, .pressFrame, .calendarFrame, .repertoireFrame, .programmesFrame {
position: absolute;
top: 20px;
height: 500px;
left: -500px;
padding-left: 510px;
width: 990px;
padding-right: 300px;
padding-bottom: 20px;
overflow: hidden;
}

.span-news, .span-bio, .span-press, .span-calendar, .span-repertoire, .span-programmes {
width: 880px;
text-align: justify;
}

#post-news {
width: 990px;
height: 300px;
}

#post-calendar, #post-repertoire, #post-programmes {
width: 670px;
height: 300px;
}

#post-bio, #post-press {
width: 990px;
height: 290px;
}

#newsBG {
background: white url(../images/news.jpg) no-repeat 50% 0%;
}

#bioBG {
background: white url(../images/bio.jpg) no-repeat 50% 0%;
}

#pressBG {
background: white url(../images/press.jpg) no-repeat 50% 0%;
}

#calendarBG {
background: white url(../images/calendar.jpg) no-repeat 50% 0%;
}

#repertoireBG {
background: white url(../images/repertoire.jpg) no-repeat 50% 0%;
}

#programmesBG {
background: white url(../images/programmes.jpg) no-repeat 40% 0%;
}

#startBG {
background: black url(../images/main.jpg) no-repeat 50% 0%;
}

#homeDiscography {
background: black;
}

#homeMusic {
background: black url(../images/audio.jpg) no-repeat 60% 0%;
}

#homeMusic p {
color: #fff;
}

#homeVideos {
background: black;
}

#homePhotos {
background: black;
}

#open-close-tab {
clear: both;
position: absolute;
top: 40px;
left: 0;
right: 0;
display: block;
margin: 0 auto;
width: 100%;
background: #010101/*url(../images/footer.jpg) repeat-x 0 -30px*/;
color: #444;
}

#open-close-tab a {
color: #888;
}

#open-close-tab a:hover {
color: #fff;
}

#open-close-tab .black-box-left {
padding: 30px 0 0 0;
width: 450px;
float: left;
}

#open-close-tab .black-box-right {
padding: 30px 0 0 0;
margin: 0 0 0 60px;
width: 450px;
float: right;
}

.open-close-tab-container {
clear: both;
width: 980px;
position: relative;
margin: 0 auto;
height: 257px;
}

#expand {
position: absolute;
top: 20px;
right: 30px;
}

#expand a {
display: block;
width: 77px;
height: 15px;
background: url(../images/open.png) no-repeat 0 0;
float: none;
margin: 0px;
outline: none;
}

#contract {
position: absolute;
bottom: 20px;
right: 45px;
}

a.contractClose {
display: block;
width: 33px;
height: 12px;
background: url(../images/close.png) no-repeat 0 0;
outline: none;
}

.contact-credits {
position: absolute;
left: 10px;
top: 20px;
}

#iconbar {
width: 105px;
height: 12px; 
position: absolute;
}

#iconbar li {
float: left;
position: relative;
display: block;
}

#iconbar span {
background: url(../images/iconbar.png) no-repeat 0 0;
width: 110px;
height: 35px;
position: absolute;
top: -30px;
left: -9px;
text-align: left;
padding: 5px;
display: none;
line-height: 110%;
color: #000;
cursor: pointer;
font-family: Arial, Helvetica, sans-serif;
}

#loading {
background: url(../images/loader.gif) no-repeat 20px 50%;
}

#loading .container {
height: 600px;
}

#footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
display: block;
height: 30px;
padding-top: 10px;
background: url(../images/footer.jpg) repeat-x 0 10px;
z-index: 4000;
}

#footer a {
color: #4670ac;
text-decoration: none;
outline: none;
}

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

.shadetabs {
list-style-type: none;
text-align: left;
}

.shadetabs li {
display: inline;
margin: 0;
}

.shadetabs li a {
color: #000;
outline: none;
margin-right: 3px;
}

.shadetabs li a:hover {
color: #000;
outline: none;
margin-right: 3px;
}

.shadetabs li a.selected {
text-decoration: none;
color: #4670ac;
}

.tabcontent {
display: none;
}

.tabcontent p {
padding: 10px;
}

#tabs-bio {
position: absolute;
top: 130px;
bottom: 10px;
left: 496px;
}

#tabs-press {
position: absolute;
top: 130px;
bottom: 10px;
left: 496px;
}

.calendar {
clear: left;
overflow: hidden;
margin: 0 0 40px 0;
}

.calendarHeader {
margin-bottom: 12px;
padding: 5px 0 12px 90px;
position: relative;
}

.calendarHeader p {
margin-bottom: 0;
}

.calendarContent {
padding-left: 90px;
}

.calendarHeader .date {
background: #4670ac;
color: #fff;
font-size: 16px;
line-height: 12px;
padding-top: 10px;
position: absolute;
text-align: center;
top: 5px;
left: 0;
width: 55px;
height: 50px;
}

.calendarHeader .date span {
font-size: 11px;
color: #000;
text-align: center;
}

.calendarHeader h2 {
border: none;
font-size: 25px;
margin-bottom: 0;
padding-bottom: 0;
}