/* Adrian Kousz 2008 */
body {
 font-family: 'Segoe UI', 'Frutiger Next', 'Myriad Pro', 'Trebuchet MS', 'Tahoma', sans-serif;
 background: url('/public/bg-asphalt.jpg');
 margin-bottom: 100px;
}

#container {
 position: relative;
 margin: 30px auto;
 width: 1024px;
}

#head-bg {
 display: block;
 position: absolute;
 top: 0; left: 0;
 margin: 0 auto;
 width: 1024px;
 height: 106px;
 opacity: 0.5;
 filter: Alpha(opacity=50);
}

#head {
 position: absolute;
 top: 0; left: 0;
 margin: 0 auto;
 border: 3px solid black;
 padding-right: 10px;
 width: 1008px;
 height: 100px;
 text-align: right;
 color: yellow;
 font-size: 1.5em;
}

#logo {
 display: block;
 float: left;
}

#title {
 font-size: 1.5em;
 font-weight: bold;
}

#navi-bg {
 display: block;
 position: absolute;
 top: 200px;
 width: 220px;
 height: 400px;
 opacity: 0.5;
 filter: Alpha(opacity=50);
}

#navi {
 position: absolute;
 top: 200px;
 border: 3px solid black;
 padding: 10px;
 width: 196px;
 height: 376px;
 color: white;
}

#navi a {
 display: block;
 padding: 4px 5px 4px 34px;
 border-top: 1px solid #CCC;
 border-bottom: 1px solid #444;
 color: black;
 background: url('/public/bullet.png') 10px center no-repeat;
 text-decoration: none;
 font-family: 'Trebuchet MS', 'Tahoma', sans-serif;
}

#navi a:hover {
 color: white;
 padding: 3px 3px 3px 32px;
 border: 2px solid #888;
 background: black url('/public/bullet-hi.png') 0px center no-repeat;
}

#cont-start {
 position: absolute;
 left: 254px;
 top: 150px;
 width: 770px;
 height: 180px;
 background: url('/public/court1.jpg') no-repeat;
}

#cont {
 position: absolute;
 left: 254px;
 top: 330px;
 padding: 30px 135px;
 width: 500px;
 min-height: 200px;
 background: url('/public/court2.jpg') repeat-y;
 color: white;
}

#line {
 position: absolute;
 top: 99.8%;
 left: 0;
 width: 770px;
 height: 100px;
 background: url('/public/line-x.jpg') no-repeat;
}

#ball {
 position: fixed;
 bottom: 0; right: 0;
 background: url('/public/bg-ball.png') no-repeat bottom right;
 width: 400px;
 height: 400px;
 opacity: 0.5;
 filter: Alpha(opacity=50);
}

#line {
 position: absolute;
 top: 99.8%;
 left: 0;
 width: 770px;
 height: 10px;
 background: url('/public/line-x.jpg') no-repeat;
}

#foot {
 position: absolute;
 bottom: -150px;
 right: 10px;
 height: 100px;
 font-size: 0.8em;
}

a {
 color: #400;
}
a:hover {
 color: #FFF;
}