/* -- 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 {
  font-family: Century Gothic;  color: #808080; font-weight: bold; text-decoration: none; size="3";
  background-color: #FFFFFF}
a:link       { font-family: Century Gothic; color: #808080; font-weight: bold; text-decoration: none; size="3";}
a:visited    { font-family: Century Gothic; color: #808080; font-weight: bold; text-decoration: none; size="3";}
a:hover      { color: #FF9900; font-family: Century Gothic; font-weight: bold; text-decoration: none; size="3";}
table        { font-family: Century Gothic; color: #808080; font-weight: bold; text-decoration: none; size="3";}

.rolloverStyle a {font-family: century gothic; color:#FF9900; 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";}