﻿* { margin: 0; padding: 0; font: 13px Serif; line-height: 23px; color: #656565; }
b { font-weight: 600; }
body { min-width: 980px; }

#wrapper { margin: 50px auto 0 auto; }
#menu { float: left; margin-left: 50px; width: 150px; }
#container { float: left; margin-left: 70px; width: 600px; overflow: visible; }

#menu a, .links a, #processStyle a { font-family: 'Courier' , Monospace, Sans-Serif; font-size: 12px; letter-spacing: .2em; line-height: 12px; color: #000; text-decoration: none; }
.links a, #processStyle a { font: 13px Serif !important; }
#processStyle a { letter-spacing: 0; text-decoration: underline; cursor: pointer; }
.links a:hover, #menu ul li a:hover, #processStyle a:hover { text-decoration: underline; color: #000; background: #ff3; }
#studiolink a { font-size: 1.1em !important; text-decoration: underline; letter-spacing: 0; }
#menu ul { list-style: none; }
#menu ul li { margin-bottom: 5px; }
#menu ul ul li a { margin-left: 2px; color: #656565; }
#menu ul li a.selected, #menu ul ul li a.selected { text-decoration: line-through; cursor: default; }
#menu ul li a.selected:hover, #menu ul ul li a.selected:hover { color: #656565; background: #fff; }
#menu .studio { margin-top: 25px; }
#menu img { margin-bottom: 15px; border: 0 none; }
.submenu { margin-top: 20px; font-style: italic; font-weight: bold; color: #000; }
.dots { margin: 20px 0 12px 0; letter-spacing: .2em; font-weight: 900; }

.left { float: left; }
.right { float: right; }

.transparent { opacity: 0.3; }
.nontransparent { opacity: 1.0; }
#project { margin-top: -25px; width: 780px; }
#project ul { list-style: none; }
#project ul li { float: left; width: 130px; height: 130px; background-repeat: no-repeat; background-position: center; cursor: pointer; }

#processStyle { margin-top: 55px; width: 600px; text-align: justify; }
.processTitle, .projectTitle { font-family: Times New Roman; font-weight: 900; font-size: 1.4em; }
.processImage { margin: 15px 0 45px 0; }
.projectTop a { font-family: 'Courier' , Monospace, Sans-Serif !important; font-size: 11px; letter-spacing: .2em; line-height: 12px; color: #000; text-decoration: none; }
.drawing a, .processDate { font-family: Times New Roman; font-weight: 900; font-size: .8em; letter-spacing: 1px; }
.projectTop a, .drawing a { text-align: left !important; text-decoration: none; font-size: 1.0em; font-weight: normal; }
.projectTop a:hover, .drawing a:hover { text-decoration: underline; }
.projectTop { width: 600px; }
.projectTitle { float: left; margin-top: -25px; width: 600px; font-size: 1.1em; text-align: center; color: #000; }
.projectImages img { margin: 15px 0 30px 0; }
.drawing .drawingItem { margin: 15px 0 55px 0; }
.drawing .drawingItem img { cursor: pointer; }
.drawing .drawingDetail { margin: 45px 0 90px 0; }
.drawingDetail img { margin-bottom: 20px; }
.product img { border: 0 none; }

input.buy { margin-top: 25px; cursor: pointer; border: 0 none; background: #fff; }
input.buy:hover { color: #000; background: #ff3; }
