.promo {
      width: 1000px;
      height: 500px;
      float: left;
      overflow: hidden;
      background: #000;
      margin-top: -50px;
    }
    .promo li {
      list-style-type: none;
      float: left;
      width: 100%;
      height: 100%;
      position: relative;
    }
    .promo li a {
      float: left;
    }
    .promo li img {
    }
    .overlay {
      float: left;
      position: absolute;
      z-index: 5;
      bottom: 0px;
      width: 1000px;
      padding: 10px 30px 20px 20px;
      background: url(/aui/ui/bg10_img) repeat top left;
      background: rgba(90,70,60,0.5);
      font: normal 16pt/16pt 'PT Sans Narrow', Arial;
      color: rgb(230,220,220);
      text-align: left;
      display: none;
    }
    #prev1 {
      float: left;
      position: relative;
      z-index: 5;
      top: 230px;
      left: 0;
      cursor: pointer;
    }
    #next1 {
      float: right;
      position: relative;
      z-index: 5;
      top: 230px;
      right: 0;
      cursor: pointer;
    }
    #prev2 {
      float: left;
      position: relative;
      z-index: 25;
      top: 400px;
      left: 0;
      cursor: pointer;
      margin-top: -50px;
    }
    #next2 {
      float: right;
      position: relative;
      z-index: 25;
      top: 400px;
      right: 0;
      margin-top: -50px;
      cursor: pointer;
    }