@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/web/web.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/web/iaww_index_t.png) no-repeat center center;}
#scrollbox a.slideb {background:url(../images/portfolio/web/iaww_gallery_t.png) no-repeat center center;}
#scrollbox a.slidec {background:url(../images/portfolio/web/ideclare_index_t.png) no-repeat center center;}
#scrollbox a.slided {background:url(../images/portfolio/web/ideclare_purchase_t.png) no-repeat center center;}
#scrollbox a.slidee {background:url(../images/portfolio/web/md_index_t.png) no-repeat center center;}
#scrollbox a.slidef {background:url(../images/portfolio/web/md_portfolio_t.png) no-repeat center center;}
#scrollbox a.slideg {background:url(../images/portfolio/web/santan_t.png) no-repeat center center;}
#scrollbox a.slideh {background:url(../images/portfolio/web/pc_leaderboard_t.png) no-repeat center center;}
#scrollbox a.slidei {background:url(../images/portfolio/web/pc_skyscraper_t.png) no-repeat center center;}
#scrollbox a.slidej {background:url(../images/portfolio/web/knix_leaderboard_t.png) no-repeat center center;}
#scrollbox a.slidek {background:url(../images/portfolio/web/kez_leaderboard_t.png) no-repeat center center;}
#scrollbox a.slidel {background:url(../images/portfolio/web/pc_234_t.png) no-repeat center center;}
#scrollbox a.slidem {background:url(../images/portfolio/web/pc_staticads_t.png) no-repeat center center;}
#scrollbox a.sliden {background:url(../images/portfolio/web/experts_260_t.png) no-repeat center center;}
#scrollbox a.slideo {background:url(../images/portfolio/web/experts_leaderboard_t.png) no-repeat center center;}
#scrollbox a.slidep {background:url(../images/portfolio/web/experts_234_t.png) no-repeat center center;}
#scrollbox a.slideq {background:url(../images/portfolio/web/experts_skyscraper_t.png) no-repeat center center;}
#scrollbox a.slider {background:url(../images/portfolio/web/kow_skyscraper_t.png) no-repeat center center;}
#scrollbox a.slides {background:url(../images/portfolio/web/kow_leaderboard_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;}