body {
  background-color: #f5f5f5; 
  background-image:url('../img/backgrnd.jpg'); 
  background-position: center top;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 30px;
  margin-left: 0px;
}

a:link {
color: #777777;
text-decoration:none;
}

a:visited {
color: #777777;
text-decoration:none;
}

a:active {
color: #777777;
text-decoration:none;
}

a:hover {
color: #777777;
text-decoration: underline;;
}



ol {
margin-left: 17;
padding-left: 00px;
text-indent: 0em;
margin-top: 0px;
margin-bottom: 0px;
}

ul {
list-style: circle;
margin-left: 10;
padding-left: 30px;
text-indent: 0em;
margin-top: 0px;
margin-bottom: 0px;
}



h1 {
font-family: arial, verdana, sans-serif; 
font-weight: bold;
font-size: 24px;
color: #222222;
text-align: left;
letter-spacing: 0px;
text-indent: 15px;
margin-top: 0px;
margin-bottom: 5px;
}


h2 {
font-family: arial, verdana, sans-serif;; 
font-weight: normal; 
font-size: 14px;
color: #444444;
letter-spacing: 0px;
text-align: justify;
margin-top: 0px;
margin-left: 10px;
}


h3 {
font-family: arial, verdana, sans-serif;
font-size: 9px;
color: #444444;
text-align:left;
letter-spacing: 2px;
margin-top: 0px;
margin-bottom: 4px;
}


h4 {
font-family: arial, verdana, sans-serif; 
font-align: center;
font-weight: bold;
font-size: 11px;
color: #444444;
text-align: center;
letter-spacing: 0px;
text-indent: 0px;
margin-top: 0px;
margin-bottom: 0px;
}


h5 {
font-family: arial, verdana, sans-serif;
color: #888888;
font-size: 8px;
text-align:left;
letter-spacing: 3px;
margin-top: 0px;
margin-bottom: 0px;
}


h6 {
font-family: arial, verdana, sans-serif;
color: #444444;
font-size: 9px;
text-align:center;
letter-spacing: 3px;
margin-top: 0px;
margin-bottom: 0px;
}


td {
font-family: arial; 
font-weight: normal; 
font-size: 12px;
color: #444444;
letter-spacing: 0px;
margin-top: 0px;
margin-left: 0px;
z-index:1;
}


td.bass1 {
background-image: url(../img/bass1.jpg); 
background-repeat: no-repeat; 
background-position: bottom right
}

td.bass2 {
background-image: url(../img/bass2.jpg); 
background-repeat: no-repeat; 
background-position: bottom right
}

td.bass3 {
background-image: url(../img/bass3.jpg); 
background-repeat: no-repeat; 
background-position: bottom right
}

td.bass4 {
background-image: url(../img/bass4.jpg); 
background-repeat: no-repeat; 
background-position: bottom right
}

td.bass5 {
background-image: url(../img/bass5.jpg); 
background-repeat: no-repeat; 
background-position: bottom right
}

td.bass6 {
background-image: url(../img/bass6.jpg); 
background-repeat: no-repeat; 
background-position: bottom right
}

td.bass7 {
background-image: url(../img/bass7.jpg); 
background-repeat: no-repeat; 
background-position: bottom right
}

td.bass8 {
background-image: url(../img/bass8.jpg); 
background-repeat: no-repeat; 
background-position: bottom right
}

td.bass9 {
background-image: url(../img/bass9.jpg); 
background-repeat: no-repeat; 
background-position: bottom right
}

td.bass0 {
background-image: url(../img/bass0.jpg); 
background-repeat: no-repeat; 
background-position: bottom right
}


.mask {
    float:left; /* также если мы знаем размеры, можно просто задать ширину и высоту */
    position:relative;/* чтобы внутри абсолютноспозиционированные элементы позиционировались относительно этого блока */
    z-index:1; /* на всякий случай, во избежание перекрытия масок, модальных окон и т.п. */
    padding: 4px;
    margin: 9px;
    width:108px;
    height:108px;
}
.mask img {
    float:left; /* чтобы в ие6 пропал трехпиксельный отступ у картинки */
}
.mask .c {
    width:108px;/* размеры маски */
    height:108px;
    position:absolute; /* соответствующее позиционирование */
    z-index:1;
    left:3;
    top:3;
    background:url(../img/mask.png);
    _background:none; /* призываем ие6 показывать полупрозрачный пнг */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mask.png', sizingMethod='scale');
}

.di03 {    
    width:36px;/* размеры маски */
    height:36px;
    position:absolute; /* соответствующее позиционирование */
    z-index:1;
    left:85;
    top:8;
    background:url(../img/di03.png);
    _background:none; /* призываем ие6 показывать полупрозрачный пнг */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/di03.png', sizingMethod='scale');
}

.di05 {    
    width:36px;/* размеры маски */
    height:36px;
    position:absolute; /* соответствующее позиционирование */
    z-index:1;
    left:85;
    top:8;
    background:url(../img/di05.png);
    _background:none; /* призываем ие6 показывать полупрозрачный пнг */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/di05.png', sizingMethod='scale');
}
     
.di08 {    
    width:36px;/* размеры маски */
    height:36px;
    position:absolute; /* соответствующее позиционирование */
    z-index:1;
    left:85;
    top:8;
    background:url(../img/di08.png);
    _background:none; /* призываем ие6 показывать полупрозрачный пнг */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/di08.png', sizingMethod='scale');
}    

.di10 {    
    width:36px;/* размеры маски */
    height:36px;
    position:absolute; /* соответствующее позиционирование */
    z-index:1;
    left:85;
    top:8;
    background:url(../img/di10.png);
    _background:none; /* призываем ие6 показывать полупрозрачный пнг */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/di10.png', sizingMethod='scale');
}


.di12 {    
    width:36px;/* размеры маски */
    height:36px;
    position:absolute; /* соответствующее позиционирование */
    z-index:1;
    left:85;
    top:8;
    background:url(../img/di12.png);
    _background:none; /* призываем ие6 показывать полупрозрачный пнг */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/di12.png', sizingMethod='scale');
}

.di15 {    
    width:36px;/* размеры маски */
    height:36px;
    position:absolute; /* соответствующее позиционирование */
    z-index:1;
    left:85;
    top:8;
    background:url(../img/di15.png);
    _background:none; /* призываем ие6 показывать полупрозрачный пнг */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/di15.png', sizingMethod='scale');
}
     
     
.di17 {    
    width:36px;/* размеры маски */
    height:36px;
    position:absolute; /* соответствующее позиционирование */
    z-index:1;
    left:85;
    top:8;
    background:url(../img/di17.png);
    _background:none; /* призываем ие6 показывать полупрозрачный пнг */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/di17.png', sizingMethod='scale');
}
     
     
.di20 {    
    width:36px;/* размеры маски */
    height:36px;
    position:absolute; /* соответствующее позиционирование */
    z-index:1;
    left:85;
    top:8;
    background:url(../img/di20.png);
    _background:none; /* призываем ие6 показывать полупрозрачный пнг */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/di20.png', sizingMethod='scale');
}
                                                                                  
                                                                                  
.menu2 { 
      font-family: arial, verdana, sans-serif; 
      font-weight: bold;
      font-size: 18px;
      color: #444444;
      text-align: center;
      width:100%;
      height:100%; 
      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 10px;
      margin-left: 0px;
    
}