/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \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;}
img { display: block; }
.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: #000; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#FFF; }
.main { position:relative; margin:0 auto; width:px; }
.inner { width: 980px; margin: 0 auto; position: relative; }
.bthover a img { filter:alpha(opacity=85); -moz-opacity:.85; opacity:.85; }
.bthover a:hover img { filter:alpha(opacity=100); -moz-opacity:100; opacity:100; }

/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */

#home .header { background: url(images/home_header-bg1.jpg) no-repeat top center; }
#home .header .menu { position: absolute; left: 50px; top: 313px; }
#home .header .menu ul { position: absolute; top: 0px; left: 0px; width: 180px; }
#home .header .menu ul li { float: left; }
#home .header .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#home .header .sample1 { position: absolute; left: 0; top: 680px; width: 984px; overflow: hidden; }
#home .header .sample1 ul { width: 1000px; padding: 0 0 0 15px; }
#home .header .sample1 ul li { float: left; width: 231px; text-align: center; font-weight: bold; padding: 0 10px 0 0; }
#home .header .sample1 ul li a img { border: 1px solid #da8101; }
#home .header .sample1 ul li span { display: block; }
#home .header .sample1 ul li span a { color: #ffffff; text-decoration: underline; }
#home .header .sample1 ul li p { display: block; padding: 4px 0 0 0; }
#home .header .sample1 ul li p a { font-size: 14px; font-weight: bold; color: #fdb902; }
#home .header .flash { position: absolute; top: 293px; left: 229px; }
#home .header .audio { position: absolute; top: 376px; left: 765px; }
#home .box1 {}
#home .box1 .p1 { color: #fdb902; font-size: 14px; text-align: center; position: absolute; top: 144px; left: 598px; font-weight: bold; }
#home .box1 .bt1 { position: absolute; top: 304px; left: 0px; }
#home .box2 { background: url(images/home_box2-bg1.jpg) no-repeat top center; }
#home .box2 .lin1 { left: 25px; top: 150px; position: absolute; }
#home .box2 .lin2 { left: 25px; top: 482px; position: absolute; }
#home .box2 li { float: left; }
#home .box2 li.flash { width: 545px; }
#home .box2 li.img { width: 180px; }
#home .box2 li.img img { border: 1px solid #da8101; }
#home .box2 li.text { width: 220px; text-align: center; font-weight: bold; }
#home .box2 li.text h2 { font-size: 28px; line-height: 30px; color: #FFF; padding: 0 0 10px 0; }
#home .box2 li.text { font-size: 14px; color: #fdb902; }
#home .box3 { background: url(images/home_box3-bg1.jpg) no-repeat top center; }
#home .box3 .bt1 { position: absolute; left: 576px; top: 18px; }
#home .box3 .bt2 { position: absolute; left: 576px; top: 183px; }
#home .box4 { background: url(images/home_box4-bg1.jpg) no-repeat top center; }
#home .box4 .inner { overflow: hidden; }
#home .box4 .inner ul { position: absolute; top: 30px; left: 20px; width: 1000px; }
#home .box4 .inner ul li { border: 1px solid #d17c02; width: 457px; float: left; margin: 0 21px 21px 0; }
#home .footer { background: url(images/home_footer-bg1.jpg) no-repeat top center; }
#home .footer .bt1 { position: absolute; top: -115px; left: 64px; }
#home .footer .bt2 { position: absolute; top: -115px; left: 534px; }
#home .footer .menu { position: absolute; left: 217px; top: 317px; }
#home .footer .menu li { float: left; padding: 0 8px 0 0; }
#home .footer .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

/* -------------------------------------------------------------------------- */
/* UPDATES
/* -------------------------------------------------------------------------- */

