@charset "utf-8";
body, h1,h2,h3,h4,h5,p,ul,li,img,form{ display: block; border: none; margin:0; padding:0;list-style: none;  }
* { margin: 0; padding: 0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { background: url(bg.gif) repeat-x top #0a0a0a; font-family: Arial, Helvetica, sans-serif; color: #fff; }
#wrap { width: 960px; background: #131313; border: 1px solid #2d2d2d; margin: 10px auto; }

#head { margin-left: 45px; }
#head .left { width: 460px; float:left; display:inline; }
#head h1 { background: url(tap_01.gif) no-repeat 0 0; height: 185px; text-indent: -9999px; }
#head h1 a { display: block;height: 185px; }
#head p.about { background: url(tap_01.gif) no-repeat 0 bottom; height: 120px; text-align: center; font-weight: bold; padding: 11px 60px 0 60px; font-size: 14px; line-height: 18px; }
#head .thumb { padding-top: 16px; }

a.player { border: 2px solid #000;display:block;width: 380px;height:254px; }
a.player:hover { border-color: #ff9; }

.thumb { float:left; display:inline;width: 384px; }
.thumb img {  }
.thumb p,.thumb span { font-size: 11px; font-weight: bold; text-transform: uppercase; text-align: center; }
.thumb span.l { float:left; display:inline; margin-left: 10px; background: #000; padding: 2px 10px; color: #666; }
.thumb span.r { float:right; margin-right: 10px; background: #000; padding: 2px 10px; color: #666;  }
.thumb span.r a { color: #fff; }
.thumb span.r a:hover { color: #fc5200; }

#site { width: 875px; background: url(tap_03.gif) no-repeat bottom; height: 331px; position: relative; margin: 20px auto; }
#site .site { position: absolute; top: 116px; left: 0; widows: 239px; }
#site .site p { text-align: center; font-size: 11px; font-weight: bold; color: #ff702b; margin: 0; } 
#site h2 { margin: 10px 0 8px 250px; font-size: 18px; }
#site p { font-size: 12px; margin: 0 60px 0 250px; }
#site a.go { color: #fff; text-decoration: none; font-size: 17px; text-align: center; display: block; width: 875px; font-weight: bold; position: absolute; bottom: 22px; }
#site a.go span { text-decoration: underline; }
#site a.go:hover { color: #fc5200; }

.block { width: 820px; margin: auto; margin-bottom: 20px; }

.updates { padding: 1px; border: 1px solid #2d2d2d; width: 810px; }
.updates h3 { background: #000; padding: 5px 10px; clear: both; }
.updates ul { margin: 1px 0; background: #0e0e0e; padding: 8px; }
.updates ul li { margin-left: 18px; float:left; display:inline; }
.updates ul li img { border: 1px solid #fff; }
.updates ul li p { font-size: 12px; color: #ff702b; font-weight: bold; }
.updates a.go { background: #080808; display: block; padding: 6px 10px 8px 10px; text-transform: uppercase; font-size: 32px; color: #fff; text-align: center; }
.updates a.go:hover { background: #fc5200; }

.block .points { float:left; display:inline; width: 380px; margin-left: 20px; }
.block .points ul { padding: 10px 0 0 20px; }
.block .points ul li { background: url(tap_04.gif) no-repeat left; padding: 4px 0 7px 30px; font-size: 24px; font-weight: bold; }

img.logos { display: block; margin: 0 auto 10px auto; }

#footer { text-align: center;margin-top: 25px;font-size: 11px; }
#footer a { color: #ff9; }
#footer .copyright { padding: 25px 0; }