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

div#links {position: absolute; top: 42px; left: 0; width: 170px; height: 510px;  z-index: 100; background:#404041 url(../images/depth/damien-hobgood-tahtian-tinseltown.jpg)   0 0 no-repeat  ; overflow:hidden;}
div#links ul { margin: 107px 0 0 0; padding: 0; height:400px; font-size: .9em;  list-style: none; border-top: 1px solid #231F20; background:#FFFFFF;}
div#links a { display: block; text-align: left; font: bold 1em sans-serif; 
   padding: 4px 10px 0 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #000; background: #fff;}
div#links a:hover {color: #FF3300;}
div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: absolute; top: 0px; left: 0px; height: 107px; width: 170px;}


#ARCHIVEFEATURES { position: absolute; border-top: 10px solid #231F20; top: 512px; left: 0; width: 170px; height: 30px; background: #FF3300;  z-index: 500;}
#ARCHIVEFEATURES span { margin: 10px; }
#ARCHIVEFEATURES span a {color:#FFFFFF; font-weight:bold; size: 14px; line-height: 30px; text-decoration: none;}
#ARCHIVEFEATURES span a:hover {color:#000;}
  /*
  body {position: relative; background: black; margin: 0; padding: 0;}

div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: absolute; top: 190px; left: 55px; height: 50px; width: 50px;}
*/