#updates .header { background: url(images/home_header-bg1.jpg) no-repeat top center; }
#updates .header .menu { position: absolute; left: 50px; top: 313px; }
#updates .header .menu ul { position: absolute; top: 0px; left: 0px; width: 180px; }
#updates .header .menu ul li { float: left; }
#updates .header .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#updates .header .sample1 { position: absolute; left: 5px; top: 731px; width: 984px; overflow: hidden; }
#updates .header .sample1 ul { width: 1000px; padding: 0 0 0 15px; }
#updates .header .sample1 ul li { float: left; width: 480px; text-align: center; font-weight: bold; }
#updates .header .sample1 ul li img { border: 1px solid #da8101; }
#updates .header .bt1 { position: absolute; left: 0px; top: 997px; }
#updates .header .flash { position: absolute; top: 293px; left: 229px; }
#updates .header .audio { position: absolute; top: 376px; left: 765px; }
#updates .console { background: url(images/updates_console-bg1.jpg) no-repeat center; }
#updates .console .img1 img { border: 1px solid #dd9126; }
#updates .console .sample1 { position: absolute; top: 19px; left: 26px; }
#updates .console .sample2 { position: absolute; top: 280px; left: 26px; }
#updates .console .sample3 { position: absolute; top: 280px; left: 730px; }
#updates .console .sample4 { position: absolute; top: 620px; left: 287px; }
#updates .console .sample5 { position: absolute; top: 620px; left: 731px; }
#updates .console .bt1 { position: absolute; top: 799px; left: 483px; }
#updates .console .title1 { position: absolute; top: 40px; left: 538px; width: 430px; font-size: 25px; line-height: 25px; font-weight: bold; text-transform: uppercase; text-align: center; }
#updates .console .title2 { position: absolute; top: 813px; left: 22px; width: 430px; font-size: 25px; line-height: 25px; font-weight: bold; text-transform: uppercase; text-align: center; }
#updates .console .p1 { position: absolute; top: 105px; left: 538px; width: 430px; text-transform: uppercase; }
#updates .console .p2 { position: absolute; top: 891px; left: 22px; width: 430px; }
#updates .console .p2 dl { height: 35px; }
#updates .console .p2 dt { float: left; width: 180px; }
#updates .console .p2 dd { float: left; width: 230px; }
#updates .console .p2 strong { font-size: 14px; text-transform: uppercase; }
#updates .console .flash { background: #F00; width: 10px; height: 10px; position: absolute; top: 280px; left: 287px; }
#updates .box1 .bt1 { position: absolute; left: 0px; top: 306px; }
#updates .box2 { background: url(images/updates_box2-bg1.jpg) no-repeat top center; }
#updates .box2 .bt1 { position: absolute; left: 0px; top: 702px; }
#updates .box2 .sample1 { position: absolute; left: 5px; top: 160px; width: 984px; overflow: hidden; }
#updates .box2 .sample1 ul { width: 1000px; padding: 0 0 0 15px; }
#updates .box2 .sample1 ul li { float: left; width: 480px; text-align: center; font-weight: bold; height: 272px; }
#updates .box2 .sample1 ul li img { border: 1px solid #da8101; }
#updates .footer { background: url(images/updates_footer-bg1.jpg) no-repeat top center; }
#updates .footer .menu { position: absolute; left: 217px; top: 341px; }
#updates .footer .menu li { float: left; padding: 0 8px 0 0; }
#updates .footer .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }

/* -------------------------------------------------------------------------- */
/* JOIN
/* -------------------------------------------------------------------------- */

#join .header { background: url(images/join_header-bg1.jpg) no-repeat top center; }
#join .box1 { background: url(images/join_box1-bg1.jpg) no-repeat top center; }
#join .box1 label { text-transform: uppercase; }
#join .box1 ul { position: absolute; top: 172px; left: 362px; }
#join .box1 ul li { height: 25px; }
#join .box1 ul li label.label1 { width: 85px; padding: 2px 5px 0 0; float: left; text-align: right; font-weight: bold; }
#join .box1 ul li input.input1 { border: 0px; padding: 2px; float: left; }
#join .box1 ol { position: absolute; top: 292px; left: 381px; }
#join .box1 ol li { height: 25px; }
#join .box1 ol li input { float: left; }
#join .box1 ol li label.label1 { float: left; padding: 0 0 0 5px; }
#join .box1 .bt1 { position: absolute; top: 401px; left: 380px; }
#join .box1 .bt1 input { background: #e3e5f0; padding: 2px 4px; border: 1px solid #416c97; width: 220px; }
#join .box2 {}
#join .box3 .inner { width: 984px; overflow: hidden; padding: 20px 0; }
#join .box3 .inner ul { width: 1100px; padding: 0 0 0 7px; }
#join .box3 .inner ul li { float: left; padding: 0 15px 0 0; }
#join .box3 .inner ul li img { border: 1px solid #c27301; }

/* -------------------------------------------------------------------------- */
/* WARNING
/* -------------------------------------------------------------------------- */

#warning .warning { background: url(images/warning_bg1.jpg) no-repeat top center; }
#warning .p1 { position: absolute; top: 50px; left: 300px; }
#warning .textarea { overflow-x: none; overflow-y: scroll; padding: 15px; color: #FFFFFF; width: 427px; height: 279px; position: absolute; left: 27px; top: 297px; }
#warning ul { width: 353px; position: absolute; top: 297px; left: 527px; }
#warning ul li { float: left; }
#warning .p2 { text-align: center; padding: 10px 100px; }