* { margin: 0; padding: 0; }

body { 
color: #bbb; 
font: 12px arial, tahoma, sans-serif;
line-height: 18px;
margin: 0;
background: url(images/bg.jpg); }

#layout { 
background: url(images/laybg.gif) repeat-y;
width: 775px; 
margin: 0 auto; }

#header { 
background: url(images/header.jpg) no-repeat;
height: 366px; }

#home { 
float: left; 
margin: 20px 0 0 20px; }

#home a { 
width: 350px; 
height: 58px; 
display: block; 
border: 0; }

#top { float: left; margin: 288px 0 0 0; width: 545px; }
#top li { list-style: none; }
#top li a { display: block; float: left; }

#top .a { background: url(images/a1.jpg); width: 71px; height: 152px; }
#top .b { background: url(images/b1.jpg); width: 91px; height: 152px; }
#top .c { background: url(images/c1.jpg); width: 55px; height: 152px; }
#top .d { background: url(images/d1.jpg); width: 87px; height: 152px; }
#top .e { background: url(images/e1.jpg); width: 79px; height: 152px; }
#top .f { background: url(images/f1.jpg); width: 62px; height: 152px; }
#top .g { background: url(images/g1.jpg); width: 100px; height: 152px; }

#top .a:hover { background: url(images/a2.jpg); }
#top .b:hover { background: url(images/b2.jpg); }
#top .c:hover { background: url(images/c2.jpg); }
#top .d:hover { background: url(images/d2.jpg); }
#top .e:hover { background: url(images/e2.jpg); }
#top .f:hover { background: url(images/f2.jpg); }
#top .g:hover { background: url(images/g2.jpg); }

#content { 
float: left; 
width: 505px;
margin: 30px 20px 20px 20px; }

#navigation { 
float: right;
width: 210px;
margin: -350px 10px 0 10px; }

#footer { clear: both; }

h1 { 
color: #514d6a; 
letter-spacing: 2px;
font: small-caps 40px "Arial Narrow", Tahoma, sans-serif;
border-bottom: 8px groove #46566b;
padding-left: 50px; }

h2 { 
text-align: center;
color: #01578f; 
font: small-caps 22px "Century Gothic", Tahoma, sans-serif; }

#navigation h2 { 
margin: 10px; }

#navigation ul { 
margin: 7px -10px 0 -10px; 
list-style: none; }

#navigation li { 
line-height: 20px; }

#navigation li a { 
display: block;
padding-left: 15px;
border-bottom: 1px solid #1f2122; }

#navigation li a:hover { 
background: #242424;
color: #8b637d; 
font-style: italic; }

a { color: #82a0a8; text-decoration: none; }

a:hover { color: #e0506d; }

#content ol, #content ul { margin: 10px; }

p { margin: 18px 0; }

input, textarea, select { 
font: 12px arial, tahoma, sans-serif;
border: 1px solid #46566b;
background: url(images/bg.jpg);
color: #8b637d; 
margin-bottom: 1px; 
padding: 3px; }

input, select { width: 200px; }

#content ol, #content ul { 
margin: 18px 0;
padding: 0 40px; }

#content li {
line-height: 18px; }

.button { 
margin-right: 8px; 
width: 100px; 
float: left; }

textarea { 
margin-top: 0; 
width: 250px;  }

.thumb {
width: 100px;
height: 100px;
float: left;
padding-right: 3px; }

.outline .thumb { margin-top: 3px; }

.outline { 
color: #656174; 
background: url(images/bg.jpg);
border-top: 1px solid #46566b;
border-bottom: 1px solid #5f5249;
line-height: 15px;
margin: auto;
width: 65%;
height: auto;
padding: 8px 15px; }

.link { 
background: url(images/bg.jpg);
border: 1px solid #333;
padding: 5px; }

hr { 
border: 1px solid #656174; 
width: 80%;
margin: 0 auto; }

.exchange li { 
float: left;
width: 50%; }

.clear { clear: left; }

#board { 
background: url(images/bg.jpg);
border: 1px solid #46566b;
width: 260px; 
height: 220px; 
float: left; 
overflow: auto; 
color: #514d6a; 
padding: 3px;
margin: 0 3px; }

#tag textarea { width: 200px; }

#eXTReMe { margin: 5px 0 0 0; float: right; }