html, body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;

  min-width: 1000px;

  color: #ccc;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 0.9em;
  line-height: 18px;
    background: #000;
}

#main {
  width: 100%;
  min-width: 1000px;
}


a {
    color: #808080;
    text-decoration: underline;
}

a:hover {
text-decoration: none;
}


ul {
  padding: 0px;
  margin: 0px 0px 0px 25px;
}

ul li{
  padding: 0px;
  margin: 0px;
  line-height: 18px;
}

.maph {
  margin: 4px 0px 5px 0px;
}

.maph a {
  color: #fff;
}


#content {
  position: relative;
  min-height: 100%;
  background: #000;
}

#box {
  padding-bottom:50px;
  width: 100%;
  min-width: 1000px;
}

* html #content {
  height: 100%;
}

#footer {
  position: relative;
  margin-top: -50px;
  height: 50px;
  padding: 0px 35px 0px 35px;
  color: #808080;
  font-size: 12px;
}

#footer p {
  padding: 0px ;
   margin: 0px;
}


/* head navigation */

.map-head {
     float: left;
     color: #2a2a2a;
     font-size: 10px;
     background: url(images/spider.gif) no-repeat top left;
     height: 19px;
     width: 100px;
}

.map-head a {
     color: #2a2a2a;
     font-size: 10px;
     text-decoration: none;
}

.padding-map {
  padding: 3px 0px 0px 23px;
}

.lang {
    float: right;
    font-size: 12px;
    color: #808080;
    padding: 0px 13px 0px 0px;
}

/* head-photo */

.head-photo {
    width: 1000px;
    padding: 0px;
    margin: 0px auto;
    clear: both;

}

.head-padding {
  padding: 0px 0px 0px 150px;
}


.head-one {
         background: url(images/head_1.jpg) top left no-repeat;
         width: 748px;
         height: 141px;
}

.head-two {
         background: url(images/head_2.jpg) top left no-repeat;
         width: 748px;
         height: 213px;
}
.head-tre {
         background: url(images/head_3.jpg) top left no-repeat;
         width: 748px;
         height: 262px;
}

.head-four {
         background: url(images/head_4.jpg) top left no-repeat;
         width: 748px;
         height: 91px;
}


.minimizer {
  min-width: 965px;
}


.menu {
  height: 100px;
  width: 1000px;
  margin: 50px auto;
}

.menu-other {
  height: 100px;
  width: 1000px;
  margin: 0px auto;
  padding: 20px 0px 20px 0px;

}

.menu-map {
  height: 100px;
  width: 1000px;
  margin: 0px auto;
  padding: 20px 0px 20px 0px;

}


.text-cont {
  background:  url(images/cont_head.jpg) top left no-repeat;
  height: 360px;
}


.text-cont-down {
  background:  url(images/cont_head_2.jpg) top left no-repeat;
  height: 291px;
}

.text-cont-text {
    margin: 0px 10px 0px 360px;
    padding: 0px;
    }


.works-img {
 background: url(images/works_head.jpg) no-repeat 350px top;
 width: 1000px;
 height: 210px;
 padding: 0px;
 margin: 50px 0px 0px 0px;
}



.circus  a{
  position: absolute;
  color: #808080;
  width: 50px;
  margin: 0px 0px 0px 261px;
  font-size: 12px;
}


.ballets a {
  position: absolute;
  color: #808080;
  width: 85px;
  margin: 20px 0px 0px 451px;
  font-size: 14px;
}


.other a {
  position: absolute;
  color: #808080;
  width: 150px;
  margin: 10px 0px 0px 651px;
  font-size: 14px;
}




 .esk a{
  position: absolute;
  color: #ccc;
  width: 85px;
  margin: 48px 0px 0px 585px;
  font-size: 15px;
}

.dance a{
  position: absolute;
  color: #ccc;
  width: 160px;
  margin: 78px 0px 0px 185px;
  font-size: 16px;
}

.solo a{
  position: absolute;
  color: #fff;
  width: 210px;
  margin: 130px 0px 0px 585px;
  font-size: 17px;
}

.video a{
  position: absolute;
  color: #fff;
  width: 155px;
  margin: 150px 0px 0px 255px;
  font-size: 17px;
}

.shows a{
  position: absolute;
  color: #fff;
  width: 155px;
  margin: 190px 0px 0px 468px;
  font-size: 14px;
}


.photo-press {
  float: left;
  background: url(images/press.jpg) top left no-repeat;
  width: 325px;
  height: 446px;
  padding: 0px;
  margin: 0px 0px 0px 60px;
}

.photo-four {
  float: left;
  background: url(images/404.jpg) top left no-repeat;
  width: 550px;
  height: 210px;
  padding: 0px;
  margin: 0px 0px 0px 60px;
}

.photo-history {
  float: left;
  background: url(images/history.jpg) top left no-repeat;
  width: 345px;
  height: 446px;
  padding: 0px;
  margin: 0px 0px 0px 60px;
}

.photo-bio {
  float: left;
  background: url(images/bio_zlata.jpg) top left no-repeat;
  width: 302px;
  height: 405px;
  padding: 0px;
  margin: 15px 20px 0px 60px;
}


.photo-map {
  float: left;
  background: url(images/wide.gif) top left no-repeat;
  width: 345px;
  height: 350px;
  padding: 0px;
  margin: 0px 0px 0px 60px;
}



.press-content {
  float: left;
  width: 520px;
  margin: 0px 0px 50px 0px;
}

