/*page*/
  html, body {width:100%;height:100%;}
  body {padding:0; margin:0;background:#f09f1b;}

  /*design*/
  a img{border:0;}

/*navigation*/
  a {font:1em/1.5 Tahoma, sans; color:#b20838;text-decoration:underline;}
  a:hover {text-decoration:none;}
  :focus, a:active {}

/*TAGS*/
  h1 {margin:0 0 5px;padding: 0;font: 2.2em/1 "Myriad Pro",Tahoma, sans;color:#fff;background:#b20838 url(../images/bgr/h1.png) no-repeat left top;padding:0 20px 3px 25px;float:left}
    .main_page h1 {margin:0 0 20px;font-size:1.64em;float:none;background:none;padding:0;}
  .h1_right{background: url(../images/bgr/h1_2.png) no-repeat left top;width:9px;height:27px;float:left}
  h2 {clear:both;margin:0 39px 4px 39px;padding: 0;font:2.7em/0.8 "Myriad Pro",Tahoma, sans;color:#b20838;letter-spacing:3px;letter-spacing:0.01em;}
    h2 a {line-height:1em;}
    .main_page h2 {margin:0 0 20px;}
    .main_page #content h2 {color:#fff;text-align:left;font-size:1.75em;line-height:1em;}
  h3 {margin:0 0 5px;padding:0;font:bold 1em/1.5 Tahoma, sans;color:#b20838;}
    h3 a {font-weight:bold;}
  h4 {margin:0;padding: 0;font:bold 1.6em/1.5 "Myriad Pro",Tahoma, sans;color:#fff;}
  dl, dt, dd, form {margin:0;padding: 0;}
  input {margin:0;vertical-align:middle;}
  p {margin:0 0 5px;padding:0;}
    .main_page #content p {text-align:justify;margin-bottom:6px;font-size:1.05em;line-height:1.2}
  select {vertical-align:middle;}
  table {border-spacing: 0;border-collapse: collapse;}
  table td {padding:0;text-align:left;vertical-align:top;}
  ul {margin: 0;padding: 10px 20px;}

/*FONT*/
  html {font-size:100%;}
  body {font:68.7%/1.5 Tahoma, sans; color:#ffffff}
  table, td, th, ul, textarea, input, select {font: 1em/1.5 Tahoma;}
  #about_company dt {font-weight:bold;}
  #clients_list dt {font-weight:bold;}
  #main_menu a {font-size:1.27em;color:#b20838;text-decoration:none;}
  .breadcrumbs {clear:both}
  .breadcrumbs li {color:#fff;}
    .breadcrumbs li a {color:#b20838;text-decoration:none;}
    .breadcrumbs li a:hover {color:#b20838;text-decoration:underline;}

/*Misc*/
  .clearing {clear: both;height:0;font-size:0;}
  .clearFix:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
  .breadcrumbs {margin:0 0 25px 25px;padding:0;list-style-type:none;}
    .breadcrumbs li {display:inline;}

  /*WORK LIST*/
    .work_list {clear:left;float:left;margin:0 0 15px;width:750px;overflow:hidden}
      .work_list .border_top {height:15px;margin:0 0 0px;font-size:0em;background:#ffc66a;}
        .work_list .border_top .left_corner {float:left;width:15px;height:15px;background: url(../images/bgr/corners.png) no-repeat 0 0;}
        .work_list .border_top .right_corner {float:right;width:15px;height:15px;background: url(../images/bgr/corners.png) no-repeat -15px 0;}
      .work_list .border_bottom {height:15px;font-size:0em;background:#ffc66a;}
        .work_list .border_bottom .left_corner {float:left;width:15px;height:15px;background: url(../images/bgr/corners.png) no-repeat 0 -15px;}
        .work_list .border_bottom .right_corner {float:right;width:15px;height:15px;background: url(../images/bgr/corners.png) no-repeat -15px -15px;}
      .work_list .empty_list {clear:both;margin:0;padding:0 20px;background:#ffc66a}
      .work_list ul {clear:both;margin:0;padding:0 10px 0 0;list-style-type:none;background:#ffc66a;}
        .work_list ul:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        .work_list li {float:left;width:114px;margin:0 0 0px 30px;color:#000}
          .work_list li .img_block {position:relative;display:block;width:115px;height:160px;overflow:hidden;text-align:center;}
            .work_list li .img_block img {position:absolute;top:4px;left:50%;margin-left:-57px;}
            .work_list li .border {position:absolute;left:0;top:0;z-index:10;display:block;width:115px;height:160px;background: url(../images/bgr/border_work.png) no-repeat left top;}



/*layout*/

  /*=HEADER*/
    #logo_img {position:relative;top:0px;display:block;width:603px;margin:0 auto 4px;}
    #flash_header {margin-bottom:25px;height:484px}

  /*=MENU*/
    #main_menu {width:707px;height:58px;padding:0 25px;background: url(../images/menu/bg.png) no-repeat left top;list-style-type:none;}
      .main_page #main_menu{margin:0 0 25px;}
      #main_menu a:hover{text-decoration:underline}
      #main_menu:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #main_menu li {float:left;line-height:50px;}
        #main_menu .drumkit {width:99px;}
        #main_menu .loud_beats {width:122px;}
        #main_menu .clients_list {width:117px;}
        #main_menu .drummer {width:180px;}
        #main_menu .awards {width:96px;}
        #main_menu .contact {width:93px;}

  /*=CONTENT*/
    #outer_wrapper {background: url(../images/bgr/decoration.png) no-repeat left bottom;min-height:100%;position:relative}
    #wrapper {position:relative;min-height:100%;height:100%;width:810px;margin:0 auto;text-align:left;}
      html>body #wrapper {height:auto;}
      #wrapper:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
      #container {float: right;width:100%;}
        #content {padding:0 0 16em 0;}
        .main_page #content {margin: 0 77px 0 508px;padding:0 0 4em;}
        #content:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}

      #about_company {position:relative;margin:0 0 20px;}
        #about_company:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
          #about_company .img_block {position:relative;float:left;width:154px;height:109px;margin:0 0 5px;overflow:hidden;}
            #about_company .img_block img {position:absolute;top:1px;left:50%;}
            #about_company .border {position:absolute;left:0;top:0;z-index:10;width:154px;height:109px;background: url(../images/bgr/border_medium.png) no-repeat left top;}
          #about_company .info {position:absolute;top:0px;left:163px;}
            #about_company dl:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
              #about_company dt {float:left;margin-right:3px;}
              #about_company dd {float:left}

      #clients_list {margin:0;padding:0;list-style-type:none;}
        #clients_list:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #clients_list li {float:left;width:154px;margin:0 46px 25px 0;}
          #clients_list .img_block {position:relative;display:block;width:154px;height:109px;margin:0 0 5px;overflow:hidden;}
            #clients_list .img_block img {position:absolute;top:1px;left:50%;}
            #clients_list .border {position:absolute;left:0;top:0;z-index:10;width:154px;height:109px;background: url(../images/bgr/border_medium.png) no-repeat left top;}
          #clients_list li dl:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
            #clients_list li dt {float:left;width:5.5em;}
            #clients_list li dd {}

      #loud_beats {float: left;width: 463px;margin: 0 -483px 0 0px;padding:0 0 4em 20px;}
        #loud_beats .list {float:left;width:120px;height:240px;overflow:auto;margin:0 23px 0 0;padding:0;list-style-type:none;}
          #loud_beats .list li {margin:0 0 10px;}
          #loud_beats .list li a {position:relative;display:block;width:100px;height:72px;overflow:hidden;}
            #loud_beats .list li a img {position:absolute;left:50%;top:2px;}
            #loud_beats .list li .border {position:absolute;left:0;top:0;z-index:10;width:100px;height:72px;background: url(../images/bgr/border_small.png) no-repeat left top;}
        #loud_beats .description {float:left;width:300px;margin:0;position:relative}
          #loading {display:none;}
          .ajax_loader#loading {display:block;position:absolute;left:50%;top:100px;width:240px;height:40px;background:url(../images/ajax-loader.gif) no-repeat center center;margin:0 0 0 -120px;}
          #loud_beats .description .img_block  {position:relative;display:block;width:299px;height:236px;margin:0 0 7px;overflow:hidden;}
            #loud_beats .description .img_block .border {position:absolute;left:0;top:0;z-index:10;width:299px;height:236px;background: url(../images/bgr/border_big.png) no-repeat left top;}
            #loud_beats .description .img_block img{position:absolute;left:50%;top:2px;}

      #portfolio {margin:0 0 0 -20px;padding:0;list-style-type:none;}
        #portfolio ul:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #portfolio li {float:left;width:140px;height:22em;margin:0 0 10px 20px;}
          #portfolio li .img_block {position:relative;display:block;width:115px;height:160px;overflow:hidden;}
            #portfolio li .img_block img {position:absolute;top:4px;left:50%;margin-left:-57px;}
            #portfolio li .border {position:absolute;left:0;top:0;z-index:10;display:block;width:115px;height:160px;background: url(../images/bgr/border_portfolio.png) no-repeat left top;}

      #portfolio_view {margin:0px;padding:47px 0 0 64px;background: url(../images/bgr/portfolio.png) no-repeat left top;font-size:1.05em}
        #portfolio_view:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
        #portfolio_view .img_block {position:relative;width:479px;min-height:150px;height:150px;float:left;margin:0 30px 0 0;background:#fff url(../images/bgr/img_border2.png) repeat-y left top;}
          html > body #portfolio_view .img_block {height:auto;}
          #portfolio_view .border_top {height:10px;font-size:0;background:#fff url(../images/bgr/img_border.png) no-repeat 0 0;}
          #portfolio_view .border_bottom {position:absolute;bottom:0;left:0;width:100%;height:10px;font-size:0;background: url(../images/bgr/img_border.png) no-repeat 0 -10px;}
          #portfolio_view .img_block img {display:block;margin:0 auto;}
        #portfolio_view .info {float:left;width:181px;text-align:justify;}
          #portfolio_view .info .content {margin:0 0 20px;}
          #portfolio_view .info dl:after {content: '.';display: block;clear:both;visibility: hidden;height:0;font-size:0;}
              #portfolio_view .info dt {float:left;width:4em;}
              #portfolio_view .info dd {text-align:left;}

              .phone{position:absolute;width:182px;height:79px;background: url(../images/bgr/phone.png) no-repeat left top;top:50%;left:50%;margin:-40px 0 0 -91px}

              #pager{position:relative;background: url(../images/bgr/cursor.png) no-repeat center top;width:470px;height:57px;clear:both;top:10px}
              .prev{position:absolute;right:352px;top:16px;display:block}
              .prev_pointer{position:absolute;left:132px;top:14px;width:74px;height:21px;background: url(../images/bgr/prev_pointer.png) no-repeat left top;}
              .next_pointer{position:absolute;right:123px;top:14px;width:74px;height:21px;background: url(../images/bgr/next_pointer.png) no-repeat left top;}
              .next{position:absolute;left:357px;top:16px;display:block}
              .flashbox{position:fixed;left:50%;top:50%;margin-left:-186px;margin-top:-30px}
              #shadows{position:fixed;width:100%;height:100%;background:#000;left:0;top:0;z-index:10001;opacity:0.3;zoom:1}
              .message_wrap{background: url(../images/bgr/message.png) no-repeat left top;width:372px;text-align:center}


  /*FOOTER*/
    #footer {position:absolute; left:0;bottom:0px;width:100%;height:70px;text-align:center;}
      #copyright {display:block;margin:30px 0 20px 0;color:#b20838;}

    #central{float:left;width: 120px;height: 250px; margin:0 0 0 0;  }

  .jScrollPaneContainer {position:relative;float:left;width:120px;margin:0 23px 0 0;overflow:hidden;}
    .jScrollPaneContainer .list {margin:0;}
  .jScrollPaneTrack {position:absolute;top:0;right:0;height: 100%;background:url(../images/bgr/scroll.gif) repeat-y -9px top;cursor: pointer;}
  .jScrollPaneDrag{position:absolute;right:0;width: 12px;  height: 40px; margin:0;background: url(../images/bgr/scroll.gif) no-repeat -18px top; font-size: 1px;cursor:pointer;}
  .jScrollArrowUp {position:absolute;top:0;right:0;z-index: 1;display: block;height:5px;overflow:hidden;background: url(../images/bgr/scroll.gif) no-repeat 1px 0;text-indent:-2000px;}
  .jScrollArrowDown {position:absolute;bottom:0;right:0;z-index: 1;display: block;height:5px;overflow:hidden;background: url(../images/bgr/scroll.gif) no-repeat 1px -5px;text-indent:-2000px;}
      .scroll-pane {height:100px;overflow:auto;}
      .close{cursor:pointer}

/*form*/
  .field {clear:both;padding:0 0 10px}
  label {width:61px;float:left;text-align:left;font-size:12px;padding-right:7px}
  .input{width:200px;border:solid 1px #A5ACB2;background:#ffc66a;border:1px solid #e69511;width:170px;color:#945001;padding:2px 0 2px 5px;}
  select{border:solid 1px #A5ACB2;}
  textarea {width:315px;height:85px;background:#ffc66a;border:1px solid #e69511;color:#fff;padding:2px 0 2px 5px;color:#945001 }

  .button_clear{width:70px;background:url(../images/button/remove.png) no-repeat left top;border:none;float:left;margin-left:235px;margin-right:2px;margin-top:-6px;font:bold 14px  "Myriad Pro",Tahoma, sans;color:#b20838}
  .button_send{padding-left:16px;padding-right:16px;background:url(../images/button/send.png) no-repeat left top;border:none;float:left;margin-top:-6px;font:bold 14px "Myriad Pro",Tahoma, sans;color:#b20838;margin-left:321px}
  #errors li{color:#B20838;}
    .errors_form div{color:#B20838;}

    #feedback_form{float:left;font-size:12px;margin-left:25px}
    form strong{font-size:12px}
    .adress_block{float:left;margin-left:40px;overflow:hidden;zoom:1;font-size:12px;width:302px}