/*
#imageAreaMain {display:block; position:absolute; left:150px; top:100px; width:1px; height:1px; overflow:hidden; background:transparent url(images/catwalkimage.jpg) 175px 
54px no-repeat; margin-bottom:10px; z-index:1;}
*/
/* It seems to be using this even though it is commented out. I think I have an IE6 problem too.*/

#holder {position:relative; background:transparent url(images/CW0.jpg) 335px 132px no-repeat; margin-bottom:10px; z-index:1;}

#thumbs {width:1029px; height:66px;} /* this sets the height/width of the thumbs multi image area. If you have more height you may get a scroll bar for height.*/
#pad {height:350px; width:100px;} /* this sets the height/width of the larger image area */

#scrollbox {width:760px; height:113px; background:url(images/filmEdges.gif); overflow:auto; border:0px solid #aaa; margin-left:0px; margin-bottom:2px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:94px; height:66px; margin:14px 3px 0px 3px; float:left; font-size:11px;}
a.slidea {background:url(images/CWthumb1.jpg);}
a.slideb {background:url(images/CWthumb2.jpg);}
a.slidec {background:url(images/CWthumb3.jpg);}
a.slided {background:url(images/CWthumb4.jpg);}
a.slidee {background:url(images/CWthumb5.jpg);}
a.slidef {background:url(images/CWthumb6.jpg);}
a.slideg {background:url(images/CWthumb7.jpg);}
a.slideh {background:url(images/CWthumb8.jpg);}
a.slidei {background:url(images/CWthumb9.jpg);}
a.slidej {background:url(images/CWthumb10.jpg);}