/* choose a suitable font and center the #gallery div in Internet Explorer */
body {font-family: tahoma; arial, sans-serif; font-size:76%; letter-spacing:0.05em;}

/* The containing box for the gallery. */
#gallery {text-align: center; position:relative; width:810px; height:600px; margin:5px auto 0 auto; border:1px solid #aaa; background: url(images/photos2/sink-1.jpg) 5px 5px no-repeat;}

/* Removing the list bullets and indentation - add size - and position */
#gallery ul {
 width:190px;
 height:590px;
 overflow-x: hidden;
 overflow-y:scroll;
 overflow:-moz-scrollbars-vertical !important;
 padding:0;
 margin:5px;
 list-style-type:none;
 float:right;}

#gallery li {float:left;}

/* Remove the images and text from sight */
#gallery a.gallery span {position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#fff;}

/* Adding the thumbnail images */
#gallery a.gallery, #gallery a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default;}
#gallery a.slidea {background:url(images/photos2/curvedKitchena_th.jpg); height:80px; width:80px;}
#gallery a.slideb {background:url(images/photos2/curveKitchenb_th.jpg); height:80px; width:80px;}
#gallery a.slidec {background:url(images/photos2/19-shellDetail_th.jpg); height:80px; width:80px;}
#gallery a.slided {background:url(images/photos2/copperSink_th.jpg); height:80px; width:80px;}
#gallery a.slidee {background:url(images/photos2/100_1403_th.jpg); height:80px; width:80px;}
#gallery a.slidef {background:url(images/photos2/WilsonBathroom_th.jpg); height:80px; width:80px;}
#gallery a.slideg {background:url(images/photos2/jacuzzi-Inst_th.jpg); height:80px; width:80px;}
#gallery a.slideh {background:url(images/photos2/100_1345_th.jpg); height:80px; width:80px;}
#gallery a.slidei {background:url(images/photos2/10-greencounter_th.jpg); height:80px; width:80px;}
#gallery a.slidej {background:url(images/photos2/100_1329_th.jpg); height:80px; width:80px;}
#gallery a.slidek {background:url(images/photos2/integralSink3_th.jpg); height:80px; width:80px;}
#gallery a.slidel {background:url(images/photos2/19-VesselCopperAgate2_th.jpg); height:80px; width:80px;}
#gallery a.slidem {background:url(images/photos2/24-CounterTrivetDetail_th.jpg); height:80px; width:80px;}
#gallery a.sliden {background:url(images/photos2/20-RiverRunsThrough_th.jpg); height:80px; width:80px;}
#gallery a.slideo {background:url(images/photos2/21-ammoniteDetail2_th.jpg); height:80px; width:80px;}
#gallery a.slidep {background:url(images/photos2/22-CounterDetails_th.jpg); height:80px; width:80px;}
#gallery a.slideq {background:url(images/photos2/25-IslandCountertop2_th.jpg); height:80px; width:80px;}
#gallery a.slider {background:url(images/photos2/26-IslandCountertopRiver_th.jpg); height:80px; width:80px;}
#gallery a.slides {background:url(images/photos2/27-RiverBar_th.jpg); height:80px; width:80px;}
#gallery a.slidet {background:url(images/photos2/28-BarTop_th.jpg); height:80px; width:80px;}
#gallery a.slideu {background:url(images/photos2/29-petroglyphDetail_th.jpg); height:80px; width:80px;}
#gallery a.slidev {background:url(images/photos2/30-CharcoalBlue_th.jpg); height:80px; width:80px;}
#gallery a.slidew {background:url(images/photos2/31-CharcoalTop_th.jpg); height:80px; width:80px;}
#gallery a.slidex {background:url(images/photos2/12-Mosaic1kaySanding_th.jpg); height:80px; width:80px;}
#gallery a.slidey {background:url(images/photos2/13-Mosaic2_th.jpg); height:80px; width:80px;}
#gallery a.slidez {background:url(images/photos2/17-redSink_th.jpg); height:80px; width:80px;}
#gallery a.slidea1 {background:url(images/photos2/18-redsinkdetail_th.jpg); height:80px; width:80px;}
#gallery a.slideb1 {background:url(images/photos2/sink-1_th.jpg); height:80px; width:80px;}
#gallery a.slidec1 {background:url(images/photos2/100_1298_th.jpg); height:80px; width:80px;}
#gallery a.slided1 {background:url(images/photos2/100_1222_th.jpg); height:80px; width:80px;}
#gallery a.slidee1 {background:url(images/photos2/100_1300_th.jpg); height:80px; width:80px;}
#gallery a.slidef1 {background:url(images/photos2/100_1256_th.jpg); height:80px; width:80px;}
#gallery a.slideg1 {background:url(images/photos2/100_1231.jpg); height:80px; width:80px;}
#gallery a.slideh1 {background:url(images/photos2/100_1238_th.jpg); height:80px; width:80px;}
#gallery a.slidei1 {background:url(images/photos2/100_1241_th.jpg); height:80px; width:80px;}
#gallery a.slidej1 {background:url(images/photos2/100_1242_th.jpg); height:80px; width:80px;}
#gallery a.slidek1 {background:url(images/photos2/100_1529_th.jpg); height:80px; width:80px;}
#gallery a.slidel1 {background:url(images/photos2/100_1524_th.jpg); height:80px; width:80px;}
#gallery a.slidem1 {background:url(images/photos2/100_1521_th.jpg); height:80px; width:80px;}
#gallery a.sliden1 {background:url(images/photos2/100_1543_th.jpg); height:80px; width:80px;}
#gallery a.slideo1 {background:url(images/photos2/100_1534_th.jpg); height:80px; width:80px;}
#gallery a.slidep1 {background:url(images/photos2/100_1473_th.jpg); height:80px; width:80px;}
#gallery a.slideq1 {background:url(images/photos2/100_1468_th.jpg); height:80px; width:80px;}
#gallery a.slider1 {background:url(images/photos2/cropped_table4_th.jpg); height:80px; width:80px;}
#gallery a.slides1 {background:url(images/photos2/vetCounter_04_th.jpg); height:80px; width:80px;}
#gallery a.slidet1 {background:url(images/photos2/vetCounter_02_th.jpg); height:80px; width:80px;}
#gallery a.slideu1 {background:url(images/photos2/vetCounter_01_th.jpg); height:80px; width:80px;}

/* styling the hovers */
#gallery a.gallery:hover {border:1px solid #fff;}
#gallery a.gallery:hover span {position:absolute; width:602px; height:500px; top:5px; left:5px; color:#000; background:#cccc66;}
#gallery a.gallery:hover img {border:1px solid #fff; float:left; margin-right:5px;}