#holder {
    position:relative;
   /* background:#cac6c5 url(images/mdilogo_medium3.jpg) 50px 30px no-repeat;*/
    margin-bottom:2em;
    width:450px;
}

#background {
    position:relative;
    width: 450px;
    height:335px;
    background:#cac6c5 url(images/mdilogo_medium3.jpg) center no-repeat;
    top: 0px;
    border: solid 1px #cc9999;
    z-index:1;
}

/* Scrollbox properties */
#scrollbox {
    width:450px;
    height:110px;
    background:#fff; /*#cc9999;*/
    overflow:auto;
    border-bottom:1px solid #cc9999;
    margin-left:0px;
    margin-right: 0px;
    margin-bottom: 20px;
}

/* size of scrollbar window */
#thumbs {
    width:650px; /* adjust this to fit thumbnails into scrollbox */
    height:60px;
}

/* Thumbnail images */
a.gallery, a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    width:100px;
    height:75px;
    margin-right:5px;
    float:left;
    margin-top: 7px;
    font-size:11px;
}

/* Thumbnails */
a.slidea {background:url(images/gallery/training1_t.jpg) center no-repeat;}
a.slideb {background:url(images/gallery/training2_t.jpg) center no-repeat;}
a.slidec {background:url(images/gallery/training3_t.jpg) center no-repeat;}
a.slided {background:url(images/gallery/training4_t.jpg) center no-repeat;}
a.slidee {background:url(images/gallery/kempo1_t.jpg) center no-repeat;}
a.slidef {background:url(images/gallery/kempo2_t.jpg) center no-repeat;}

a.gallery span {
    display:block;
    position:absolute;
    left:0px;
    top:0px;
    width:0px;
    height:0px;
    overflow:hidden;
    z-index:10;
    font-size:11px;
}

/* Border around thumbnail when mouseover */
a.gallery:hover {
    white-space:normal;
    border:1px solid red;
}

/* Full-size picture when mouseover */
a.gallery:hover img {
    z-index:100;
}

a.gallery:active img, a.gallery:focus img {
    z-index:50;
}

/* Full-size picture when mouseover */

a.gallery:hover span {
    display:block;
    position:absolute;
    width:450px;
    height:339px;
    top:131px;
    left:0px;
    padding:0px;
    font-style:italic;
    color:#000;
    background:#fff;
    z-index:100;
    font-size:11px;
    overflow:hidden;
    border:solid 1px #cc9999;
}

/*
* html a.gallery:hover span {
    left:1px;
}
*/

a.gallery:active {
    border:2px solid red;
}

/* Full-size picture-static (when clicked) */
a.gallery:active span, a.gallery:focus span {
    display:block;
    position:absolute;
    width:450px;
    height:339px;
    top:131px;
    left:0px;
    padding:0px;
    font-style:italic;
    color: black;
    background:#fff;
    z-index:50;
    border:solid 1px #cc9999;
}

/*
* html a.gallery:active span {
    left:1px;
}
*/