/* Body */

body {

      margin:  0 0;  
      width: 690px;
      height:480px;
      background-image: url('./bg_white_gallery.jpg');
      background-repeat: no-repeat;
      color: #444;
      text-align: left;
      font-size: 10px;
      font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
      font-weight: bold;
      line-height: 1.6;
      letter-spacing: 2px;
      scrollbar-face-color: #fff;
      scrollbar-track-color: #fff;
      scrollbar-3dlight-color: #fff;
      scrollbar-darkshadow-color: #fff;
      scrollbar-track-color: #fff;
      scrollbar-arrow-color: #444;
      scrollbar-highlight-color: #fff;
      scrollbar-shadow-color: #fff;     

}


div.Main {

      margin: 0 0;
      width:690px;
      height:480px;
}


div.ButtonArea {

     width:260px;
     height:460px;
     float:left;
     margin-top:20px;
     overflow-x:hidden;
     overflow-y:auto;
}

div.ImageArea {

     width:400px;
     height:400px;
     float:left;
     margin-left:20px;
     margin-top:40px;
     background-repeat:no-repeat;
     text-align:center;

}


div.Button {

     width:48px;
     height:48px;
     float:left;
     background-image:url('./square_white_dark.gif');
     background-repeat:no-repeat;
     cursor:pointer;

}

div.Button a {

    display:block;
    width:44px;
    height:44px;
    color:#fff;
    text-decoration:none;

}

div.Button:hover {

    background-image:url('./square_white_orange.gif');
    background-repeat:no-repeat;

}

div.Inactive {

    width:48px;
    height:48px;
    float:left;
    background-image:url('./square_white_light.gif');
    background-repeat:no-repeat;

}