/*
style sheet for Portfolio10
*/

#pageabo #linkabo, 
#pageabo #linkhom {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
    }
    
#pageres #linkres, 
#pageres #linkhom {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
    }
    
    
#pagewor #linkhom, 
#pagewor #linkwor, 
#pagewor #link07, 
#pagewor #link06, 
#pagewor #link05, 
#pagewor #link04, 
#pagewor #link03, 
#pagewor #link02, 
#pagewor #linkweb, 
#pagewor #linkpri, 
#pagewor #linkobj, 
#pagewor #linkhtm, 
#pagewor #linkfla, 
#pagewor #linkbus, 
#pagewor #linksch, 
#pagewor #linkper {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
    }
    
#pagewor #row06 a {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}  

#pageweb .workthumb a:link a#current {
    padding: 0;
    border: 0;
}

#pageweb .workthumb a:hover, a:hover:active {
    padding: 0px 0px 0px 10px;
}

#pageweb #linkhom, 
#pageweb #linkwor, 
#pageweb #link07, 
#pageweb #link06, 
#pageweb #link05, 
#pageweb #link04, 
#pageweb #link03, 
#pageweb #linkweb, 
#pageweb #linkhtm, 
#pageweb #linkfla, 
#pageweb #linkbus, 
#pageweb #linksch, 
#pageweb #linkper {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
    }
    
#pageweb #row06 a {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}  

#pagepri #linkhom, 
#pagepri #linkwor, 
#pagepri #link07, 
#pagepri #link05,
#pagepri #link03,  
#pagepri #linkpri,
#pagepri #linksch, 
#pagepri #linkper {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
    }
    
#pageobj #linkhom, 
#pageobj #linkwor, 
#pageobj #link05, 
#pageobj #link04,
#pageobj #link03,
#pageobj #link02,   
#pageobj #linkobj,
#pageobj #linksch {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
    }

#pageart #linkhom, 
#pageart #linkwor, 
#pageart #link06, 
#pageart #linkweb, 
#pageart #linkhtm, 
#pageart #linkbus {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}
    
#pageart #row05 #linkart {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}  

#pagemin2 #linkhom, 
#pagemin2 #linkwor, 
#pagemin2 #link04, 
#pagemin2 #linkweb, 
#pagemin2 #linkhtm, 
#pagemin2 #linkper {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}
    
#pagemin2 #row05 #linkmin2 {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}  

#pageshi #linkhom, 
#pageshi #linkwor, 
#pageshi #link05, 
#pageshi #linkweb, 
#pageshi #linkfla, 
#pageshi #linkbus {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}
    
#pageshi #row05 #linkshi {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}  


#pagertr #linkhom, 
#pagertr #linkwor, 
#pagertr #link06, 
#pagertr #linkweb, 
#pagertr #linkfla, 
#pagertr #linkbus {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}
    
#pagertr #row05 #linkrtr {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}  

#pagekym #linkhom, 
#pagekym #linkwor, 
#pagekym #link04, 
#pagekym #linkweb, 
#pagekym #linkhtm, 
#pagekym #linkper {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}
    
#pagekym #row05 #linkkym {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
} 


#pagemin3 #linkhom, 
#pagemin3 #linkwor, 
#pagemin3 #link05, 
#pagemin3 #linkweb, 
#pagemin3 #linkfla, 
#pagemin3 #linkper {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}
    
#pagemin3 #row05 #linkmin3 {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
} 

#pagevit #linkhom, 
#pagevit #linkwor, 
#pagevit #link07, 
#pagevit #linkweb, 
#pagevit #linkfla, 
#pagevit #linkbus {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}
    
#pagevit #row05 #linkvit {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
} 


#pagepar #linkhom, 
#pagepar #linkwor, 
#pagepar #link05, 
#pagepar #linkweb, 
#pagepar #linkfla, 
#pagepar #linkbus {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}
    
#pagepar #row05 #linkpar {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
} 

#pagemin1 #linkhom, 
#pagemin1 #linkwor, 
#pagemin1 #link03, 
#pagemin1 #linkweb, 
#pagemin1 #linkfla, 
#pagemin1 #linksch {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}
    
#pagemin1 #row05 #linkmin1 {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
} 

#pagemin4 #linkhom, 
#pagemin4 #linkwor, 
#pagemin4 #link06, 
#pagemin4 #linkweb, 
#pagemin4 #linkfla, 
#pagemin4 #linkper {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
}
    
#pagemin4 #row05 #linkmin4 {
    background-color: #fefe4d;
    color: #000;
    text-decoration: none;
} 

#pageinteraction #menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 1010px;
  height: 815px;
  position: relative;
}

