html, body { height: 100%; }
body { background: url(/img/bg.jpg) repeat; }
.container { display: table; height: 100%; width: 100%; }
.cell { display: table-cell; vertical-align: middle; /* For IE6/7 */ position: relative; top:expression(this.parentNode.clientHeight/2 - this.firstChild.clientHeight/2 + " px"); }
/* main */
.main { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 924px; height: 660px; }
img.main-kraft { margin: 35px 0 0 30px; }
a:hover { zoom: 1; }
a.about { width: 277px; height: 134px; overflow: hidden; display: block; position: absolute; top: 502px; right: 0; }
a.about:hover img { margin-left: -277px; }
a.design { width: 174px; height: 137px; overflow: hidden; display: block; position: absolute; top: 445px; left: 320px; }
a.design:hover img { margin-left: -174px; }
a.graphic { width: 145px; height: 157px; overflow: hidden; display: block; position: absolute; top: 502px; left: 33px; }
a.graphic:hover img { margin-left: -145px; }
a.art { width: 122px; height: 146px; overflow: hidden; display: block; position: absolute; top: 75px; left: 0; }
a.art:hover img { margin-left: -122px; }
a.photo { width: 208px; height: 155px; overflow: hidden; display: block; position: absolute; top: 38px; left: 360px; }
a.photo:hover img { margin-left: -208px; }
a.things { width: 156px; height: 135px; overflow: hidden; display: block; position: absolute; top: 20px; right: 20px; }
a.things:hover img { margin-left: -156px; }
/* works */
.content { width: 900px; height: 770px; margin: 0 auto; }
p.title { text-align: center; padding: 15px 0 5px 0; }
.works img { padding: 0 12px 9px 0; }
table.show td { width: 90px; height: 92px; }
td#main-pic { vertical-align: bottom; }
a.back { position: absolute; left: 540px; }
a.next { position: absolute; left: 650px; }
/* about */
.about-pics table, .about-pics img { float: left; }
.about-pics table { width: 450px; height: 550px; }
.about-pics img { padding: 0 12px 9px 0; }
.about-pics table td { vertical-align: bottom; width: 90px; height: 90px; }
.about-pics{ height: 550px; }
.about-pics, about-who { clear: both; }
.about-who { width: 900px; }
img.about-design { float: left; margin-top: 6px; }
img.about-code { float: right; padding-right: 15px; }