/* defaults required for IE */
a, a:visited, a:hover, a:active, a:focus {color:#000;}

#holder0 {position:relative; background:transparent url(large-images/before-zoli.jpg) 5px 54px no-repeat; 
	margin-bottom:10px; width:700px; height:525px; z-index:1;}
#holder1 {position:relative; background:transparent url(large-images/Dorn-before-1.jpg) 5px 54px no-repeat; 
	margin-bottom:10px; width:700px; height:525px; z-index:1;}
#holder2 {position:relative; background:transparent url(large-images/Dorn-before-2.jpg) 5px 54px no-repeat; 
	margin-bottom:10px; width:700px; height:650px; z-index:1;}
#holder3 {position:relative; background:transparent url(large-images/Dorn-before-3.jpg) 5px 54px no-repeat; 
	margin-bottom:10px; width:700px; height:525px; z-index:1;}
#holder4 {position:relative; background:transparent url(large-images/Dorn-before-4.jpg) 5px 54px no-repeat; 
	margin-bottom:10px; width:700px; height:525px; z-index:1;}
#holder5 {position:relative; background:transparent url(large-images/Dorn-before-5.jpg) 5px 54px no-repeat; 
	margin-bottom:10px; width:700px; height:525px; z-index:1;}
#holder6 {position:relative; background:transparent url(large-images/before-6.jpg) 5px 54px no-repeat; 
	margin-bottom:10px; width:700px; height:525px; z-index:1;}
#holder7 {position:relative; background:transparent url(large-images/before-7.jpg) 5px 54px no-repeat; 
	margin-bottom:10px; width:700px; height:650px; z-index:1;}
#holder8 {position:relative; background:transparent url(large-images/before-8.jpg) 5px 54px no-repeat; 
	margin-bottom:10px; width:700px; height:650px; z-index:1;}
#holder9 {position:relative; background:transparent url(large-images/before-9.jpg) 5px 54px no-repeat; 
	margin-bottom:10px; width:700px; height:650px; z-index:1;}
#holder10 {position:relative; background:transparent url(large-images/before-10.jpg) 5px 54px no-repeat; 
	margin-bottom:10px; width:700px; height:525px; z-index:1;}


/*scrollbox for after images that are under 400px */
#scrollbox {width:700px; height:100px; background-image:url('images/faux.jpg'); overflow:auto; margin-left:5px; margin-top: 38px;}
/*scrollbox for after images that are longer than 400px */
#scrollbox2 {width:700px; height:100px; background-image:url('images/faux.jpg'); overflow:auto; margin-left:5px; margin-top: 162px;}

a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:75px; 
	margin:3px; float:left; font-size:11px;}
	
/*Thumbnail Images*/
/*after 0*/
a.slide0a {background:url(thumbs/thumb-zoli-after.jpg);}  

/*after 1*/
a.slidea {background:url(thumbs/thumb-Dorn-after-kitchen-03.jpg);}
a.slideb {background:url(thumbs/Dorn-after-kitchen-005.jpg);}  
/*after 2*/
a.slided {background:url(thumbs/thumb-2-1.jpg);}
a.slidee {background:url(thumbs/thumb-2-2.jpg);}
a.slidef {background:url(thumbs/thumb-2-3.jpg);}
/*after 3*/
a.slideg {background:url(thumbs/thumb-3-1.jpg);}
a.slideh {background:url(thumbs/thumb-3-2.jpg);}
a.slidei {background:url(thumbs/thumb-3-3.jpg);}
/*after 4*/
a.slidej {background:url(thumbs/thumb-4-1.jpg);}
a.slidek {background:url(thumbs/thumb-4-2.jpg);}
/*after 5*/
a.slidel {background:url(thumbs/thumb-5-1.jpg);}
/*after 6*/
a.slidem {background:url(thumbs/thumb-6-1.jpg);}
/*after 7*/
a.slideq {background:url(thumbs/thumb-7-1.jpg);}
/*after 8*/
a.slides {background:url(thumbs/thumb-8-1.jpg);}
a.slidet {background:url(thumbs/thumb-8-2.jpg);}
/*after 9*/
a.slidew {background:url(thumbs/thumb-9-1.jpg);}
/*after 10*/
a.slidez {background:url(thumbs/thumb-10-1.jpg);}



 
a.gallery span {display:block; position:absolute; left:0px; top:0px; width:0px; height:0px; overflow:hidden; background:#efedec; 
	z-index:100; font-size:11px; font-family:Arial;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img { z-index:100;}
a.gallery:active img, a.gallery:focus img { z-index:50;}
 
a.gallery:hover span, a.gallery:active active, a.gallery:active span, a.gallery:focus span {display:block; position:absolute; 
	width:auto; height:auto; top:49px;  left:0px; padding:-50px; font-size: 11px; font-family: arial; color:#000; background:#fff; 
	z-index:100; font-size:11px;}

#thumbs {width:700px; height:100px;}
#pad {height:394px; width:100px;}

<!--[if IE 8]>
a.gallery span {display:block; position:absolute; top:-1px; left:0px;  color:#000; 
	background:#fff; z-index:100; font-size:11px;; font-family:Arial;}
/*a.gallery span img {border:1px solid #000;}*/
a.gallery:hover {white-space:normal; }
a.gallery:hover img { z-index:100;}
a.gallery:active img, a.gallery:focus img { z-index:50;}
a.gallery:hover span {left:3px; z-index:100;}
/*a.gallery:hover span img {border:1px solid #000;}*/
a.gallery:active span, a.gallery:focus span {left:3px; z-index:50;}
<![endif]-->