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

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

.whyhd { top: 583px; position: absolute; left: 0px; }

.box1 { position: relative; height: 1089px; }
.box1 p { position: absolute; color: #530400; top: 49px; left: 370px; width: 330px; line-height: 14px; }

.box2 { position: relative; }
.box2 .bt1 { position: absolute; top: 636px; left: 258px; }
.box2 .bt2 { position: absolute; top: 629px; left: 626px; }
.box2 .bt3 { position: absolute; top: 625px; left: 854px; }

.box3 { position: relative; }
.box3 p { color: #FFFFFF; width: 290px; position: absolute; top: 110px; left: 28px; }
.box3 p span { font-size: 16px; }

.box4 { position: relative; width: 984px; overflow: hidden; }
.box4 ul { position: absolute; top: 76px; left: 17px; width: 994px; }
.box4 li { float: left; padding: 0 15px 0 0; position: relative; }
.box4 h2 { color: #4B4B4B; background: #FFFFFF; position: absolute; width: 179px; top: 419px; left: 0px; font-size: 12px; text-align: center; padding: 2px 0; }

.footer { position: relative; }
.footer .bt1 { position: absolute; top: 97px; left: 35px; }
.footer .bt2 { position: absolute; top: 97px; left: 519px; }