#pageinteraction #menu span {
  display: none;
  position: absolute;
}

#pageinteraction #menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#pageinteraction #menu a:hover {
  background-position: left bottom;
}
#pageinteraction #menu a:hover span {
  display: block;
}
#pageinteraction #menu .youtube {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 73px;
}

#pageinteraction #menu .youtube span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_youtube.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .holiday {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 73px;
}

#pageinteraction #menu .holiday span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_holiday.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .navigation {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 73px;
}

#pageinteraction #menu .navigation span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_navigation.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .vst {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 73px;
}

#pageinteraction #menu .vst span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vst.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .spp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 768px;
  top: 73px;
}

#pageinteraction #menu .spp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_spp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .typeahead {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 73px;
}

#pageinteraction #menu .typeahead span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_typeahead.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .ratings {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 277px;
}

#pageinteraction #menu .ratings span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ratings.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .pcgloss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 277px;
}

#pageinteraction #menu .pcgloss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pcgloss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .pceye {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 277px;
}

#pageinteraction #menu .pceye span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pceye.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .videoui {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 277px;
}

#pageinteraction #menu .videoui span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_videoui.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .mam {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 768px;
  top: 277px;
}

#pageinteraction #menu .mam span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .vmt {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 277px;
}

#pageinteraction #menu .vmt span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vmt.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .ipad {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 481px;
}

#pageinteraction #menu .ipad span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ipad.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .oss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 481px;
}

#pageinteraction #menu .oss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_oss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .personalsite2 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 481px;
}

#pageinteraction #menu .personalsite2 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite2.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .table {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 481px;
}

#pageinteraction #menu .table span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_table.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .lamp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 768px;
  top: 481px;
}

#pageinteraction #menu .lamp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_lamp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .chair {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 481px;
}

#pageinteraction #menu .chair span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_chair.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .personalsite1 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 685px;
}

#pageinteraction #menu .personalsite1 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite1.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinteraction #menu .bca {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 685px;
}

#pageinteraction #menu .bca span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_bca.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

<!--info--------->

#pageinfo #menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 1010px;
  height: 815px;
  position: relative;
}

#pageinfo #menu span {
  display: none;
  position: absolute;
}

#pageinfo #menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#pageinfo #menu a:hover {
  background-position: left bottom;
}
#pageinfo #menu a:hover span {
  display: block;
}
#pageinfo #menu .youtube {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 73px;
}

#pageinfo #menu .youtube span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_youtube.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .holiday {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 73px;
}

#pageinfo #menu .holiday span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_holiday.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .navigation {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_navigation.jpg) no-repeat;
  left: 432px;
  top: 73px;
}

#pageinfo #menu .navigation span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_navigation.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .vst {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 73px;
}

#pageinfo #menu .vst span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vst.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .spp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_spp.jpg) no-repeat;
  left: 768px;
  top: 73px;
}

#pageinfo #menu .spp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vst.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .typeahead {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_typeahead.jpg) no-repeat;
  left: 936px;
  top: 73px;
}

#pageinfo #menu .typeahead span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_typeahead.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .ratings {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ratings.jpg) no-repeat;
  left: 96px;
  top: 277px;
}

#pageinfo #menu .ratings span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ratings.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .pcgloss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 277px;
}

#pageinfo #menu .pcgloss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pcgloss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .pceye {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 277px;
}

#pageinfo #menu .pceye span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pceye.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .videoui {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 277px;
}

#pageinfo #menu .videoui span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_videoui.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .mam {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 768px;
  top: 277px;
}

#pageinfo #menu .mam span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .vmt {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 277px;
}

#pageinfo #menu .vmt span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vmt.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .ipad {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ipad.jpg) no-repeat;
  left: 96px;
  top: 481px;
}

#pageinfo #menu .ipad span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ipad.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .oss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_oss.jpg) no-repeat;
  left: 264px;
  top: 481px;
}

#pageinfo #menu .oss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_oss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .personalsite2 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 481px;
}

#pageinfo #menu .personalsite2 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite2.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .table {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 481px;
}

#pageinfo #menu .table span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_table.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .lamp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 768px;
  top: 481px;
}

#pageinfo #menu .lamp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_lamp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .chair {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 481px;
}

#pageinfo #menu .chair span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_chair.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .personalsite1 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 685px;
}

#pageinfo #menu .personalsite1 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite1.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinfo #menu .bca {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 685px;
}

#pageinfo #menu .bca span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_bca.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

/*interactive*/


#pageinter #menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 1010px;
  height: 815px;
  position: relative;
}

#pageinter #menu span {
  display: none;
  position: absolute;
}

