html{ min-height: 100%; padding-bottom: 1px !important;}
body{ margin: 0; padding: 0; background-color: #0f0f0f; color: #fff; font-family: "Arial", Verdana, Tahoma, sans-serif; font-size: 62.5%; }

strong { font-weight: bold; }
p { margin: 0 0 15px 0; }

/*! fonts --- */
@font-face { font-family: 'MyriadProBold'; src: url('../fonts/myriadpro-bold-webfont.eot'); src: local('☺'), url('../fonts/myriadpro-bold-webfont.ttf') format('truetype'), url('../fonts/myriadpro-bold-webfont.svg#webfontYqpIdDoX') format('svg'); font-weight: normal; font-style: normal; }

/*** LAYOUT ***/
#root-wrapper { width: 100%; padding: 0 0 30px; background: url(../images/body-bg.jpg) repeat-x; }
#root { width: 1000px; margin: 0 auto; }
 #top { position: relative; width: 100%; height: 135px; margin: 0; padding: 0; background: url(../images/top-bg.jpg) no-repeat 480px 0; }
  #top h1.logo { position: absolute; left: 20px; top: 74px; margin: 0; width: 224px; height: 40px; }
   #top h1.logo a { display: block; width: 100%; height: 100%; }
 #content { position: relative; overflow: hidden; width: 100%; padding: 0 0 7px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #131313 url(../images/content-bg.png) repeat-x; }
  #content p { font-size: 1.1em; }
  #nav-wrapper { position: relative; width: 988px; height: 45px; margin: 0; padding: 6px; }
   #nav { list-style: none; overflow: hidden; width: 100%; height: 100%; margin: 0; padding: 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: url(../images/nav-bg.png) repeat-x; text-align: center; }
     #nav li { float: left; overflow: hidden; height: 100%; padding: 0 0 0 1px; background: url(../images/nav-li-bg.png) no-repeat; font-size: 1.2em; font-weight: bold; }
     #nav li.first,
     #nav li:first-child { padding: 0; background: none; }
      #nav li a { float: left; height: 100%; color: #fff; line-height: 45px; text-align: center; }
      #nav li a.home-page,
      #nav li a.home-page:hover { width: 173px; border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; }
      #nav li a.news { width: 141px; }
      #nav li a.biography { width: 147px; }
      #nav li a.discography { width: 163px; }
      #nav li a.gallery { width: 136px; }
      #nav li a.contact { width: 141px; }
      #nav li a.filharmony,
      #nav li a.filharmony:hover { width: 223px; border-radius: 0 6px 6px 0; -moz-border-radius: 0 6px 6px 0; -webkit-border-radius: 0 6px 6px 0; }
      #nav li a:hover,
      #nav li a:active,
      #nav li a:focus,
      #nav li a.active { background: url(../images/nav-li-a-bg.png) repeat-x; text-decoration: none; }
      #nav li em { position: absolute; left: -10001px; top: -10001px; }
  #side { float: left; width: 353px; padding: 0 6px; }
  #main { float: right; overflow: hidden; width: 629px; padding: 0 6px 0 0; }
#footer { clear: both; width: 100%; padding: 20px 0; border-top: 1px solid #ff4e00; background-color: #0f0f0f; }
 #footer-inside { overflow: hidden; width: 1000px; margin: 0 auto; }
 #footer p { margin: 20px 0 0; color: #5e5e5e; font-size: 1.1em; text-align: center; }
  #footer p a { color: #5e5e5e; text-decoration: underline; }
  #footer p a:hover { color: #5e5e5e; text-decoration: none; }
  #footer p.powered a { padding: 0 0px 0 0; }
  #footer p.powered a img { margin: 0 0px 0 5px; display:inline;}
 
/*! headers --- */
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 2.2em; }
h2 { margin: 0 0 15px; padding: 0 0 0 12px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: url(../images/h2-bg.png) repeat-x; color: #ff4e00; font: normal 1.8em MyriadProBold, Arial, sans-serif; line-height: 35px; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.0em; }

/* --- Containers --- */
div.biography { overflow: hidden; width: 623px; height: 272px; margin: 0 0 6px; padding: 3px 3px 15px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #0e0e0e; }
 div.biography p { padding: 0 13px; line-height: 18px; text-align: justify; }
 div.biography h2 span { display: block; background: url(../images/news-h2-bg.png) no-repeat 98% 7px; }

div.gallery { float: left; overflow: hidden; width: 347px; height: 177px; padding: 3px 3px 15px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #0e0e0e; }
 div.gallery h2 { margin: 0 0 10px; }
  div.gallery h2 span { display: block; background: url(../images/gallery-h2-bg.png) no-repeat 96% 7px; }
 div.gallery div.gallery-inside { overflow: hidden; width: 323px; padding: 0 11px 0 13px; }
  div.gallery div.gallery-inside div.primary-a { float: left; width: 210px; }
   div.gallery div.gallery-inside p { margin: 0; }
   div.gallery div.gallery-inside p.more-a a { margin: 0; }
   div.gallery div.gallery-inside div.primary-a p.title-a { color: #a2a2a2; font-size: 1.4em !important; font-weight: bold; text-align: justify; }
   div.gallery div.gallery-inside div.primary-a p.date-a { color: #727272; }
   div.gallery div.gallery-inside div.primary-a p.desc-a { margin: 4px 0 8px; text-align: justify; }
  div.gallery div.gallery-inside div.secondary-a { float: right; width: 100px; }

div.discography { float: right; overflow: hidden; width: 263px; height: 177px; padding: 3px 3px 15px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #0e0e0e; }
 div.discography h2 { margin: 0 0 10px; }
  div.discography h2 span { display: block; background: url(../images/discography-h2-bg.png) no-repeat 96% 7px; }
 div.discography p { padding: 0 13px; }
 div.discography p.title-a { margin: 0; color: #adadad; font-size: 1.4em !important; font-weight: bold; }
 div.discography p.desc-a { margin: 0 0 12px; /*color: #727272;*/ font-size: 1.1em; }

div.news { width: 347px; height: 174px; margin: 0 0 6px; padding: 3px 3px 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #0e0e0e; }
 div.news h2 { margin: 0 0 10px; }
  div.news h2 span { display: block; background: url(../images/news-h2-bg.png) no-repeat 97% 7px; }

div.social { width: 347px; height: 305px; padding: 3px 3px 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background-color: #0e0e0e; }
 div.fbook { padding: 0 0 0 11px; }
  div.fbook p { margin: 0; }

div.holder { overflow: hidden; width: 100%; }

div.box-a { position: relative; width: 325px; margin: 0 0 0 11px; }
div.box-a.first { margin-bottom: 7px; padding-bottom: 3px; border-bottom: 1px solid #242424; }
 div.box-a p.title-a { margin: 0 0 4px; padding: 0 120px 0 0; color: #a2a2a2; font-size: 1.4em !important; font-weight: bold; }
  div.box-a p.title-a a { color: #a2a2a2; text-decoration: none; }
  div.box-a p.title-a a:hover { color: #a2a2a2; text-decoration: underline; }
 div.box-a p.date-a { position: absolute; right: 0; top: 3px; color: #727272; }
 div.box-a p.desc-a { margin: 4px 0 8px; text-align: justify; }
  div.box-a p.desc-a a { color: #fff; text-decoration: none; }
  div.box-a p.desc-a a:hover { color: #fff; text-decoration: underline; }

p.more-a { overflow: hidden; margin: 0; padding: 0 !important; }

/* --- Lists --- */

.nav-a { list-style: none; margin: 0; padding: 0; text-align: center; }
 .nav-a li { display: inline; padding: 0 20px; border-left: 1px solid #1e1e1e; font-size: 1.1em; }
 .nav-a li.first,
 .nav-a li:first-child { border: none; }
  .nav-a li a,
  .nav-a li a:hover { color: #bbb; }

.languages { position: absolute; left: 19px; top: 23px; list-style: none; overflow: hidden; margin: 0; padding: 0; }
 .languages li { float: left; overflow: hidden; margin: 0 0 0 3px; padding: 0; }
  .languages li a { float: left; overflow: hidden; width: 25px; height: 14px; background: url(../images/languages-a-bg.png) no-repeat; text-indent: -10001px; }
  .languages li a.pl { background-position: 0 0; }
  .languages li a.en { background-position: -25px 0; }


/* --- Forms --- */

/* --- Links --- */
a { color: #b8b8b8; text-decoration: none; }
a:hover, a:focus, a:active { color: #b8b8b8; text-decoration: underline; }

a.go-a { float: right; margin: 0 13px 0 0; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: url(../images/go-a-bg.png) repeat-x; color: #161616; padding: 0 6px; line-height: 19px; }
 a.go-a:hover { color: #161616; }

/* --- Others --- */
img { display: block; border: 0; }
.left { float: left; margin: 5px 20px 10px 0; }
.right { float: right; margin: 5px 0 10px 20px; }