/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \L\ \ \ \/\ \__/\ \ \\`\ /\ \/\ \/\ \/\ \L\.\_/\ \/\ \/\__, `\
 \ \___,_\ \_\ \____\\ \_\ \_\ \_\ \_\ \_\ \__/.\_\ \_\ \_\/\____/
  \/__,_ /\/_/\/____/ \/_/\/_/\/_/\/_/\/_/\/__/\/_/\/_/\/_/\/___/ design.com
  
*/

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
ul, ol {list-style:none;}
.img_left img{float:left;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.over {overflow:hidden;}
.over1 {overflow:hidden; height:1px;}
.over0 {overflow:hidden; height:0px;}
.block {display:block;}
.del{display:none;}
.null{visibility:hidden;}

/* BASE
----------------------------------------------------------------------------- */

body { margin:0; background: #04172e url(images/bg1.jpg); font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:1.3em; color:#000; }
.bg2 { background:url(images/bg2.png) repeat-x; height: 195px; width: 100%; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg2.png', sizingMethod='scale'); _background: transparent;   }
.main { position: absolute; top: 0px; left: 50%; width: 980px; margin: 0 0 0 -494px; border-left: 4px solid #000000; border-right: 4px solid #000000; background: #000000; }

/* HEADER
----------------------------------------------------------------------------- */
.header { position: relative; width: 980px; }
.header .menu { position: absolute; top: 7px; right: 1px; }
.header .menu li { float: left; padding: 0 0 0 3px; }
.header .menu li a img { display: block; filter:alpha(opacity=80); -moz-opacity:.80; opacity:.80; }
.header .menu li a:hover img { display: block; filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }
.header .flash { position: absolute; top: 173px; left: 250px; }
.header .flash img { display: block; }
.header .bt0 { position: absolute; left: 250px; top: 442px; }
.header .bt1 { position: absolute; left: 248px; top: 484px; }
.header .bt2 { position: absolute; left: 14px; top: 266px; }
.header .bt3 { position: absolute; left: 501px; top: 266px; }
.header p { position: absolute; top: 589px; left: 250px; text-align: center; width: 480px; color: #FFFFFF; }
.header span { position: absolute; left: 140px; top: 12px; }
.header .a1 { position: absolute; top: 530px; left: 16px; }
.header .b1 { position: absolute; top: 530px; left: 741px; }

/* CONTENT
----------------------------------------------------------------------------- */
.content { width: 980px; }
.content .divs { text-align: center; padding: 6px 0 0 0; font-weight: bolder; font-family: "Trebuchet MS"; }
.content .divs h2 { font-size: 38px; font-weight: bold; line-height: 38px; }
.content .divs h2.color1 a { color: #2bff00; }
.content .divs h2.color2 a { color: #f6ff00; }

.content .console { width: 980px; overflow: hidden; height: 835px; }
.content .console .title { height: 43px; background: url(images/home_console_title.jpg) no-repeat; font-size: 28px; color: #FFFFFF; line-height: 28px; padding: 20px 0 0 20px; }
.content .console ul { width: 1100px; }
.content .console ul li { float: left; padding: 0 10px 10px 0; }
.content .console ul li img { display: block; }
.content .console ol { width: 266px; float: left; }
.content .console ol li { float: left; padding: 0 0 10px 0; }
.content .console ol li { float: left; }
.content .console ol li img { display: block; }
.content .console dl { float: left; }
.content .console dl dt { float: left; }
.content .console dl dd { background: url(images/home_console-bg.jpg) no-repeat; width: 262px; float: left; height: 381px; color: #FFFFFF; font-size: 14px; overflow: hidden; }
.content .console dl dd p { padding: 5px 5px 0 9px; height: 295px; overflow: hidden; line-height: 17px; }
.content .console dl dd strong.color1 { color: #ffcc05; }
.content .console dl dd strong.color2 { color: #00ceff; }
.content .console dl dd a { color:#fff; }

.content .console2 { width: 980px; overflow: hidden; }
.content .console2 h2 { text-transform: uppercase; font-size: 14px; line-height: 14px; font-weight: bold; padding: 19px 0 8px 5px; color: #FFF; }
.content .console2 ul { width: 1000; }
.content .console2 ul { }
.content .console2 ul li { width: 323px; padding: 0 5px 0 0; float: left; height: 280px; }
.content .console2 ul li .image { position: relative; width: 323px; height: 172px; background: url(images/previewpng.png) no-repeat; }
.content .console2 ul li .image span { position: absolute; left: 0px; top: 0px; background: url(images/previewpng.png) no-repeat; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/previewpng.png'); _background: transparent; width: 323px; height: 172px; }
.content .console2 ul li p { color: #FFF; font-size: 12px; line-height: 13px; padding: 5px; }
.content .console2 ul li p a { font-weight: bold; color: #f8bd05; text-decoration: underline; }
.content .console_blue ul li p a { font-weight: bold; color: #3F97FF; text-decoration: underline; }

.content .box1 { width: 980px; overflow: hidden; }
.content .box1 ul { width: 1100px; padding: 28px 0 0 0; }
.content .box1 li { width: 224px; float: left; padding: 0 28px 28px 0; }
.content .box1 li img { display: block; padding: 0 0 5px 0; }
.content .box1 li p { color: #2cff00; background: #2a2e36; display: block; padding: 4px 0; text-align: center; font-weight: bold; }

.new_join { position: relative; color: #FFFFFF; }
.new_join ul { position: absolute; top: 325px; left: 51px; }
.new_join ul li { font-size: 20px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.04em; color: #f8bd05; height: 35px; _height: 34px; overflow: hidden; }
.new_join ul li.color { color: #00bfff; }
.new_join .flash { top: 0px; left: 18px; position: absolute; }
.new_join .form { position: absolute; left: 570px; top: 120px; width: 357px; }
.new_join .form h3 { color: #FFFFFF; text-transform: uppercase; font-size:14px; line-height: 14px; display: block; text-align: center; padding: 20px 0 7px 0; }
.new_join .form small { text-align: center; display: block; padding: 0 0 8px 0; }
.new_join .form dl dd { height: 27px; }
.new_join .form dl dd label { float: left; text-align:right; padding: 4px 10px 0 0; display: block; width: 100px; }
.new_join .form dl dd input { border: 1px solid #A5ACB2; padding: 1px; font-family: "Trebuchet MS"; font-size:14px; }
.new_join .form dl dd select { border: 1px solid #A5ACB2; font-family: "Trebuchet MS"; font-size:14px; height: 22px; }
.new_join .form dl dt { height: 50px; }
.new_join .form dl dt label { float: left; text-align:right; padding: 0 10px 0 0; display: block; width: 100px; }
.new_join .form dl dt p { float: left; padding: 3px 0 0 0; font-weight: bold; }
.new_join .form .bt1 { text-align: center; display: block; }
.new_join .form .bt1 input { font-weight: bold; padding: 0px 15px; }
.new_join .form .p1 { text-align: center; border-top: 1px solid #5F5F5F; margin-top: 15px; }
.new_join .form .bt1 .bt4 { margin-top: 50px; }
.new_join .form .p1 .bt3 { margin-top: 5px; }
.new_join .form .p2 { font-size: 10px; text-align: center; padding: 25px 0 0 0; line-height: 11px; }

.join { position: relative; color: #FFFFFF; }
.join ul { position: absolute; top: 295px; left: 51px; }
.join ul li { font-size: 20px; line-height: 20px; font-family: Arial, Helvetica, sans-serif; letter-spacing: -0.04em; color: #f8bd05; height: 35px; _height: 34px; overflow: hidden; }
.join ul li.color { color: #00bfff; }
.join .flash { top: 0px; left: 18px; position: absolute; }
.join .form { position: absolute; left: 570px; top: 120px; width: 357px; }
.join .form h3 { color: #FFFFFF; text-transform: uppercase; font-size:14px; line-height: 14px; display: block; text-align: center; padding: 45px 0 7px 0; }
.join .form small { text-align: center; display: block; padding: 0 0 8px 0; }
.join .form dl dd { height: 27px; }
.join .form dl dd label { float: left; text-align:right; padding: 4px 10px 0 0; display: block; width: 100px; }
.join .form dl dd input { border: 1px solid #A5ACB2; padding: 1px; font-family: "Trebuchet MS"; font-size:14px; }
.join .form dl dd select { border: 1px solid #A5ACB2; font-family: "Trebuchet MS"; font-size:14px; height: 22px; }
.join .form dl dt { height: 50px; }
.join .form dl dt label { float: left; text-align:right; padding: 0 10px 0 0; display: block; width: 100px; }
.join .form dl dt p { float: left; padding: 3px 0 0 0; font-weight: bold; }
.join .form .bt1 { text-align: center; display: block; }
.join .form .bt1 input { font-weight: bold; padding: 0px 15px; }
.join .form .p1 { text-align: center; }
.join .form .bt3 { margin-top: 5px; }
.join .form .p2 { font-size: 10px; text-align: center; padding: 25px 0 0 0; line-height: 11px; }
.join .form .paytype p label { float: left; text-align:left; padding: 1px 0; display: block; width: 200px; }
.join .form .paytype label { float: left; text-align:left; padding: 1px 0; display: block; width: 200px; }

.preview_header { padding: 37px 0 4px 0; }
.preview_title { position: absolute; top: 205px; left: 15px; color: #FFF; font-size: 19px; line-height: 19px; text-transform: uppercase; }
.preview_title a { text-decoration: underline; color: #f6ff00; }
.preview_title a:hover { text-decoration: none; }
.preview .col1 { width: 256px; padding: 0 0 0 0; _padding: 0 0 4px 0; }
.preview .col1 img { padding: 0 0 8px 0; }
.preview .col2 { width: 256px; _padding: 0 0 4px 0; }
.preview .col2 img { padding: 0 3px 8px 0; }
.preview .flash { width: 452px; float: left; padding: 0 0 0 9px; _padding: 0 3px 0 8px; }
.preview .limit { padding: 15px 0 0 25px; margin-left: 120px; color: #FFF; font-size: 24px; }
.preview .p1 { padding: 25px 0 0 25px; color: #FFF; width: 470px; }
.preview .p1 span a { color: #f8bd05; font-weight: bold; display: block; padding: 15px 0 15px 0; font-size: 17px; line-height: 17px; }
.preview .p1 strong a { color: #00bfff; font-size: 17px; line-height: 17px; }
.preview .p1 a:hover { text-decoration: none; }
.preview .bigbt { padding: 25px 25px 25px 0; }
.preview .bt1 { padding: 0 23px 0 20px; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer { position: relative; width: 980px; }
.footer .bt2 a  img,
.footer .bt1 a  img { display: block; }
.footer .bt1 { position: absolute; top: 107px; left: 10px; }
.footer .bt2 { position: absolute; top: 107px; left: 658px; }
.footer .logo { position: absolute; top: 73px; left: 398px; }
.footer .p { display: block; text-align: center; color: #FFFFFF; font-size: 16px; padding: 10px 50px; }
.footer .p p { display: block; padding: 0 0 10px 0; }
.footer .p p a { color: #2cff00; font-weight: bold; text-decoration: underline; }
.footer .p p .hover,
.footer .p p a:hover { color: #ffff00; }
.footer .p1 { position: absolute; top: 200px; left: 0px; width: 980px; text-align: center; }
.footer .p1 p a { font-size: 35px; line-height: 37px; color: #2CFF00; font-weight: bold; text-decoration: underline; }
.footer .p1 p .hover,
.footer .p1 p a:hover { color: #ffff00; }
.descrip6 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;color: #ffff00; line-height: 18px; text-decoration: underline; }
.small { color: #FFFFFF; font-size: 10px; text-decoration: underline; }

.live {}
.live_header { padding: 37px 0 0px 0; }
.live .box1 { position: relative; }
.live .box1 .p1 { font-size: 53px; line-height: 53px; color: #2bff00; font-weight: bolder; position: absolute; left: 409px; top: 25px; text-transform: uppercase; }
.live .box1 .p2 { font-size: 77px; line-height: 77px; color: #2bff00; font-weight: bolder; position: absolute; left: 409px; top: 90px; letter-spacing: -0.01em; }
.live .box2 { position: relative; height:711px; }
.live .box2 span.bookmark { position: absolute; top: 15px; left: 50px; font-size: 14px; line-height: 15px; color: #2bff00; text-transform: uppercase; width: 300px; font-weight: bold; }
.live .box2 span.bookmark a { color: #2bff00; text-decoration: underline; }
.live .box2 div.player { width: 830px; position: absolute; top: 80px; left: 70px; }
.live .box2 a.learmore { position: absolute; top: 14px; right: 63px; }
.live .box2 span.stat1 { position: absolute; bottom: 180px; text-align: center; left: 0; width: 980px; color: #2bff00; font-weight: bold; font-size: 25px; line-height: 30px; text-transform: uppercase; }
.live .box2 span.stat1 a { color: #2bff00; text-decoration: underline; }
.live .box2 span.stat2 { position: absolute; bottom: 25px; text-align: center; left: 0; width: 980px; color: #fffc00; font-weight: bold; font-size: 16px; line-height: 20px; text-transform: uppercase; }
.live .box2 span.stat2 a { color: #fffc00; text-decoration: underline; }
.live .box2 span.stat3 { position: absolute; bottom: 255px; text-align: center; left: 0; width: 980px; color: #fffc00; font-weight: bold; font-size: 16px; line-height: 20px; text-transform: uppercase; }