@charset "utf-8";
/* CSS Document */

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

#holder {position:relative; background:transparent url(../images/portfolio/print/print.png) 90px 0 no-repeat; margin-bottom:10px; width:860px; height:620px;}
#scrollbox {padding:0; margin:0; width:110px; list-style:none; height:360px; overflow:auto; float:right;}
#scrollbox li {float:left;}

#info {
padding: 20px 0;
border:1px solid black;
}

#scrollbox a {display:block; color:#999; text-decoration:none; border:1px solid #fff; width:75px; height:56px; float:left; padding:5px; font-family:Arial, Helvetica, sans-serif, sans-serif; font-size:18px; text-align:center;}

#scrollbox a.slidea {background:url(../images/portfolio/print/tavern_brochure_t.png) no-repeat center center;}
#scrollbox a.slideb {background:url(../images/portfolio/print/iaww_brochure_t.png) no-repeat center center;}
#scrollbox a.slidec {background:url(../images/portfolio/print/iaww_businesscard_t.png) no-repeat center center;}
#scrollbox a.slided {background:url(../images/portfolio/print/pc_08cover_t.png) no-repeat center center;}
#scrollbox a.slidee {background:url(../images/portfolio/print/pc_08p6_t.png) no-repeat center center;}
#scrollbox a.slidef {background:url(../images/portfolio/print/pc_08p16_t.png) no-repeat center center;}
#scrollbox a.slideg {background:url(../images/portfolio/print/pc_08p36_t.png) no-repeat center center;}
#scrollbox a.slideh {background:url(../images/portfolio/print/pc_08magadd_t.png) no-repeat center center;}
#scrollbox a.slidei {background:url(../images/portfolio/print/pc_08welcomesign_t.png) no-repeat center center;}
#scrollbox a.slidej {background:url(../images/portfolio/print/pc_08signs_t.png) no-repeat center center;}
#scrollbox a.slidek {background:url(../images/portfolio/print/pc_07cover_t.png) no-repeat center center;}
#scrollbox a.slidel {background:url(../images/portfolio/print/pc_07spreads_t.png) no-repeat center center;}
#scrollbox a.slidem {background:url(../images/portfolio/print/pc_07signs_t.png) no-repeat center center;}
#scrollbox a.sliden {background:url(../images/portfolio/print/santan_banner_t.png) no-repeat center center;}
#scrollbox a.slideo {background:url(../images/portfolio/print/efaz_09mailer_t.png) no-repeat center center;}
#scrollbox a.slidep {background:url(../images/portfolio/print/efaz_09brochure_outside_t.png) no-repeat center center;}
#scrollbox a.slideq {background:url(../images/portfolio/print/efaz_09brochure_inside_t.png) no-repeat center center;}
#scrollbox a.slider {background:url(../images/portfolio/print/efaz_08mailer_t.png) no-repeat center center;}
#scrollbox a.slides {background:url(../images/portfolio/print/efaz_08brochure_outside_t.png) no-repeat center center;}
#scrollbox a.slidet {background:url(../images/portfolio/print/efaz_08brochure_inside_t.png) no-repeat center center;}
#scrollbox a.slideu {background:url(../images/portfolio/print/xmas_card_t.png) no-repeat center center;}


#scrollbox a span {display:block; position:absolute; left:-9999px; top:0;}
#scrollbox a span img {border:0;}

#scrollbox a:hover {border:1px solid #888;}
#scrollbox a:hover span {width:570px; height:620px; left:90px; background:#fff; z-index:100;}

#scrollbox a:active {border:1px solid #000;}
#scrollbox a:focus {border:1px solid #000; outline:0;}

* html #scrollbox a:active span {width:570px; height:620px; top:0; left:90px; color:#000; background:#fff; z-index:-1;}
#scrollbox a:focus span {width:570px; height:620px; top:0; left:90px; color:#000; background:#fff; z-index:10; outline:0;}