/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \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;}

.opac100{opacity:1.00; filter: alpha(opacity=100); -moz-opacity: 1.00;}
.opac50{opacity:0.5; filter: alpha(opacity=50); -moz-opacity: 0.5;}
.opac0{opacity:0; filter: alpha(opacity=0); -moz-opacity: 0;}




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

body { margin:0; background: #282928 url(images/bg.gif); font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#000; }
.main { position:relative; margin:0 auto; padding:0 2px; width:980px; background:#fff; }


/* HEADER
----------------------------------------------------------------------------- */
.header { position:relative; width:980px; overflow:hidden;}
.header h1{ position:absolute; top:44px; left:371px;}
.header .menu{ position:absolute; top:222px; left:10px;  width:980px;}
/* MENU
.................................. */
.menu li{ float:left; padding:0 19px 0 0;}
.menu li.space{ padding:0 250px 0 0;}
.menu a img{ display:block; width:167px; height:69px;}
.header h1 a:hover img,
.menu a.hover img,
.menu a:hover img{ opacity:.8; filter: alpha(opacity=80); -moz-opacity:.8;}
.menu a.hover{ cursor:default;}

/* CONTENT
----------------------------------------------------------------------------- */
.content {}

/* FOOTER
----------------------------------------------------------------------------- */
.footer { position:relative; width:980px; }
.footer h1{ position:absolute; top:333px; left:370px; z-index:1000;}
.footer .menu{ position:absolute; top:367px; left:11px;  width:980px; z-index:500;}
.footer .menu li{ float:left; padding:0 10px 0 0;}
.footer .menu li.space{ padding:0 269px 0 0;}

.footer a:hover img{ opacity:.8; filter: alpha(opacity=80); -moz-opacity:.8;}
.footer p{ padding:0 0 60px; color:#727272; text-align:center;}
.footer p a{ color:#C59000; text-decoration:underline;}


/* CONSOLE
----------------------------------------------------------------------------- */
.console{ position:relative; padding:16px 0 0; width:980px; overflow:hidden; background:#fff;}
.console .img_left{ width:983px;}
.console .img_left img{ margin:0 3px 3px 0;}
.console .img_left a img{ margin:0;}
.console .title{ margin:0 0 5px; padding:0 10px; height:45px; background:#4B4B4B; color:#fff;}
.console .title h3{ float:left; padding:9px 0 0; font-size:26px; line-height:1.2em}
.console .title .info_00{ float:right; padding:15px 0 0; font-size:14px;}
.console .info_01{ position:absolute; top:542px; left:0px; width:233px; height:155px; background:url(images/conso_bg.gif) no-repeat; color:#fff;}
.console .info_01 h4{ padding:10px 15px; font-size:20px;}
.console .info_01 div{ padding:0 0 0 20px; color:#EFC95D;}
.console .info_02{ position:absolute; top:965px; left:515px; width:467px; height:120px;}
.console .info_02 p{ padding:10px; height:119px;}
.console .log1{ position:absolute; top:65px; left:810px; z-index:1000;}
.console .log2{ position:absolute; top:618px; left:234px; z-index:1000;}