
BODY,td { font-family : Georgia,Verdana, Arial, sans-serif ;
          font-size : 8pt; color : #CCCCFF; bgcolor: #000000 ; }
html, body {
    scrollbar-3dlight-color:#663399;
    scrollbar-arrow-color:black;
    scrollbar-highlight-color: #9966FF;
    scrollbar-face-color:#663366;
    scrollbar-shadow-color:#044566;
    scrollbar-darkshadow-color:#330066;
    scrollbar-track-color: #333333;
}
 A { text-decoration: none; color: #A077A2; font-size: 7pt; }
 A.a { text-decoration: none; color: #A077A2; font-size: 7pt; }
 A:Hover { text-decoration:none; color: #FF0000;  }

.main {
 position:absolute;
 z-index:0;
  height: 100%;
  width: 100%;
  margin-top: 0px;
  margin-left: 1%;
  background-image: url(http://www.yukon-blues.ru//images/main0.jpg) ;
}
.work {
  position:absolute;
  z-index:0;
  #min-height: 100%;width: 80%;
  height: 800px;
  width: 1200px;
  margin-top: 0px;
  margin-left: 5%;
  background-image: url(http://www.yukon-blues.ru//images/main1.jpg) ;
}

.logo {
   z-index:2;
   position:absolute;
   width:150px; height:100px;
   margin-top: 50px;
   margin-left: 42%;
}
.menu {
  position:absolute;
  z-index:2;
  min-height: 40px;
  width: 80%;
  margin-top: 5px;
  margin-left: 1%;
}
.gallery {
 position:absolute;
 width:180px; height:500px;
 z-index:2; overflow: auto;
 right: 5%; top: 150px;
 }

.footer {
  position:absolute;
  z-index:2;
  min-height: 50px;
  width: 100%;
  margin-top: 70%;
  margin-left: 1px;
}


.button_menu {
width: 120px;
height: 30px;
padding: 0px 2px 0px 2px;
color: #CCCCFF;
background: transparent;
background-image: none ;
font-family: Georgia,Verdana, Arial, sans-serif  ;
font-weight: bold;
font-size: 8pt;
 border : 2px outset #663366 ;
cursor: pointer;
cursor: hand;
    }
.button_menu:hover{
color:#FF0000;
border : 2px inner #CFB1B9 ;
box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
-moz-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 0 0 20px rgba(255, 255, 255, 0.8);
    }

.button_menu:active{
color: #FFFFFF;
background: #B59D93;
    }

.button_select {
width: 120px;
height: 30px;
padding: 0px 2px 0px 2px;
color: #FFFFFF ;
background:  #663366;
background-image: none ;
font-family: Georgia,Verdana, Arial, sans-serif  ;
font-weight: bold;
font-size: 9pt;
border : 2px inner #A077A2 ;
 }

.button {
background: #663399;
color: #CCCCFF;
padding: 2px;
font-family: Georgia,Verdana, Arial, sans-serif;
font-weight: bold ;
font-size: 8pt;
font-variant : small-caps;
border : 1px outset  #9966FF ;
}

.button_page {
width: 35px;
height: 25px;
padding: 0px 2px 0px 2px;
color: #CCCCFF;
background: transparent;
font-family: Georgia,Verdana, Arial, sans-serif  ;
font-weight: bold;
font-size: 8pt;
 border : 2px outset #663366 ;
cursor: pointer;
cursor: hand;
    }

.button_page:hover{
color:#FF0000;
border : 2px inner #CFB1B9 ;
    }

.button_page_select {
width: 35px;
height: 25px;
padding: 0px 2px 0px 2px;
color: #FFFFFF ;
background:  #663366;
background-image: none ;
font-family: Georgia,Verdana, Arial, sans-serif  ;
font-weight: bold;
font-size: 9pt;
border : 2px inner #A077A2 ;
 }

#-----------------------------

.form  {
margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px;
padding: 0px 0px 0px 0px; }


.hr {
 border: none; /* Убираем границу для браузера Firefox */
 color: #663366; /* Цвет линии для браузера Internet Explorer */
 background-color: #663366; /* Цвет линии для браузера Firefox и Opera */
 height: 1px; width: 80%;
}
