html{ margin: 0; padding: 0; }
body{ color: #EEE; background: #999999; font: 13px/1.5em Arial, sans-serif; margin-left: 10px; margin-top: 10px; padding: 0; }
h3{ font: bold 14px Arial, sans-serif; letter-spacing: 0.05em; margin-top: 0; margin-bottom: 0.5em; }
li{ margin-left: -1em; }
td { color: white; font: 13px Arial, sans-serif; }
/*header*/
table#header{ width: 780px; background: #CC0000 url(images/topbar.gif) top left no-repeat; border: 0; padding: 0; margin: 0;}
table#header td { margin: 0; padding: 0; border: 0; vertical-align: top; }
table#header td img { display: block; }
table#header td#dots { width: 460px; height: 54px; }
table#header td#wr { width: 320px; height: 54px; }
table#header td#red-bar { background: #c00; height: 9px; }
table#header td#black-bar { background: #000; height: 8px;}

table#main{ width: 780px; background: black url(images/body-bg.gif) no-repeat top left; }

/*navigation*/
td#nav{ width: 130px; height: 400px; color: white; padding: 21px 0 200px 0;}
td#nav a{ display: block; width: 130px; color: white; font: bold 11px Arial, sans-serif; background: url(images/btn-bg-off.gif) no-repeat left; letter-spacing: 0.2em; text-align: left; padding: 0 0 0 9px; text-decoration: none; margin-bottom: 13px; }
td#nav a:hover{ display: block; width: 130px; background: url(images/btn-bg-on.gif) no-repeat left; }
div#currentbtn{ display: block; width: 130px; color: white; font: bold 11px Arial, sans-serif; background: url(images/btn-bg-on.gif) no-repeat left; letter-spacing: 0.2em; text-align: left; padding: 0 0 0 9px; text-decoration: none; margin-bottom: 13px; }
td#nav a.on{ display: block; width: 130px; color: white; font: bold 11px Arial, sans-serif; background: url(images/btn-bg-on.gif) no-repeat left; letter-spacing: 0.2em; text-align: left; padding: 0 0 0 9px; text-decoration: none; margin-bottom: 13px; }
table#main td#nav a.subnav{ width: 130px; color: white; font: bold 11px Arial, sans-serif; text-align: left; padding: 0 0 0 9px; text-decoration: none; background: transparent; letter-spacing: normal;}
table#main td#nav a.subnav-current{ width: 130px; color: #ff9; font: bold 11px Arial, sans-serif; text-align: left; padding: 0 0 0 9px; text-decoration: none; background: transparent; letter-spacing: normal;}

/*content*/
td#content { width: 650px; vertical-align: top; padding: 20px; font: 13px/1.25em Verdana, Arial, sans-serif; margin-bottom: 100px }
td#content p { margin: 0 0 1em 0; }
td#content a { color: #ccc; font-weight: bold; }
div#logo { padding: 0 0 0 0px; float: left; }
div#home-info{ color: #EEE; /*font: bold 13px Arial, sans-serif;*/ float: right; width: 250px;}
div#home-info p{ margin-top: .25em; margin-bottom: .25em; }
.info{ visibility: hidden; color: #EEE; font: bold 13px Arial, sans-serif; width: 200px; padding-left: 2px;  position: absolute; top: 10px; left: 280px;}
div#gray{ position: absolute; left: 25px; top: 350px; color: White; /*background-color: #555555;*/ width: 780px; height: 101px; }

/*portfolio*/
div#title { display: block; width: 300px; color: white; font: bold 11px Arial, sans-serif; background: url(images/red-bg.gif) no-repeat left; letter-spacing: 0.2em; text-align: left; margin-bottom: 13px; padding-left: .5em; }
div.thumbnails { width: 100px; text-align: center; position: absolute; left: 180px; top: 128px; visibility: hidden; }
div.thumbnails img { display: block; margin-bottom: 5px;}
div.thumbnails img.currentthumb { border: 0; background: #c00; }
div.thumbnails img:hover { border: 0; background: #900; }  /*netscape*/
div.thumbnails a:hover { border: 0; background: #900; }   /*IE*/


div.portfolio { width: 360px; position: absolute; left: 300px; top: 128px; margin-left: 10px; visibility: hidden;  }
td#content div.portfolio-nav { color: gray; width: 360px; font: bold 11px Arial, sans-serif; letter-spacing: 0.2em; padding: .5em .25em; text-align: center; }
td#content div.portfolio-nav a { color: white; text-decoration: none; }
div.description { text-align: left; font: 11px/1.33em Verdana, Arial, sans-serif; }