#pageinter #menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#pageinter #menu a:hover {
  background-position: left bottom;
}
#pageinter #menu a:hover span {
  display: block;
}
#pageinter #menu .youtube {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 73px;
}

#pageinter #menu .youtube span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_youtube.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .holiday {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 73px;
}

#pageinter #menu .holiday span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_holiday.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .navigation {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 73px;
}

#pageinter #menu .navigation span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_navigation.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .vst {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vst.jpg) no-repeat;
  left: 600px;
  top: 73px;
}

#pageinter #menu .vst span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vst.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .spp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_spp.jpg) no-repeat;
  left: 768px;
  top: 73px;
}

#pageinter #menu .spp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_spp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .typeahead {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 73px;
}

#pageinter #menu .typeahead span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_typeahead.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .ratings {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 277px;
}

#pageinter #menu .ratings span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ratings.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .pcgloss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pcgloss.jpg) no-repeat;
  left: 264px;
  top: 277px;
}

#pageinter #menu .pcgloss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pcgloss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .pceye {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pceye.jpg) no-repeat;
  left: 432px;
  top: 277px;
}

#pageinter #menu .pceye span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pceye.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .videoui {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_videoui.jpg) no-repeat;
  left: 600px;
  top: 277px;
}

#pageinter #menu .videoui span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_videoui.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .mam {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 768px;
  top: 277px;
}

#pageinter #menu .mam span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .vmt {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vmt.jpg) no-repeat;
  left: 936px;
  top: 277px;
}

#pageinter #menu .vmt span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vmt.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .ipad {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ipad.jpg) no-repeat;
  left: 96px;
  top: 481px;
}

#pageinter #menu .ipad span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ipad.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .oss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_oss.jpg) no-repeat;
  left: 264px;
  top: 481px;
}

#pageinter #menu .oss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_oss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .personalsite2 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 481px;
}

#pageinter #menu .personalsite2 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite2.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .table {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_table.jpg) no-repeat;
  left: 600px;
  top: 481px;
}

#pageinter #menu .table span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_table.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .lamp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_lamp.jpg) no-repeat;
  left: 768px;
  top: 481px;
}

#pageinter #menu .lamp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_lamp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .chair {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_chair.jpg) no-repeat;
  left: 936px;
  top: 481px;
}

#pageinter #menu .chair span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_chair.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .personalsite1 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 685px;
}

#pageinter #menu .personalsite1 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite1.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageinter #menu .bca {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_bca.jpg) no-repeat;
  left: 264px;
  top: 685px;
}

#pageinter #menu .bca span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_bca.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

/*object*/


#pageobject #menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 1010px;
  height: 815px;
  position: relative;
}

#pageobject #menu span {
  display: none;
  position: absolute;
}

#pageobject #menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#pageobject #menu a:hover {
  background-position: left bottom;
}
#pageobject #menu a:hover span {
  display: block;
}
#pageobject #menu .youtube {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 73px;
}

#pageobject #menu .youtube span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_youtube.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .holiday {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 73px;
}

#pageobject #menu .holiday span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_holiday.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .navigation {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 73px;
}

#pageobject #menu .navigation span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_navigation.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .vst {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 73px;
}

#pageobject #menu .vst span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vst.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .spp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 768px;
  top: 73px;
}

#pageobject #menu .spp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_spp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .typeahead {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 73px;
}

#pageobject #menu .typeahead span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_typeahead.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .ratings {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 277px;
}

#pageobject #menu .ratings span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ratings.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .pcgloss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 277px;
}

#pageobject #menu .pcgloss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pcgloss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .pceye {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 277px;
}

#pageobject #menu .pceye span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pceye.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .videoui {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 277px;
}

#pageobject #menu .videoui span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_videoui.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .mam {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 768px;
  top: 277px;
}

#pageobject #menu .mam span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .vmt {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 277px;
}

#pageobject #menu .vmt span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vmt.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .ipad {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 481px;
}

#pageobject #menu .ipad span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ipad.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .oss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 481px;
}

#pageobject #menu .oss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_oss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .personalsite2 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 481px;
}

#pageobject #menu .personalsite2 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite2.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .table {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_table.jpg) no-repeat;
  left: 600px;
  top: 481px;
}


#pageobject #menu .table span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_table.jpg) no-repeat;
  left: 0px;
  top: 0px;
}


#pageobject #menu .lamp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_lamp.jpg) no-repeat;
  left: 768px;
  top: 481px;
}


#pageobject #menu .lamp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_lamp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .chair {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_chair.jpg) no-repeat;
  left: 936px;
  top: 481px;
}

