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

/* Work 1-8 (PACK) Normal*/
#work1{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) 0px -120px}
#work2{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -40px -120px}
#work3{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -80px -120px}
#work4{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -120px -120px}
#work5{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) 0px -160px}
#work6{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -40px -160px}
#work7{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -80px -160px}
#work8{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -120px -160px}
#work9{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) 0px -200px}
#work10{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -40px -200px}
#work11{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -80px -200px}
#work12{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -120px -200px}


/* Work 1-8 (PACK) Hover*/
#work1:hover{background:url(thumbs/pack-thumbs.jpg) 0px 0px}
#work2:hover{background:url(thumbs/pack-thumbs.jpg) -40px 0px}
#work3:hover{background:url(thumbs/pack-thumbs.jpg) -80px 0px}
#work4:hover{background:url(thumbs/pack-thumbs.jpg) -120px 0px}
#work5:hover{background:url(thumbs/pack-thumbs.jpg) 0px -40px}
#work6:hover{background:url(thumbs/pack-thumbs.jpg) -40px -40px}
#work7:hover{background:url(thumbs/pack-thumbs.jpg) -80px -40px}
#work8:hover{background:url(thumbs/pack-thumbs.jpg) -120px -40px}
#work9:hover{background:url(thumbs/pack-thumbs.jpg) 0px -80px}
#work10:hover{background:url(thumbs/pack-thumbs.jpg) -40px -80px}
#work11:hover{background:url(thumbs/pack-thumbs.jpg) -80px -80px}
#work12:hover{background:url(thumbs/pack-thumbs.jpg) -120px -80px}

/* Work 1-8 (PACK) Active*/
#work1a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) 0px 0px}
#work2a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -40px 0px}
#work3a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -80px 0px}
#work4a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -120px 0px}
#work5a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) 0px -40px}
#work6a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -40px -40px}
#work7a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -80px -40px}
#work8a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -120px -40px}
#work9a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) 0px -80px}
#work10a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -40px -80px}
#work11a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -80px -80px}
#work12a{float:left; display:block; width:40px; height:40px; margin:0 0 4px 4px; background:url(thumbs/pack-thumbs.jpg) -120px -80px}