.press-four {
  float: left;
  width: 300px;
  margin: 0px 0px 50px 0px;
}

.pol {
  clear: both;
  background: #000 url(images/pol_press.jpg) top left  no-repeat;
  width: 542px;
  height: 143px;
  margin: 0px 0px 0px 250px;
}

.bio {
    margin: 0px 0px 0px 151px;
    height: 70px;
    width: 180px;
    background: transparent url(images/bio_bg.jpg) top left  no-repeat;
  cursor: pointer;
}


.bio:hover {
    margin: 0px 0px 0px 151px;
    height: 70px;
    width: 163px;
    background: transparent url(images/bio_bg.jpg);
    background-position: 0px -70px;
  cursor: pointer;
}


.histo {
    margin: 0px 0px 0px 151px;
    height: 70px;
    width: 150px;
    background: transparent url(images/history_bg.jpg) top left  no-repeat;
  cursor: pointer;
}

.histo:hover {
    margin: 0px 0px 0px 151px;
    height: 70px;
    width: 150px;
    background: transparent url(images/history_bg.jpg);
    background-position: 0px -70px;
  cursor: pointer;
}

/*
.bio:hover {
    margin: 3px 0px 0px 117px;
    background: transparent url(images/bio_2.gif) top left  no-repeat;

}*/

h1 {
    color: #dfdfdf;
    font-size: 19px;
    font-weight: 500;
}

h2 {
    color: #dfdfdf;
    font-size: 17px;
font-weight: 400;
}

h3 {
    color: #dfdfdf;
    font-size: 15px;
    font-weight: bold;
}

/* _____________________________________ menu block _________________________________________________________ */

.press-test {
  float: left;
  margin: 0px 0px 0px 25px;
  height: 52px;
  width: 102px;
  background: url(images/press_test.gif) no-repeat;
  cursor: pointer;
}

.press-test:hover {
  height: 52px;
  width: 102px;
  background: url(images/press_test.gif);
  background-position: 0px 52px;
    cursor: pointer;
}

.press-test-a {
  float: left;
  margin: 0px 0px 0px 25px;
  height: 52px;
  width: 102px;
  background: url(images/press_test.gif);
  background-position: 0px 52px;
}


.works-test {
  float: left;
  height: 52px;
  width: 107px;
    margin: 0px 0px 0px 25px;
  background: url(images/works_test.gif) no-repeat;
    cursor: pointer;
}

.works-test:hover {
  height: 52px;
  width: 107px;
  background: url(images/works_test.gif);
  background-position: 0px 52px;
    cursor: pointer;
}

.works-test-a {
  float: left;
  height: 52px;
  width: 107px;
  margin: 0px 0px 0px 25px;
  background: url(images/works_test.gif);
  background-position: 0px 52px;
}

.history-test {
  margin: 0px 0px 0px 25px;
  float: left;
  height: 52px;
  width: 123px;
  background: url(images/history_test.gif) no-repeat;
    cursor: pointer;
}

.history-test:hover {
  height: 52px;
  width: 123px;
  background: url(images/history_test.gif);
  background-position: 0px 52px;
    cursor: pointer;
}

.history-test-a {
  margin: 0px 0px 0px 25px;
  float: left;
  height: 52px;
  width: 123px;
  background: url(images/history_test.gif);
  background-position: 0px 52px;
}


              .bio-test {
                margin: 0px 0px 0px 25px;
                float: left;
                height: 49px;
                width: 151px;
                background: url(images/bio_test.gif) no-repeat;
                cursor: pointer;
              }

              .bio-test:hover {
                background: url(images/bio_test.gif);
                background-position: 0px 49px;
                cursor: pointer;
              }

              .bio-test-a {
                margin: 0px 0px 0px 25px;
                float: left;
                height: 49px;
                width: 151px;
                background: url(images/bio_test.gif);
                background-position: 0px 49px;
              }


.cont-test {
  margin: 0px 0px 0px 25px;
  float: left;
  height: 52px;
  width: 147px;
  background: url(images/cont_test.gif) no-repeat;
    cursor: pointer;
}

.cont-test:hover {
  height: 52px;
  width: 147px;
  background: url(images/cont_test.gif);
  background-position: 0px 52px;
    cursor: pointer;
}

.cont-test-a {
  margin: 0px 0px 0px 25px;
  float: left;
  height: 52px;
  width: 147px;
  background: url(images/cont_test.gif);
  background-position: 0px 52px;
  cursor: default;
}

.main-test {
  margin: 0px 0px 0px 25px;
  float: left;
  height: 52px;
  width: 165px;
  background: url(images/home_test.gif) no-repeat;
    cursor: pointer;
}

.main-test:hover {
  height: 52px;
  width: 165px;
  background: url(images/home_test.gif);
  background-position: 0px 52px;
    cursor: pointer;
}

.main-test-a {
  margin: 0px 0px 0px 25px;
  float: left;
  height: 52px;
  width: 165px;
  background: url(images/home_test.gif);
   background-position: 0px 52px;
}

.hide {
  display: none;
}


.photos {
      border: #191919 5px solid;
      margin: 0px;
      padding: 0px;
}

.gallery-border {
  margin: 0px;
  float: left;

}

.marker {
  margin: 5px 0px 0px 0px;
  border: 0px;
}

.marker_ {
  float: left;
  height: 25px;
  margin: 0px 5px 0px 0px;
}