* { margin: 0; padding: 0; }
body { font: 12px Arial, Helvetica, sans-serif; }

.blue { color: #009; }

#outer-wrapper { position: relative; width: 1008px; margin: 0 auto; }
#outer-wrapper a { color: #009; }

#header { position: relative; height: 170px; z-index: 200; }

#logo-text { position: absolute; left: 30px; top: 76px; width: 390px; height: 84px; }
#logo-text img { border: none; }

#contacts { position: absolute; right: 26px; top: 65px; font-size: 13px; text-align: right; }
#contacts p#telephone { margin-bottom: 0px; font-size: 24px; color: #e22325; }

#header-menu { position: absolute; left: 0; top: 14px; z-index: 300; }
#header-menu ul { float: left; width: 100%; list-style: none; }
#header-menu ul li { position: relative; float: left; display: block; z-index: 100; }
#header-menu ul li a { position: relative; display: block; height: 41px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; line-height: 2.9em; color: #505559; background-color: #e6e8e9; }
#header-menu ul li a:hover { color: #fff; background-color: #868b8b; }
#header-menu ul li a span { position: absolute; display: block; left: 0; top: 0; height: 41px; cursor: pointer; }

#header-menu li#about_li { width: 147px; }
li#our-clients-li, li#usl_cost_li, li#demo_li, li#usl_cost_li, li#ask-ans-li, li#guest-li, li#contacts-li { width: 143px; }
li#about_li a span { width: 147px; background: url('images/about-li.png') left top no-repeat; }
li#about_li a:hover span, li#about_li a.selected span { background: url('images/about-li-hover.png') left top no-repeat; }
li#our-clients-li a span { width: 143px; background: url('images/our-clients-li.png') left top no-repeat; }
li#our-clients-li a:hover span, li#our-clients-li a.selected span { background: url('images/our-clients-li-hover.png') left top no-repeat; }
li#demo_li a span { width: 143px; background: url('images/demo-li.png') left top no-repeat; }
li#demo_li a:hover span, li#demo-li a.selected span { background: url('images/demo-li-hover.png') left top no-repeat; }
li#usl_cost_li a span { width: 143px; background: url('images/usl-cost-li.png') left top no-repeat; }
li#usl_cost_li a:hover span, li#usl_cost_li a.selected span { background: url('images/usl-cost-li-hover.png') left top no-repeat; }
li#ask-ans-li a span { width: 143px; background: url('images/ask-ans-li.png') left top no-repeat; }
li#ask-ans-li a:hover span, li#ask-ans-li a.selected span { background: url('images/ask-ans-li-hover.png') left top no-repeat; }

li#guest-li a span { width: 143px; background: url('images/guest-li.png') left top no-repeat; }
li#guest-li a:hover span, li#guest-li a.selected span { background: url('images/guest-li-hover.png') left top no-repeat; }

li#contacts-li a span { width: 146px; background: url('images/contacts-li.png') left top no-repeat; }
li#contacts-li a:hover span, li#contacts-li a.selected span { background: url('images/contacts-li-hover.png') left top no-repeat; }

#header-menu ul li ul { display: none; position: absolute; top: 36px; width: auto; border: 1px solid #cfcfcf; border-top: none; z-index: 200; }
#header-menu ul li ul li { float: none; height: auto; width: auto; border-top: 1px solid #cfcfcf; margin: -1px 0; }
#header-menu ul li ul li a { height: auto; width: 177px; padding: 7px 10px 7px 16px; font-size: 13px; font-weight: normal; text-align: left; line-height: 1em; color: #36373a; background-color: #ececec; }
#header-menu ul li ul li a:hover { color: #36373a; background-color: #cfcfcf; }

#header-menu ul li#contacts-li ul { right: 0; }

/* this class allow submenu */
#header-menu ul li.visible { z-index: 200; }
#header-menu ul li.visible ul { display: block; }

#pl { position: relative; height: 324px; margin-bottom: 39px; background: url('images/plash.jpg') left top no-repeat; }

#block-text { padding: 5px 551px 5px 38px; }
#block-text h2 { margin: 10px 0; font-size: 14px; color: #009; }
#block-text p { margin: 15px 0; }
#block-text ul { position: relative; list-style: none; }
#block-text ul li { margin: 4px 0px; padding-left: 10px; background: url('images/li-bullet.png') no-repeat; background-position: 0 6px; font-weight: bold; color: #636669;}

#block-text ul.serv li a {text-decoration: none; color: #636669;}
#block-text ul.serv li a:hover {text-decoration: underline; color: #636669;}

#block-text2 { padding: 19px 551px 19px 38px; }
#block-text2 h2 { margin: 15px 0; font-size: 14px; color: #009; }
#block-text2 p { margin: 18px 0; line-height: 18px;}
#block-text2 ul { position: relative; list-style: none; }
#block-text2 ul li { margin: 4px 0px; padding-left: 10px; background: url('images/li-bullet.png') no-repeat; background-position: 0 6px; font-weight: bold; color: #636669;}



#block-sound { position: absolute; top: 270px; right: 4px; width: 58px; height: 50px; z-index: 200; }

#scripka, #royal, #truba, #ud-ust { position: absolute; }
#scripka { top: -28px; right: 50px; width: 493px; height: 380px; background: url('images/scripka.jpg') left top no-repeat; }
#royal { top: -16px; right: 150px; width: 271px; height: 376px; background: url('images/royal.jpg') left top no-repeat; }
#truba { top: -18px; right: 138px; width: 352px; height: 370px; background: url('images/tru.jpg') left top no-repeat; }
#ud-ust { top: -22px; right: 110px; width: 406px; height: 380px; background: url('images/ud-ust.jpg') left top no-repeat; }

#block-content { position: relative; overflow: hidden; }
#block-content h2, #block-content-outer h2 { margin: 15px 0; font-size: 14px; color: #009; }
#block-content dl { margin: 15px 0; }
#block-content dd { font-size: 11px; font-weight: bold; }
#block-content dt { font-size: 12px; text-align: justify; }

#left-block-pls, #right-block-pls { position: relative; width: 500px; height: 212px; background: url('images/pls.jpg') left top no-repeat; }



#left-block-pls p { font-size: 11px; }
#right-block-pls p { margin-bottom: 18px; font-size: 12px; text-align: justify; }
#right-block-pls { float: right; }
#left-block-pls { float: left; }
#left-block-pls div, #right-block-pls div { position: absolute; left: 0; top: 0; height: 212px; padding: 0 20px 0 200px; }

/*Рояль или Мадонна возле событий вместо мисс россии)
/*
#left-block-pls div { background: url('images/piano.jpg') no-repeat; background-position: 30px 5px; }
#left-block-pls div { background: url('images/news-ph1505-3.jpg') no-repeat; background-position: 30px 50px; }*/
#left-block-pls div { background: url('images/news-miss.png') no-repeat; background-position: 40px 40px; }

#right-block-pls div { background: url('images/truba.jpg') no-repeat; background-position: 20px 25px; }
#right-block-pls div.mic { background: url('images/mic.jpg') no-repeat; background-position: 25px 5px; }

#right-block-pls h1 { margin: 15px 0; font-size: 14px; color: #009; }

#block-content-outer { background: url('images/vl.jpg') left top no-repeat; }

#block-content-inner { padding: 1px 0 1px 0; background: url('images/vl-down.png') left bottom no-repeat; line-height: 22px; }
#block-content-inner div { background: url('images/vl-y.png') left repeat-y; }
#block-content-inner h2 { margin: 15px 0 15px 20px; }
#block-content-inner p { position: relative; margin: 12px 0; padding: 0 32px 0 20px; text-align: justify; font-size:13px; }
#block-content-inner ul { position: relative; padding: 0 32px 0 2em; list-style: none; }
#block-content-inner li { margin: 12px 0; text-indent: 7px; text-align: justify; background: url('images/li-bullet.png') no-repeat; background-position: 0 6px; }

#block-content-inner table.oborud { margin: 0px auto; }
#block-content-inner .oborud h2 { margin: 3px 0 7px 20px; }
#block-content-inner .oborud p { margin: 6px 0; }
#block-content-inner .oborud li { margin: 3px 0; }

#footer { position: relative; }

#copyrights { float: left; padding: 31px 0 39px 31px; }

#banners { float: right; padding: 31px 0 39px 0; }
#banners p { display: inline; margin-right: 20px; }


#block-text p.right, #left-block-pls p.right {
  text-align: right;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#block-text2 p.right2 {
  text-align: right;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
}

