body, html {
width:100%;
height:100%;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:.875em;
}

body {
background:#FFF url(/files/gif/321/body-bg.gif) repeat-x 50% -14px;
}

#wrapper {
width:100%;
height:100%;
position:relative;
}

#topnav-wrap {
width:100%;
height:36px;
background:#404040 url(/files/gif/322/topnav-bg.gif) repeat-x bottom;
}

#topnav {
width:940px;
margin:0 auto;
}

#topnav ul {
margin:0;
padding:0;
list-style-type:none;
}

#topnav li {
float:left;
}

#topnav li a {
line-height:36px;
color:#999;
text-decoration:none;
}

#topnav li a:hover.kartingcenter {
background:#E2202F;
color:#FFF;
}

#topnav li a.ruuhimaki {
background:#208FE2;
color:#FFF;
}

#topnav li a:hover.oldboys {
background:#E28220;
color:#FFF;
}

#topnav-left {
float:left;
}

#topnav-left a {
margin:0 10px 0 0;
}

#topnav-right {
float:right;
}

#topnav-right a {
margin:0 0 0 10px;
}

#header-wrap {
width:100%;
height:260px;
background:#737373 url(/files/jpeg/323/header-bg.jpg) repeat-x top center;
}

#header {
width:960px;
margin:0 auto;
}

#atmos {
width:625px;
height:260px;
position:relative;
float:left;
}

#logo {
width:520px;
height:240px;
background:transparent url(/files/png/360/ruuhimaki-logo.png) no-repeat;
position:absolute;
bottom:10px;
left:10px;
z-index:2;
}

.header-box {
width:300px;
height:95px;
float:left;
overflow:hidden;
}

.header-box a {
color:#FFF;
}

.header-box a:hover {
text-decoration:none;
}

.header-box h2, .header-box p {
margin:0;
}

.header-box h2 {
color:#FFF;
font-size:1.5em;
font-style:italic;
font-weight:bolder;
text-transform:uppercase;
letter-spacing:-1px;
}

.header-box p {
color:#FFF;
line-height:1.6em;
font-size:.9em;
}

.header-box strong {
text-transform:uppercase;
}

.header-box1 {
background:transparent url(/files/png/325/box-bg.png) no-repeat;
background-position:0 5px;
padding:20px 15px 15px;
}

.header-box2 {
background:transparent url(/files/png/325/box-bg.png) no-repeat;
padding:15px;
}

#newsbox {
width:100%;
height:52px;
overflow:hidden;
text-transform:none;
}

#newsbox h3 {
color:#FFF;
line-height:1em;
margin:0 0 .5em 0;
font-weight:normal;
}

#main {
width:940px;
height:auto !important;
min-height:520px;
height:520px;
background:transparent url(/files/png/326/main-bg.png) no-repeat;
margin:0 auto;
padding:0 10px;
}

#nav {
width:190px;
background:#777 url(/files/gif/327/nav-bottom.gif) no-repeat bottom center;
padding:0 0 100px 0;
float:left;
}

#nav ul {
margin:0;
padding:0;
list-style-type:none;
}

#nav li a {
display:block;
background:#666;
line-height:24px;
_height:24px;
font-weight:bold;
color:#FFF;
text-decoration:none;
padding:0 10px;
border-bottom:1px solid #555;
border-top:1px solid #888;
}

#nav li a:hover {
background:#777;
border-bottom:1px solid #777;
border-top:1px solid #777;
}

#nav ul ul li a {
display:block;
background:#777;
height:24px;
line-height:24px;
font-weight:bold;
color:#FFF;
text-decoration:none;
padding:0 10px;
border-bottom:1px solid #777;
border-top:1px solid #777;
}

#nav ul ul li a:hover {
background:#888;
border-bottom:1px solid #888;
border-top:1px solid #888;
}

#nav ul ul  ul li a {
display:block;
background:#888;
height:24px;
line-height:24px;
font-weight:bold;
color:#FFF;
text-decoration:none;
padding:0 10px;
border-bottom:1px solid #888;
border-top:1px solid #888;
}

#nav ul ul ul li a:hover {
background:#999;
border-bottom:1px solid #999;
border-top:1px solid #999;
}

#nav h2 {
text-align:center;
color:#FFF;
}

.sponsor {
display:block;
width:100%;
padding:4px 0;
text-align:center;
background:#FFF;
margin:0 0 5px 0;
}

.sponsor img {
border:0;
width:160px;
}

#content {
width:730px;
float:left;
padding:10px;
}

#content2 {
width:410px;
float:left;
padding:10px;
}

#content a, #content2 a {
color:#208FE2;
text-decoration:underline;
}

#content a:hover, #content2 a:hover {
text-decoration:none;
}

#content h1, #content2 h1 {
color:#208FE2;
font-size:2em;
font-style:italic;
text-transform:uppercase;
letter-spacing:-2px;
margin:0;
}

#content h2, #content2 h2 {
font-size:1.5em;
margin:.5em 0;
}

#content p, #content2 p {
line-height:1.6em;
text-align:justify;
margin:0 0 1em 0;
}

#content ul, #content2 ul {
list-style-type:disc;
}

#content ol, #content2 ol {
list-style-type:decimal;
}

#content li, #content2 li {
line-height:1.6em;
}

#content td, #content2 td {
border-top:1px dashed #CCC;
}

#sidebar {
width:300px;
height:auto !important;
min-height:450px;
height:450px;
float:right;
background:transparent url(/files/gif/328/sidebar-bg.gif) repeat-x;
padding:10px;
}

#sidebar a {
color:#000;
text-decoration:underline;
}

#sidebar a:hover {
text-decoration:none;
}

#sidebar h2 {
color:#208FE2;
font-size:1.5em;
font-style:italic;
font-weight:bolder;
text-transform:uppercase;
letter-spacing:-1px;
margin:0;
}

#sidebar h3 {
font-size:1.15em;
margin:.5em 0;
}

#sidebar p {
line-height:1.6em;
font-size:.9em;
text-align:justify;
margin:0 0 1em 0;
}

#footer-wrap {
width:100%;
height:170px;
background:transparent url(/files/gif/361/footer-bg-ruuhimaki.gif) repeat-x top center;
}

#footer {
background:transparent url(/files/gif/366/footer-ruuhimaki.gif) no-repeat bottom right;
width:940px;
height:170px;
margin:0 auto;
}

#footer-left {
width:500px;
float:left;
padding:110px 0 0 0;
}

#footer-left a {
color:#FFF;
text-decoration:underline;
}

#footer-left a:hover {
text-decoration:none;
}

#footer-left p {
color:#FFF;
font-size:.9em;
margin:0;
}