/* Gallery Left Grid */


/* needed for IE to make :active state work first time */
#gallery a, #gallery a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border: 3px solid #e7cbbc; width:44px; height:44px; float:left; margin:4px; z-index:50;}

#gallery .default {display:block; position:absolute; top: -50px; left:200px; background: #f2f1e8; padding:5px; color:#000; border: 0; z-index:40;}

a.slidea {background: #fff url(../images/art/2010/1th.jpg);}
a.slideb {background: #fff url(../images/art/2010/2th.jpg);}
a.slidec {background: #fff url(../images/art/2010/3th.jpg);}
a.slided {background: #fff url(../images/art/2010/4th.jpg);}
a.slidee {background: #fff url(../images/art/2010/5th.jpg);}
a.slidef {background: #fff url(../images/art/2010/6th.jpg);}
a.slideg {background: #fff url(../images/art/2010/7th.jpg);}
a.slideh {background: #fff url(../images/art/2010/8th.jpg);}
a.slidei {background: #fff url(../images/art/2010/9th.jpg);}
a.slidej {background: #fff url(../images/art/2010/10th.jpg);}
a.slidek {background: #fff url(../images/art/2010/11th.jpg);}
a.slidel {background: #fff url(../images/art/2010/12th.jpg);}
a.slidem {background: #fff url(../images/art/2010/13th.jpg);}
a.sliden {background: #fff url(../images/art/2010/14th.jpg);}
a.slideo {background: #fff url(../images/art/2010/15th.jpg);}
a.slidep {background: #fff url(../images/art/2010/16th.jpg);}
a.slideq {background: #fff url(../images/art/2010/17th.jpg);}
a.slider {background: #fff url(../images/art/2010/18th.jpg);}

a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border: 3px solid #cc6633;}

/* styling for LEFT gallery */
#gallery {width: 660px; height: 422px; background: #f2f1e8 url(../images/leftcol_bg.gif) no-repeat left; text-align: left; float: left; padding: 0 0 0 20px;}
#gallery img {border:0;}
#gallery .thumbs {width:180px; position:absolute; left:76px; top:51px;}

/* To display captions */

#gallery a.gallery:hover span {display:block; position:absolute; width:402px; height: 14px; top: -25px; left: 200px; text-align: center; background: #fff; padding: 5px; font-weight:normal; font-size:10px; color:#c86644;  z-index:100; border-top: 2px dashed #c86644;}
#gallery a.gallery:focus span {display:block; position:absolute; width:402px; height: 14px; top: -25px; left: 200px; text-align: center; background: #fff; padding: 5px; font-weight:bold; font-size:10px; color:#666;  z-index:100; border-top: 2px dashed #c86644;}

/* To display large */

#gallery a.gallery:active, #gallery a.gallery:focus {border: 3px solid #666; }
#gallery a.gallery:active em, #gallery a.gallery:hover em {display:block; position:absolute; width:402px; height: 410px; top: -50px; left:200px; background: #f2f1e8; padding:5px; color:#000; border: 0; z-index:50;}
#gallery a.gallery:focus em {display:block; position:absolute; width:402px; height: 410px; top: -50px; left:200px; padding: 5px; color:#000; background: #f2f1e8; border: 0; z-index:45;}