/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \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: #E4E4E4 url(images/bg.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#000; }
body { behavior: url("csshover.htc"); }

.main { position:relative; margin:0 auto; width: 983px; }

/* HEADER
----------------------------------------------------------------------------- */
.header { height: 602px; position: relative; width: 983px; }
.header img { float: left; }
.header p { position: absolute; right: 55px; top: 385px; color: #FFFFFF; width: 305px; }
.header .bt1 { position: absolute; right: 29px; top: 13px; }
.header .bt2 { position: absolute; right: 28px; top: 475px; }

/* CONTENT
----------------------------------------------------------------------------- */
.menus { height: 137px; width: 917px; margin: 0 auto; padding: 5px 0 0 0; }
.menus li { float: left; }
.menus li img { display: block; }

.console { width: 920px; margin: 10px auto 15px auto; }
.console .col1 { width: 612px; float: left; overflow: hidden; }
.console .col1 dl { width: 650px; }
.console .col1 dl img { display: block; }
.console .col1 dt { float: left; padding: 0 6px 5px 0; width: 303px; position: relative;  }
.console .col1 dt img { display: block; }
.console .col1 dt p { position: absolute; top: 65px; left: 20px; color: #FFFFFF; width: 280px; }
.console .col2 { width: 302px; float: right; }
.console .col2 dt { position: relative; }
.console .col2 dt p { position: absolute; left: 135px; top: 10px; font-size: 13px; width: 150px; }
.console .col2 dt p span { color: #FFFFFF; background: #d3af28; font-weight: bold; }
.console .col2 dl img { display: block; }
.console .col2 dd { position: relative; }
.console .col2 dd ul { position: absolute; top: 12px; left: 0px; overflow-y: scroll; overflow-x: none; height: 322px; width: 279px; padding: 0 0 0 16px; }
.console .col2 dd ul li { position: relative; height: 138px; cursor:pointer }
.console .col2 dd ul li a img { padding: 4px; }
.console .col2 dd ul li span { position: absolute; top: 60px; left: -16px; display: none; }
.console .col2 dd ul li a:hover img { border: #FFFFFF 4px solid; padding: 0; }
.console .col2 dd ul li:hover span,
.console .col2 dd ul li:hover img { border: 0px; padding: 0px; display: block; }

.divbt1 { padding: 0 0 15px 0; }
.divbt1 img { display: block; }
.divtext2 { padding: 0 0 15px 0; }
.divtext1 { padding: 0 0 0px 0; }
.divtext2 img,
.divtext1 img { display: block; }

.divsplash1 { padding: 0 0 15px 0; position: relative; }
.divsplash1 p { position: absolute; left: 65px; top: 81px; width: 290px; }
.divsplash1 p span { display: block; padding: 0 0 0 128px; }
.divsplash1 img { display: block; }

.divsplash2 { padding: 0 0 15px 0; position: relative; }
.divsplash2 p { position: absolute; left: 75px; top: 75px; width: 360px; }
.divsplash2 img { display: block; }

.divsplash3 { padding: 0 0 15px 0; position: relative; }
.divsplash3 p { position: absolute; left: 73px; top: 85px; width: 360px; }
.divsplash3 img { display: block; }

.divsplash4 { padding: 0 0 15px 0; position: relative; }
.divsplash4 p { position: absolute; left: 73px; top: 95px; width: 460px; }
.divsplash4 img { display: block; }

.divsplash5 { padding: 0 0 15px 0; position: relative; }
.divsplash5 p { position: absolute; right: 43px; top: 225px; width: 385px; color: #FFFFFF; text-align: right; }
.divsplash5 p span { color: #FFFFFF; background: #d3af28; font-weight: bold; }
.divsplash5 img { display: block; }