#block-text2 p.right {
  text-align: right;
}

#block-content-inner p.right {
  text-align: right;
}


#block-content-inner ul.serv li { margin: 4px 0px; padding-left: 10px; background: url('images/li-bullet.png') no-repeat; background-position: 7px 9px; font-weight: bold; color: #636669;}

#block-content-inner p.slogan { font-size: 14px; font-weight: bold; text-align: center; color: #009; padding-top: 10px; background: none; }

#block-content-inner img.right {
 float: right;
 border: 2px solid #cccccc;
 margin-right: 35px;
 margin-left: 20px;
 margin-bottom: 20px;
 padding: 3px 3px 3px 3px;
}

img.left-news-list {
 float: left;
 border: 2px solid #cccccc;
 margin-right: 20px;
 margin-left: 20px;
 margin-top: 20px;
 margin-bottom: 20px;
 padding: 3px 3px 3px 3px;
}

#block-content-inner img.simple {
 border: 2px solid #cccccc;
 margin-right: 35px;
 margin-left: 20px;
 margin-bottom: 20px;
 padding: 3px 3px 3px 3px;
}

#block-content-inner p.center {
  text-align: center;
}


#block-content-inner p.mus_header {
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 20px;
  color: #009;
}

#block-content-inner p.mus_header_item4  a {
  color: #000000;
}

