html { height: 100%; }
body { background: #fff url(../graphic/body.png) repeat-x 0 0; color: #999; font-family: Courier New, Courier, mono; font-size: 13px; height: 100%; line-height: 20px; margin: 0; text-align: center; }
ul, ul li { list-style-type: none; margin: 0; padding: 0; }
img { border: 0; display: block; }
a { color: #999; }
a:hover { color: #666; }

#all { height: 100%; min-height: 100%; width: 100%; }
#wrap { background-position: 100% 100%; background-repeat: no-repeat; margin: 0 auto; min-height: 680px; position: relative; text-align: left; width: 900px; }

#head { font-weight: bold; height: 160px; overflow: hidden; position: relative; width: 100%; }
#head img.logo { right: 5px; position: absolute; top: 40px; }
#head img.head { bottom: 0; left: 0; position: absolute; }
#head ul.menu { bottom: 20px; left: 0; position: absolute; }
#head li { background: transparent url(../graphic/head-menu-li.png) no-repeat 0 0; float: left; height: 50px; position: relative; width: 150px; }
#head li.here, #head ul.menu li:hover { background: none; }
#head li a { display: block; line-height: 50px; position: absolute; text-align: center; text-decoration: none; width: 100%; }
#head li a:hover { background: transparent url(../graphic/head-menu-li.png) no-repeat 0 0; }
#head li.here a, #head ul.menu li.here a:hover { background: transparent url(../graphic/head-menu-li.png) no-repeat 0 100%; }

#thumb { margin: 5px 0 0 5px; overflow: hidden; position: relative; width: 900px; }
#thumb li { float: left; height: 40px; margin: 0 10px 0 0; overflow: hidden; }
#thumb li a img { float: left; }
#thumb li.here, #thumb li:hover { height: 60px; }

#page { overflow: hidden; position: relative; width: 100%; z-index: 2; }
#page img.illo { float: left; margin: 20px 50px 0 5px; }

#page .nav { height: 50px; margin: 15px 0 0 500px; overflow: hidden; position: relative; width: 400px; }
#page .nav a { display: block; font-weight: bold; line-height: 50px; position: absolute; text-decoration: none; top: 0; width: 45px; }
#page .nav a.next { background: transparent url(../graphic/page-next.png) no-repeat 100% 0; padding: 0 55px 0 0; right: 0; text-align: right; }
#page .nav a.next:hover { background-position: 100% 100%; }
#page .nav a.prev { background: transparent url(../graphic/page-prev.png) no-repeat 0 0; padding: 0 0 0 55px; right: 100px; }
#page .nav a.prev:hover { background-position: 0 100%; }
#page .hold { float: left; }
#page h1 { font-size: 18px; line-height: 40px; margin: 20px 5px 0 5px; }
#page p { margin: 15px 5px 0 5px; }
#page p.copy { clear: left; float: left; margin: 20px 0 0 0; }
#page a.folio, #page a.bio, #page a.email { display: block; height: 50px; line-height: 40px; margin: 15px 0 0 0; padding: 0 0 0 55px; }
#page a.folio { background: transparent url(../graphic/page-folio.png) no-repeat 0 0; }
#page a.bio { background: transparent url(../graphic/page-bio.png) no-repeat 0 0; }
#page a.email { background: transparent url(../graphic/page-email.png) no-repeat 0 0; }
#page a.folio:hover, #page a.bio:hover, #page a.email:hover { background-position: 0 100%; }