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

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

* {margin:0; padding:0;}
a{ text-decoration:none; color:#ffe606;}
a:hover{ text-decoration:none; color:#ffff00;}
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;}
img { display: block; }

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

body { margin:0; background: #000000; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#FFF; }

/* HEADER
----------------------------------------------------------------------------- */
#home .header { background: #000000 url(images/home_header-bg1.jpg) no-repeat center top; height: 1057px; }
#home .header .inner { width: 984px; margin: 0 auto; position: relative; }
#home .header .inner img { float: left; }
#home .header .inner .logo { position: absolute; left: 0px; top: 0px; }
#home .header .inner .menu { position: absolute; right: 0px; top: 0px; width: 376px; height: 92px; }
#home .header .inner .menu ul { position: absolute; top: 0px; left: 0px; }
#home .header .inner .menu ul li { float: left; }
#home .header .inner .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#home .header .inner ol li { float: left; }
#home .header .inner .welcome { position: absolute; top: 355px; left: 17px; width: 210px; line-height: 18px; }
#home .header .inner .welcome span { font-weight: bold; color: #fff600; }
#home .header .inner .text { position: absolute; top: 587px; left: 709px; width: 250px; line-height: 18px; }
#home .header .inner .text span { color: #fff600; }
#home .header .inner .flash { position: absolute; left: 535px; top: 771px; }

#tour .header { background: #000000 url(images/tour_home-bg1.jpg) no-repeat center top; height: 487px; }
#tour .header .inner { width: 984px; margin: 0 auto; position: relative; }
#tour .header .inner .menu { position: absolute; right: 0px; top: 0px; width: 376px; height: 92px; }
#tour .header .inner .menu ul { position: absolute; top: 0px; left: 0px; }
#tour .header .inner .menu ul li { float: left; }
#tour .header .inner .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
#tour .header .inner .welcome { position: absolute; top: 294px; left: 20px; width: 250px; line-height: 16px; }
#tour .header .inner .welcome span { font-weight: bold; color: #fff600; }
#tour .header .inner .join { position: absolute; top: 416px; left: 4px; }

/* CONSOLE
----------------------------------------------------------------------------- */
.console {}
.console .inner { width: 984px; margin: 0 auto; position: relative; }
.console .inner .subtitle { position: relative; padding: 0 0 6px 9px; }
.console .inner .subtitle h3 { position: absolute; top: 9px; left: 21px; font-size: 28px; line-height: 35px; color: #fff600; }
.console .inner .subtitle ul { position: absolute; top: 9px; left: 580px; font-weight: bold; }
.console .inner .subtitle ul li { float: left; padding: 0 10px 0 0; }
.console .inner .subtitle ul li strong { color: #fff600; }
.console .inner .subtitle ul li .star { float: left; }
.console .inner .subtitle ul li .star img { float: left; }
.console .inner .subtitle ul li p { padding: 10px 0 0 0; }
.console .inner .images ul { padding: 0 0 0 9px; }
.console .inner .images ul li { float: left; padding: 0 6px 6px 0; position: relative; }
.console .inner .images ul li img { border: 1px solid #fff600; }
.console .inner .images li .text { position: absolute; left: 8px; top: 8px; width: 220px; line-height: 21px; }
.console .inner .images li .text h2 { display: block; color: #fff600; font-size: 16px; padding: 0 0 5px 0; }
.console .inner .images li .text strong { color: #fff600; }
.console .inner .images li .text a { color: #fff600; text-decoration: underline; display: block; font-size: 14px; font-weight: bold; padding: 5px 0 0 0; }
.console .inner .bts1 { position: relative; height: 114px; }
.console .inner .bts1 .bt1 { position: absolute; left: 19px; top: 25px; }
.console .inner .bts1 .bt2 { position: absolute; left: 536px; top: 25px; }
.console .inner .bts2 { position: relative; height: 114px; }
.console .inner .bts2 .bt1 { position: absolute; left: 17px; top: 30px; }
.console .inner .bts2 .bt2 { position: absolute; left: 537px; top: 30px; }
.console .inner .bts3 { position: relative; height: 106px; }
.console .inner .bts3 .bt1 { position: absolute; left: 17px; top: 26px; }
.console .inner .bts3 .bt2 { position: absolute; left: 552px; top: 26px; }
.console .inner .bts4 { position: relative; height: 112px; }
.console .inner .bts4 .bt1 { position: absolute; left: 17px; top: 31px; }
.console .inner .bts4 .bt2 { position: absolute; left: 538px; top: 28px; }
.console .inner .watch { position: relative; }
.console .inner .watch .flash { position: absolute; left: 540px; top: 34px; }

/* TOP5
----------------------------------------------------------------------------- */
.top5 { background: #000000 url(images/home_top5-bg.jpg) no-repeat center top; height: 296px; }
.top5 .inner { width: 984px; margin: 0 auto; position: relative; }
.top5 .inner .p1 { left: 550px; top: 63px; position: absolute; }
.top5 .inner .p1 ul li { font-size: 19px; line-height: 19px; padding: 0 0 13px 0; }
.top5 .inner .p1 ul li p { color: #fff600; }
.top5 .inner .bt { left: 560px; top: 227px; position: absolute; }

/* FAQ
----------------------------------------------------------------------------- */
.faq { background: #000000 url(images/tour_faq-bg1.jpg) no-repeat center top; height: 300px; }
.faq .inner { width: 984px; margin: 0 auto; position: relative; }
.faq .inner .p1 { left: 60px; top: 43px; position: absolute; }
.faq .inner .p1 ul li { font-size: 20px; line-height: 20px; padding: 0 0 13px 0; text-transform: uppercase; }
.faq .inner .p1 ul li p { color: #fff600; }
.faq .inner .bt { left: 560px; top: 227px; position: absolute; }
.faq .inner dl { position: absolute; top: 50px; left: 520px; width: 452px; overflow-x: none; overflow-y: scroll; height: 233px; }
.faq .inner dd { padding: 0 0 10px 0; }
.faq .inner dd h3 { color: #ffff64; font-size: 13px; padding: 0 0 5px 0; }

/* FOOTER
----------------------------------------------------------------------------- */
#home .footer { background: #000000 url(images/home_footer-bg.jpg) no-repeat center top; height: 861px; }
#home .footer .box1 { width: 984px; margin: 0 auto; position: relative; }
#tour .footer .box1 .form1 { position: absolute; top: 120px; left: 234px; }
#home .footer .box1 .form1 { position: absolute; top: 100px; left: 254px; }

#home .footer .box2 { width: 984px; margin: 0 auto; position: relative; }
#home .footer .box2 .bt1 { position: absolute; top: 18px; left: 495px; }
#home .footer .box2 .bt2 { position: absolute; top: 92px; left: 495px; }

#tour .footer { background: #000000 url(images/tour_footer-bg1.jpg) no-repeat center top; height: 854px; }
#tour .footer .box1 { width: 984px; margin: 0 auto; position: relative; }
#tour .footer .box2 { width: 984px; margin: 0 auto; position: relative; }
#tour .footer .box2 .bt1 { position: absolute; top: 61px; left: 494px; }
#tour .footer .box2 .bt2 { position: absolute; top: 136px; left: 494px; }

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

.join { background: url(images/join_bg1.jpg) no-repeat center top; height: 1518px; }
.join .inner { width: 984px; margin: 0 auto; position: relative; }
.join .inner .flash { top: 535px; left: 13px; position: absolute; }
.join .inner img { float: left; }
.join .inner .menu { position: absolute; right: 0px; top: 0px; width: 376px; height: 92px; }
.join .inner .menu ul { position: absolute; top: 0px; left: 0px; }
.join .inner .menu ul li { float: left; }
.join .inner .menu ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:0; opacity:0; }
.join .inner .access { left: 502px; top: 589px; position: absolute; font-size: 16px; color: #FFF; font-weight: bold; }
.join .inner .access li { padding: 0 0 14px 0; }
.join .inner .access p { color: #fff600; }
.join .inner .form1 { position: absolute; top: 945px; left: 452px; }

/* UNIVERSALFORM
----------------------------------------------------------------------------- */
#universalform { width: 515px; text-align: center; }
#universalform img { float: none; }
#universalform .p1 { font-size: 27px; line-height: 27px; }
#universalform .p2 { font-size: 27px; font-weight: bold; line-height: 27px; padding: 0 0 15px 0; }
#universalform .email { font-size: 27px; background: #0A3E54; padding: 10px 15px; line-height: 27px; }
#universalform .email label,
#universalform .email input { display: inline; }
#universalform .email input { border: 0px; font-size: 27px; width: 280px; }
#universalform .p3 { font-size: 14px; }
#universalform .p4 { font-size: 14px; padding: 0 0 15px 0; }
#universalform .p4 label,
#universalform .p4 input { display: inline; }
#universalform .p5 li { display: inline; padding: 0 10px; }
#universalform .p6 li { display: block; padding: 10px 0 0 0; }
#universalform .p6 li img { display: inline; }
#universalform .p7{ padding: 15px 0 0 0; }
#universalform .p7 a { font-size: 18px; color: #FFF; line-height: 18px; text-decoration: underline;}