@charset "utf-8";
/*******************************************************************/

/******************************************************** standart */

 * {
    margin: 0;
    padding: 0;
    }

 body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #000; 
    }

/******************************************************** links */

 a:link, a:visited {
    color:#fff;
    text-decoration: underline;
    }

 a:hover, a:active {
    color: #ff08ff;
    text-decoration: underline;
    }

 a.h3, a.h3:visited {
    color: #fff;
    }

 a.h3:hover, a.h3:active {
    text-decoration: none;
    }

/******************************************************** titles */

 h1 {
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    font-weight: bold;
    margin-bottom: 10px;
    background: url(img/h1.jpg) repeat-x top;
    text-align: center;
    }

 h2 {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: url(img/list3_h2_bg.jpg);
    margin-bottom: 10px;
    }

 h3 {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background: url(img/list3_h2_bg.jpg);
    margin-top: 10px;
    }

/******************************************************** structure */

 #page {
    width: 1240px;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    background: url(img/bg_page.jpg) repeat-y center;
    }

 #header {
    width: 1240px;
    height: 160px;
    margin: 0;
    padding: 0;
    }

 #header #img {
    width: 1240px;
    height: 160px;
    margin: 0;
    padding: 0;
    background: url(img/header.jpg) no-repeat top left;
    position: relative;
    }

 #headbanner {
    /*width: 420px;*/
    width:256px;
    height: 115px;
    /*margin: 20px 20px 20px 0;*/
    padding: 2px;
/*    background: #373737;*/
    position: absolute;
    top: 27px;
    right: 197px;
    }

 #headbanner a {
     width:124px;
     margin: 2px;
/*     background-color:#454545;*/
     display:block;
     text-align:center;
     height:18px;
     float:left;
     color: ff08ff;
 }

 #headbanner span {
     width:252px;
     margin: 2px;
/*     background-color:#454545;*/
     display:block;
     text-align:center;
     text-indent: 8px;
     font-size: 11px;
     font-weight: bold;
     color: #ffffff;
     background: url(img/list3_h2_bg.jpg);
 }

 #list1 {
    width: 160px;
    margin: 0;
    padding: 0;
    background: url(img/bg_1.jpg) repeat-x top;
    float: left;
    }

 #list2 {
    width: 160px;
    margin: 0;
    padding: 0;
    background: url(img/bg_1.jpg) repeat-x top;
    float: left;
    }

 #list3 {
    width: 260px;
    margin: 0;
    padding: 0;
    background: url(img/bg_1.jpg) repeat-x top;
    float: left;
    }

 #content {
    width:783px;
    margin: 0;
    padding: 0;
    background: url(img/bg_2.jpg) repeat-x top ;
    float: left;
    }

 #content #box {
    width: 763px;
    margin: 15px 10px 10px 10px;
    }

 #footer {
    width: 1240px;
    height: 70px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: url(img/bg_footer.jpg) top center;
    clear: both;
    }

 #footer #footbox {
    width: 1240px;
    margin-top: 24px;
    }

/******************************************************** linkage */

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

 li {
    list-style-type: none;
    text-indent: 7px;
    line-height: 16px;
    }

 #list3 h2 {
    width: 240px;
    margin: 15px 0 3px 0;
    text-indent: 8px;
    }

/******************************************************** pictures */

 .thumb {
    margin: 0 0 3px 0;
    width:148px;
    height:148px;
    border: solid 1px #ff08ff;
    }

 .thumbig {
    width:297px;
    height:297px;
    margin: 0 3px 2px 0;
    float:left;
    border: solid 3px #ff08ff;
    }




  #content #box .text {
    margin-right:3px;
    margin-bottom:3px;
    width: 303px;
    float:left;
    height: 147px;
  }

  #content #box div.promo {
    margin: 5px 0 5px 0;
    padding:0px;
    width:756px;
    height: 150px;
    text-align:center;
    background-color:#2b2b2b;
    border: solid 3px #ff08ff;
  }

  #content #box .promo_3x1 {
    margin: 0 3px 2px 0;
    width:450px;
    height:147px;
  }

  #content #box .promo_3x2 {
    margin: 0 3px 2px 0;
    width:450px;
    height:297px;
    float:left;
    border: solid 3px #d4d0b4;
  }

  #content #box div.view_1x2 {
    margin: 0 3px 2px 0;
    float:left;
    width:150px;
    height:303px;
  }

  #content #box .promo_2x1 {
    margin: 0 3px 2px 0;
    width:297px;
    height:144px;
    float:left;
    border: solid 3px #d4d0b4;
  }

  #content #box ul.top50 {
      margin: 5px 2px 5px 0;
      padding:0px;
      width:150px;
      float:left;
  }

  #content #box ul.top50 li {
      width:150px;
      padding:2px 0 2px 0;
  }

  #content #box ul.top50 li span.position {
      margin:0 2px 0 0;
      padding:0px;
      width:25px;
      text-align:right;
      float:left;
  }

.box_303x303 {
    width:297px;
    height:297px;
    margin: 0 3px 2px 0;
    float:left;
    border: solid 3px #d4d0b4;
}