a:link {
color: rgb(156,156,154);
text-decoration: none;
}
a:visited { 
color: rgb(38,38,38);
text-decoration: none;
}
a:hover { 
color: rgb(242,242,239);
text-decoration: none;
}
a:active { 
color: rgb(190,190,187);
text-decoration: none;
}
p.logo {
font: normal 10px / 37px copperplate, verdana, arial;
text-transform: uppercase;
letter-spacing: 2px;
position: relative;
top: 15px;
color: rgb(140,140,163);
left: 0px;
background: url("backgrounds/logo.png") no-repeat top center;
width: 700px;
display: block;
text-align: center;
margin: 0;
padding: 0;
} 
div #container {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
div#about_box {
width: 742px;
height: 700px;
background: rgb(240,240,240) url("backgrounds/about.png") repeat-y top left;
position: relative;
top: 0px;
margin: 0 auto 0 auto;
padding: 18px 6px 12px 6px;
overflow-x:hidden;
overflow-y:auto;
}
#header {
width: 700px;
height: 84px;
position: relative;
top: 0px;
left: 0;
margin: 0 auto 0 auto;
}

#header.aboutHeader {
width: 742px;
height: 132px;
position: relative;
left:6px;
background: rgb(240,240,240) url("backgrounds/about.png") repeat-y top left;
margin: 0 auto 0 auto;
padding: 0px 6px 6px 6px;
}

#print_header {
display: none;
}
#title {
width: 742px;
height: 24px;
background: rgb(240,240,240) url("backgrounds/about_rev.png") repeat top left;
position: relative;
top: 0px;
left: 0;
margin: 0 auto 0 auto;
border-bottom: 1px rgb(198,198,203) solid;
}
#footer {
width: 742px;
height: 36px;
background: rgb(240,240,240) url("backgrounds/about_rev.png") repeat top left;
position: relative;
top: 0px;
left: 0;
margin: 0 auto 0 auto;
border-top: 2px rgb(198,198,203) solid;
}
div #print_footer {
display: none;
}
div #toc_box {
width: 800px;
height: 800px;
position: relative;
top: 0px;
left: 0;
margin: 0 auto 0 auto;
}
div #toc_logo {
width: 243px;
height: 151px;
background: url("backgrounds/bwlogo.jpg") no-repeat top left;
position: absolute;
top: 0px;
left: 0;
}
div.logoBW {
width: 243px;
height: 151px;
background: url("backgrounds/bwlogo.jpg") no-repeat top left;
position: absolute;
top: 0px;
left: 0;
}

div #top_toc {
width: 557px;
height: 151px;
position: absolute;
top: 0px;
left: 243px
;}
.fine_top {
background: url("backgrounds/top_fine.jpg") no-repeat top left;
}
.finemono_top {
background: url("backgrounds/top_finemono.jpg") no-repeat top left;
}
.finesketch_top {
background: url("backgrounds/top_finesketch.jpg") no-repeat top left;
}
.illust_top {
background: url("backgrounds/top_illust.jpg") no-repeat top left;
}
.pres_top {
background: url("backgrounds/top_pres.jpg") no-repeat top left;
}
.web_top {
background: url("backgrounds/top_web.jpg") no-repeat top left;
}
.collat_top {
background: url("backgrounds/top_collat.jpg") no-repeat top left;
}
.market_top {
background: url("backgrounds/top_market.jpg") no-repeat top left;
}
div #left_toc {
width: 239px;
height: 649px;
background: url("backgrounds/toc_left.jpg") repeat-x top left;
position: absolute;
top: 151px;
left: 0;
}
div #vert_toc {
width: 4px;
height: 649px;
background: url("backgrounds/vert_toc.jpg") no-repeat top left;
position: absolute;
top: 151px;
left: 239px;
}
div #right_toc {
width: 492px;
height: 649px;
background: url("backgrounds/toc_right.jpg") repeat-x top left;
position: absolute;
top: 151px;
left: 243px;
z-index: 2;
display: block;
}
div #lettering {
width: 65px;
height: 649px;
position: absolute;
top: 151px;
left: 735px;
}
.lettering_fine {
background: url("backgrounds/lettering_fine.jpg") no-repeat top left;
}
.lettering_illust {
background: url("backgrounds/lettering_illust.jpg") no-repeat top left;
}
.lettering_screen {
background: url("backgrounds/lettering_screen.jpg") no-repeat top left;
}
.lettering_print {
background: url("backgrounds/lettering_print.jpg") no-repeat top left;
}