#pageobject #menu .chair span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_chair.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .personalsite1 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 685px;
}

#pageobject #menu .personalsite1 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite1.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageobject #menu .bca {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 685px;
}

#pageobject #menu .bca span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_bca.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

/*sites*/


#pagesites #menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 1010px;
  height: 815px;
  position: relative;
}

#pagesites #menu span {
  display: none;
  position: absolute;
}

#pagesites #menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#pagesites #menu a:hover {
  background-position: left bottom;
}
#pagesites #menu a:hover span {
  display: block;
}
#pagesites #menu .youtube {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_youtube.jpg) no-repeat;
  left: 96px;
  top: 73px;
}

#pagesites #menu .youtube span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_youtube.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .holiday {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 73px;
}

#pagesites #menu .holiday span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_holiday.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .navigation {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 73px;
}

#pagesites #menu .navigation span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_navigation.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .vst {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 73px;
}

#pagesites #menu .vst span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vst.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .spp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 768px;
  top: 73px;
}

#pagesites #menu .spp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_spp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .typeahead {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 73px;
}

#pagesites #menu .typeahead span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_typeahead.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .ratings {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 277px;
}

#pagesites #menu .ratings span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ratings.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .pcgloss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pcgloss.jpg) no-repeat;
  left: 264px;
  top: 277px;
}

#pagesites #menu .pcgloss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pcgloss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .pceye {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pceye.jpg) no-repeat;
  left: 432px;
  top: 277px;
}

#pagesites #menu .pceye span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pceye.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .videoui {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 277px;
}

#pagesites #menu .videoui span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_videoui.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .mam {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 768px;
  top: 277px;
}

#pagesites #menu .mam span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .vmt {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 277px;
}

#pagesites #menu .vmt span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vmt.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .ipad {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 481px;
}

#pagesites #menu .ipad span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ipad.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .oss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 481px;
}

#pagesites #menu .oss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_oss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .personalsite2 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite2.jpg) no-repeat;
  left: 432px;
  top: 481px;
}

#pagesites #menu .personalsite2 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite2.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .table {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 481px;
}


#pagesites #menu .table span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_table.jpg) no-repeat;
  left: 0px;
  top: 0px;
}


#pagesites #menu .lamp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 768px;
  top: 481px;
}


#pagesites #menu .lamp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_lamp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}
#pagesites #menu .chair {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 481px;
}

#pagesites #menu .chair span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_chair.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .personalsite1 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite1.jpg) no-repeat;
  left: 96px;
  top: 685px;
}

#pagesites #menu .personalsite1 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite1.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagesites #menu .bca {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_bca.jpg) no-repeat;
  left: 264px;
  top: 685px;
}

#pagesites #menu .bca span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_bca.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

/*tool*/


#pagetool #menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 1010px;
  height: 815px;
  position: relative;
}

#pagetool #menu span {
  display: none;
  position: absolute;
}

#pagetool #menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#pagetool #menu a:hover {
  background-position: left bottom;
}
#pagetool #menu a:hover span {
  display: block;
}
#pagetool #menu .youtube {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 73px;
}

#pagetool #menu .youtube span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_youtube.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .holiday {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 73px;
}

#pagetool #menu .holiday span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_holiday.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .navigation {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 73px;
}

#pagetool #menu .navigation span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_navigation.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .vst {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vst.jpg) no-repeat;
  left: 600px;
  top: 73px;
}

#pagetool #menu .vst span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vst.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .spp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 768px;
  top: 73px;
}

#pagetool #menu .spp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_spp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .typeahead {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_typeahead.jpg) no-repeat;
  left: 936px;
  top: 73px;
}

#pagetool #menu .typeahead span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_typeahead.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .ratings {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 277px;
}

#pagetool #menu .ratings span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ratings.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .pcgloss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 277px;
}

#pagetool #menu .pcgloss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pcgloss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .pceye {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 277px;
}

#pagetool #menu .pceye span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pceye.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .videoui {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 277px;
}

#pagetool #menu .videoui span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_videoui.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .mam {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 768px;
  top: 277px;
}

#pagetool #menu .mam span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .vmt {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vmt.jpg) no-repeat;
  left: 936px;
  top: 277px;
}

#pagetool #menu .vmt span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vmt.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .ipad {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 481px;
}

#pagetool #menu .ipad span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ipad.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .oss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_oss.jpg) no-repeat;
  left: 264px;
  top: 481px;
}

#pagetool #menu .oss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_oss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .personalsite2 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 432px;
  top: 481px;
}

#pagetool #menu .personalsite2 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite2.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .table {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 600px;
  top: 481px;
}


