/* Better CSS Rollover Example -------------------------
   angelachenporfolio.com | 2007
-------------------------------------------------------- */


/* CSS Rollovers ----------------------------------------*/

span.hide {
   display: none;
}
#toggle li a {
   width: 70px;
   height: 70px;
   display: block;
}
/* Portfolio Thumbnails ----------------------------------*/
li.marcoa a:link, li.marcoa a:visited { background: url(/images/folio/thumbs/marcoa.gif) no-repeat top left;}
li.wamtd a:link, li.wamtd a:visited { background: url(/images/folio/thumbs/wamtd.gif) no-repeat top left;}
li.rsf a:link, li.rsf a:visited { background: url(/images/folio/thumbs/rsf.gif) no-repeat top left;}
li.template a:link, li.template a:visited { background: url(/images/folio/thumbs/template-design.gif) no-repeat top left;}
li.intranet a:link, li.intranet a:visited { background: url(/images/folio/thumbs/april-outline.gif) no-repeat top left;}
li.mj a:link, li.mj a:visited { background: url(/images/folio/thumbs/mj.gif) no-repeat top left;}
li.dig a:link, li.dig a:visited { background: url(/images/folio/thumbs/re-1.gif) no-repeat top left;}
li.dog a:link, li.dog a:visited { background: url(/images/folio/thumbs/re-3.gif) no-repeat top left;}
li.acre a:link, li.acre a:visited { background: url(/images/folio/thumbs/re-5.gif) no-repeat top left;}
li.ymh a:link, li.ymh a:visited { background: url(/images/folio/thumbs/ymh.gif) no-repeat top left;}
li.amerwrecka a:link, li.amerwrecka a:visited { background: url(/images/folio/thumbs/amerwrecka.gif) no-repeat top left;}

/* Experiment Thumbnails ---------------------------------*/
li.srp a:link, li.srp a:visited { background: url(/images/exp/thumb/srp.gif) no-repeat top left;}
li.ddb a:link, li.ddb a:visited { background: url(/images/exp/thumb/dadabase.gif) no-repeat top left;}
li.eas a:link, li.eas a:visited { background: url(/images/exp/thumb/eas.gif) no-repeat top left;}
li.ain a:link, li.ain a:visited { background: url(/images/exp/thumb/ain.gif) no-repeat top left;}
li.barcode a:link, li.barcode a:visited { background: url(/images/exp/thumb/temp-icon.gif) no-repeat top left;}
li.sound a:link, li.sound a:visited { background: url(/images/exp/thumb/temp-icon.gif) no-repeat top left;}
li.variations a:link, li.variations a:visited { background: url(/images/exp/thumb/temp-icon.gif) no-repeat top left;}
li.haiku a:link, li.haiku a:visited { background: url(/images/exp/thumb/temp-icon.gif) no-repeat top left;}

#toggle li a:hover {
   background-position: bottom right;
}