#block-content-inner p.mus_header_item5  {
  color: #000099;
}

#block-content-inner p.mus_header_item6  {
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 20px;
  color: #000099;
  text-decoration: none;
}

#block-content-inner p.mus_header_item6  a {
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 107px;
  color: #000000;
  text-decoration: none;
}

#block-content-inner p.mus_header_item6 a:hover {
  text-decoration: underline;
}

#block-content-inner p.mus_header_item6  a.bluer {
  color: #000099;
  font-size: 12px;
  font-weight: bold;
  margin: 0px;
  text-decoration: underline;
}

#block-content-inner p.mus_header a {
  text-decoration: none;
}
#block-content-inner p.mus_header a:hover {
  text-decoration: underline;
}



#block-content-inner p.add_info {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 40px;
  font-size: 11px;
}

#block-content-inner p.mus_bottom {
  font-size: 12px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 20px;
}

#block-content-inner p.mus_bottom_item5  {
  font-size: 12px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 130px;
}

#block-content-inner p.mus_bottom_item5  a {
  color: #000099;
}

#block-content-inner div.video {
  width:50%; float: left; padding: 0px; background: none; margin: 30px 0px 10px 0px;
}

#block-content-inner div.video_center {
  width:100%; float: left; padding: 0px; background: none; margin: 20px 0px 30px 0px;
}

#block-content-inner div.video p.add_info, #block-content-inner div.video_center p.add_info{
  margin: 10px 65px 10px 65px; line-height: 15px; text-align: center;
}

#block-content-inner div.video p.mus_header, #block-content-inner div.video_center p.mus_header {
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 10px 5px;
  color: #009;
  text-align: center
}

#block_etnoart {
  display: block; padding: 0px; border: 1px solid gray; float:none;
}


td.letter_caption {
   color: #231F20;
   text-align: justify;
   line-height: 15px;
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
   padding: 5px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

span.letter_caption {
   color: #231F20;
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
}

td.letter_info {
   letter-spacing: 0px;
   line-height: 10px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 5px;
   padding-bottom: 5px;
}


.letter_field {
   color: #231F20;
   background: #EBEBED;
   border: 1px solid #BCBCBC;
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
   padding-left: 5px;
   padding-right: 5px;
}

.mail_button {
   border: 1px solid #BCBCBC;
   font-family: Arial;
   font-size: 11px;
   font-weight: bold;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 3px;
   padding-bottom: 3px;
}

table.price td {
   padding-left: 10px;
   padding-right: 10px;
   border: 1px solid #BCBCBC;
}

.marker {color: #E22325; font-weight: bold }
span.bluer {color: #3366FF;}

#block-content-inner .photo div {background-image: none}


.photo div {

   width: 850px;
   margin: 0px auto;
   border: none;
   background-image: none;
}

.photo a {
    width: 235px;
    height: 160px;
    display: block;
    float: left;
    text-align: center;
    margin: 20px; 
               border: none;
       background: none;
}

.photo a img {
    border: 1px solid #cccccc;
    margin: 0px auto;
    padding: 3px 3px 3px 3px;
}

#block-content-inner p.vl {background: url('images/vl-y.png') left repeat-y}