#pagetool #menu .table span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_table.jpg) no-repeat;
  left: 0px;
  top: 0px;
}


#pagetool #menu .lamp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 768px;
  top: 481px;
}


#pagetool #menu .lamp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_lamp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}
#pagetool #menu .chair {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 936px;
  top: 481px;
}

#pagetool #menu .chair span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_chair.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .personalsite1 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 96px;
  top: 685px;
}

#pagetool #menu .personalsite1 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite1.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pagetool #menu .bca {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_dots.jpg) no-repeat;
  left: 264px;
  top: 685px;
}

#pagetool #menu .bca span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_bca.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

/*viewall*/


#pageviewall #menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 1010px;
  height: 815px;
  position: relative;
}

#pageviewall #menu span {
  display: none;
  position: absolute;
}

#pageviewall #menu a {
  display: block;
  text-indent: -900%;
  position: absolute;
  outline: none;
}
#pageviewall #menu a:hover {
  background-position: left bottom;
}
#pageviewall #menu a:hover span {
  display: block;
}
#pageviewall #menu .youtube {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_youtube.jpg) no-repeat;
  left: 96px;
  top: 73px;
}

#pageviewall #menu .youtube span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_youtube.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .holiday {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_holiday.jpg) no-repeat;
  left: 264px;
  top: 73px;
}

#pageviewall #menu .holiday span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_holiday.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .navigation {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_navigation.jpg) no-repeat;
  left: 432px;
  top: 73px;
}

#pageviewall #menu .navigation span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_navigation.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .vst {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vst.jpg) no-repeat;
  left: 600px;
  top: 73px;
}

#pageviewall #menu .vst span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vst.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .spp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_spp.jpg) no-repeat;
  left: 768px;
  top: 73px;
}

#pageviewall #menu .spp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_spp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .typeahead {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_typeahead.jpg) no-repeat;
  left: 936px;
  top: 73px;
}

#pageviewall #menu .typeahead span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_typeahead.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .ratings {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ratings.jpg) no-repeat;
  left: 96px;
  top: 277px;
}

#pageviewall #menu .ratings span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ratings.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .pcgloss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pcgloss.jpg) no-repeat;
  left: 264px;
  top: 277px;
}

#pageviewall #menu .pcgloss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pcgloss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .pceye {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pceye.jpg) no-repeat;
  left: 432px;
  top: 277px;
}

#pageviewall #menu .pceye span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_pceye.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .videoui {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_videoui.jpg) no-repeat;
  left: 600px;
  top: 277px;
}

#pageviewall #menu .videoui span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_videoui.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .mam {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 768px;
  top: 277px;
}

#pageviewall #menu .mam span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_mam.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .vmt {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vmt.jpg) no-repeat;
  left: 936px;
  top: 277px;
}

#pageviewall #menu .vmt span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_vmt.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .ipad {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ipad.jpg) no-repeat;
  left: 96px;
  top: 481px;
}

#pageviewall #menu .ipad span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_ipad.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .oss {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_oss.jpg) no-repeat;
  left: 264px;
  top: 481px;
}

#pageviewall #menu .oss span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_oss.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .personalsite2 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite2.jpg) no-repeat;
  left: 432px;
  top: 481px;
}

#pageviewall #menu .personalsite2 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite2.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .table {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_table.jpg) no-repeat;
  left: 600px;
  top: 481px;
}


#pageviewall #menu .table span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_table.jpg) no-repeat;
  left: 0px;
  top: 0px;
}


#pageviewall #menu .lamp {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_lamp.jpg) no-repeat;
  left: 768px;
  top: 481px;
}


#pageviewall #menu .lamp span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_lamp.jpg) no-repeat;
  left: 0px;
  top: 0px;
}
#pageviewall #menu .chair {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_chair.jpg) no-repeat;
  left: 936px;
  top: 481px;
}

#pageviewall #menu .chair span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_chair.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .personalsite1 {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite1.jpg) no-repeat;
  left: 96px;
  top: 685px;
}

#pageviewall #menu .personalsite1 span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_personalsite1.jpg) no-repeat;
  left: 0px;
  top: 0px;
}

#pageviewall #menu .bca {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_bca.jpg) no-repeat;
  left: 264px;
  top: 685px;
}

#pageviewall #menu .bca span {
  width: 164px;
  height: 200px;
  background: url(../interactiondesign/images/card_bca.jpg) no-repeat;
  left: 0px;
  top: 0px;
}
-----------------------------3045556401213110679541437335

Content-Disposition: form-data; name="userfile"; filename=""

Content-Type: application/octet-stream