* { margin:0; padding:0; }
html, body { height:100%; }
body { font-family:"Century Gothic", Tahoma, "Gill Sans MT", "MS Sans Serif"; font-size:14px; color:#000; background:#000; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
h1, h2 { font-weight:normal; font-size:18px; }
h2 { font-size:30px; }

#vcenter { height:50%; margin-bottom:-331px; position:relative; float:left; width:1px; }
#main { width:1024px; height:662px; overflow:hidden; margin:0 auto; position:relative; clear:both; background:#fff url('subnavi.gif') center bottom no-repeat; }
#contents { height:428px; overflow:hidden; padding:106px 0 0 65px; }
#contents p { padding-left:157px; width:480px; padding-top:10px; }
#subnavi { height:32px; line-height:32px; overflow:hidden; text-align:center; font-weight:bold; }
#footer { height:96px; overflow:hidden; background:#8891a0; }
#footer .homelink { width:353px; height:96px; display:block; float:left; background:url('logo.gif') 0 0 no-repeat; }
#footer .homelink img { border:none; }
#navi { width:627px; padding:24px 0 0 22px; float:left; }
#navi a { color:#fff; font-weight:bold; font-size:15px; }
#footer .info { width:627px; padding:0 0 0 22px; float:left; font-size:13px;  }

.separator { padding:0 4px; }
#subnavi .separator { color:#a153a4; }
#navi .separator { color:#fff; }

.grey { color:#8891a0; }
.green { color:#568800; }
.red { color:#9d080d; }
.purple { color:#4a0048; }
.brightred { color:#ea3d2f; }
.violet { color:#b14c94; }
.pink { color:#c22a5e; }
.lime { color:#719b00; }
.nile { color:#6743b3; }
.biege { color:#bbb660; }
.brightpurple { color:#91268f; }
.leaf { color:#c1c790; }

/* #main {background:url(test.png) 00px -80px no-repeat; }  */

#wimoiss { position:absolute; top:15px; right:15px; width:141px; height:108px; border:0; }
#wimoiss img { border:0; }