* {	margin: 0; padding: 0; border: 0; outline: none }

body { font: 11px/16px Helvetica Neue, Helvetica, Arial, sans-serif !important; letter-spacing: 0.06em; background: #fff url(i/bgrule.gif) repeat-x 0 99px; color: #999 }
p { margin-bottom: 16px }
p.short { margin-bottom: 8px }
h1 {  }
h2, h3 { font-size: 11px; font-weight: bold; margin-bottom: 0; text-transform: uppercase; letter-spacing: 0.08em }
h2, a:link, a:visited { text-decoration: none; color: #000 }
a:hover, a:active { color: #999 }

#container { position: relative; min-height: 100% }
#content { padding-bottom: 30px }

#home #logo { z-index: 1 }
#home #nav { z-index: 2 }
#homeimg { position: absolute; left: 106px; top: 21px; display: block; width: 433px; height: 25px; background: url(home/random.php) no-repeat top left; padding-top: 710px }

#logo { position: absolute; left: 106px; top: 117px }
#logo h1 { display: block; width: 386px; height: 36px; background: url(i/tktjlogo.png) no-repeat top left; text-indent: -9999px }

#nav { position: absolute; left: 106px; top: 172px; text-transform: uppercase; letter-spacing: 0.08em }
#nav ul, #nav ul ul { list-style: none }
#nav li { list-style-type: none; margin-bottom: 5px }
#nav li a { display: block; width: 90px; background: #000; padding-left: 3px; color: #fff }
#nav li a:hover { background: #fff; color: #000 }
#nav li.section a:hover { background: #000; color: #fff; cursor: default }
#nav ul ul li a { border-left: 15px solid #fff; width: 75px !important }
#nav li.on a, #nav li.on a:hover { background: #666; color: #fff; cursor: default }

#col1 { position: absolute; left: 263px; top: 210px; width: 332px }
#col2 { position: absolute; left: 644px; top: 210px; width: 332px; border-right: 15px solid #fff }

#thumbs { position: absolute; left: 208px; top: 191px; width: 207px }
#thumbs ul li { display: block; float: left; width: 34px; height: 34px; border: 1px solid #000; margin: 0 5px 5px 0 }
#thumbs a.off img { filter: alpha(opacity=25); -moz-opacity: 0.25; opacity: 0.25; -khtml-opacity: 0.25 }
#thumbs a.on img, #thumbs a:hover img { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1 }

.project { position: absolute; left: 415px; top: 191px }
.work { position: absolute; width: 469px; height: 420px; text-align: right; background: #fff }
.workimg { display: block; width: 468; height: 382px; border: 1px solid #000; margin-bottom: 5px }
.work a { margin-left: 5px }
.work a:hover, .work a:focus, .work a:active { color: #999 }
.info { position: absolute; left: 479px; display: block; width: 177px; height: 400px; background: #fff; border-right: 15px solid #fff }

#preload { position: absolute; overflow: hidden; left: -9999px; top: -9999px; height: 1px; width: 1px }

.copy { float: right; font-size: 9px }

.stretch { width: 713px; font-size: 10px; font-style: italics }
.hspace15 { margin-left: 15px }
.vspace5 { margin-top: 5px }