/* -- 508 HIDE -- */
#skip {position: absolute; left: -9999px; font-size: small;}
#skip a:hover {color: #ffffff;}
.hide {display: none;}
.clear {clear:both;}
img.fr {float:right; padding:0; margin:0;}
img.fl {float:left; padding:0; margin:0;}
.left {float:left;  padding-right:4px;}
.right {float:right; padding-left:4px;}
.center {float:center;}

.showcase {padding:10px; text-align:center;}

<!--
.demo  {color:#000033; background-color:#cccccc; layer-background-color:#cccccc;
        position:absolute; top:100px; left:100px; width:480px; height:280px;
        z-index:99;  visibility:hidden;}
-->

body {
  background:#535049 url(http://www.reneevanni.com/elements/images/fauxwall2.gif) repeat;
  font-family: Century Gothic;  color: #cccccc; font-weight: bold; text-decoration: none; size="3";
  background-color: #535049}
a:link       { font-family: Century Gothic; color: #cccccc; font-weight: bold; text-decoration: none; size="3";}
a:visited    { font-family: Century Gothic; color: #cccccc; font-weight: bold; text-decoration: none; size="3";}
a:hover      { color: #ffcc00; font-family: Century Gothic; font-weight: bold; text-decoration: none; size="3";}
table        { background-color: #535049; font-family: Century Gothic; color: #cccccc; font-weight: bold; text-decoration: none; size="3";}

.rolloverStyle a {font-family: century gothic; color:#ffcc00; font-weight: bold; text-decoration: none;}

.portfolio {font-family: century gothic; color:#808080; font-weight: bold; text-decoration: none; size="6";}
h2.portfolio {font-family: century gothic; color:#808080; font-weight: bold; text-decoration: none; size="6";}

.detail {font-family: century gothic; color:#808080; font-weight: normal; text-decoration: none; size="6";}
h2.detail {font-family: century gothic; color:#808080; font-weight: normal; text-decoration: none; size="6";}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}