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

/* HOME
----------------------------------------------------------------------------- */
body { background:#0B2525; }

.main { position:relative; margin:0 auto; width:1880px; background: #0B2525 url(/images/bg.jpg) center top no-repeat;}
.header{ position:relative; margin:0 auto; width:962px; background:#fff; }
.content { position:relative; margin:0 auto; width:962px; background:#fff; }


.bigger{ position:absolute; top:540px; left:50%; margin:0 0 0 -640px; width:1280px; height:813px; z-index:1000; text-align:center;}

.bx01{ display:block; margin:20px auto 828px;}

.bx02{ height:317px; margin:0 0 20px; background:url(/images/whyhd_02_bg.jpg) no-repeat right bottom;}
.bx02 .block{ margin:0 auto;}
.bx02 p{ width:492px; height:108px; padding:20px 0 0 25px; color:#434343;}
.bx02 p a{ color:#338D92; text-decoration:underline;}
.bx02 a img{ display:block;}

.bx03{ height:314px;}
.bx03 .block{ margin:0 auto;}
.bx03 .flash{ float:left; padding:20px 20px 0 20px; width:492px; height:218px;}
.bx03 p{ float:left; width:387px; height:241px; padding:10px 10px 0; margin:20px 0 0; background:#F5F5F5 url(/images/whyhd_03_bg.jpg) bottom no-repeat;}

.col1{ float:left; width:513px;}
.col1 .bx01 .text{ float:left; width:302px; padding:0 0 10px;}
.col1 .bx01 .text p{padding:0 0 8px;}

.col1 .bx02{ width:491px; background:#042625; margin:0 0 0 22px;}
.col1 .bx02 ul{ padding:10px 0 0;}
.col1 .bx02 li{ color:#fff; height:130px;}
.col1 .bx02 li h3{ color:#B26801; font-size:17px; font-weight:normal; line-height:1.2em;}
.col1 .bx02 li h3 strong{ color:#fff;}
.col1 .bx02 li h4{ color:#91D0CE; font-size:13px; line-height:1.2em;}
.col1 .bx02 li p{ padding:5px 2px 0 0;}

.col2{ float:right; padding:14px 22px 0 0; width:407px;}
.col2 .bx03{ padding:30px 0 0; height:620px;  width:407px; overflow:hidden;}
.col2 .bx03 ul{ width:450px;}
.col2 .bx03 li{ float:left; width:193px; padding:18px 15px 0 0;}
.col2 .bx03 li img{ display:block; width:193px; height:98px; margin:0 0 5px;}
.col2 .bx03 li a{ display:block; color:#338D92; font-weight:bold; text-decoration:underline;}

.bx_foo{ height:112px; padding:0 0 10px; clear:both;}
.bx_foo a img{ float:left;}

.bg_extra{ width:100%;}
.footer { position:relative; width:1880px;  margin:0 auto; text-align:center; background:url(/images/bg_foo.gif) bottom center repeat-x;}
.footer .menu{ position:absolute; top:0px; left:459px;}