#gallery {
 width:           750px;
 height:          400px;
 padding:         10px;
 border:          1px solid #333;
 background:      #888;
 position:        relative;
}
#gallery b.default {
 position:        absolute;
 left:            10px;
 top:             10px;
 width:           548px;
 height:          380px;
 text-align:      center;
}
#gallery b.default img {
 display:         block;
 margin:          0 auto 10px auto;
 border:          1px solid #eee;
 border-color:    #555 #ddd #eee #333;
}
#gallery ul {
 list-style:      none;
 padding:         0;
 margin:          0;
 width:           180px;
 position:        relative;
 float:           right;
}
#gallery ul li {
 display:         inline;
 width:           52px;
 height:          52px;
 float:           left;
 margin:          0 0 5px 5px;
}
#gallery ul li a {
 display:         block;
 width:           50px;
 height:          50px;
 text-decoration: none;
 border:          1px solid #000;
 border-color:    #eee #555 #333 #ddd;
}
#gallery ul li a img {
 display:         block;
 width:           50px;
 height:          50px;
 border:          0;
}
#gallery ul li a:hover {
 white-space:     normal;
 border-color:    #555 #ddd #eee #333;
 background:      #777;
}
#gallery ul li a:hover b {
 position:        absolute;
 left:            -548px;
 top:             0;
 width:           548px;
 height:          350px;
 text-align:      center;
 background:      #888;
 z-index:         20;
}
#gallery ul li a:hover img {
 margin:          0 auto 10px auto;
 width:           auto;
 height:          auto;
 border:          1px solid #eee;
 border-color:    #555 #ddd #eee #333;
}
#gallery ul li a:active, #gallery ul li a:focus {
 white-space:     normal;
 border-color:    #555 #ddd #eee #333;
 background:      #777;
}
#gallery ul li a:active b, #gallery ul li a:focus b {
 position:        absolute;
 left:            -548px;
 top:             0;
 width:           548px;
 height:          380px;
 text-align:      center;
 background:      #888;
 z-index:         10;
}
#gallery ul li a:active img, #gallery ul li a:focus img{
 margin:          0 auto 10px auto;
 width:           auto;
 height:          auto;
 border:          1px solid #eee;
 border-color:    #555 #ddd #eee #333;
}


#gallery b.default span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}

#gallery ul li a span {display:none;}
#gallery ul li a:hover span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#fff; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:11px; width:350px; margin:0 auto;}