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

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

.titlex { font-size: 24px; color: #262F47; padding: 7px; display: block; line-height: 24px;  border: 1px solid #D2D2D2;}
.box1 img { display: block; }

.box1 { width: 216px; float: left; padding: 0 0 0 125px; }
.box1 h2 { background: #262F47; display: block; padding: 4px 0 4px 6px; text-transform: uppercase; color: #FFFFFF; font-size: 12px; margin: 10px 0 0 0; }
.box1 .box { border: 1px solid #CFCFCF; }
.box1 .box kbd { border-top: 1px solid #CFCFCF; background: #ECECEC; height: 6px; overflow: hidden; display: block; }

.box2 { width: 413px; float: right; padding: 0 135px 0 0; }
.box2 h2 { background: #262F47; display: block; padding: 4px 0 4px 6px; text-transform: uppercase; color: #FFFFFF; font-size: 12px; margin: 10px 0 0 0; }
.box2 .box { border: 1px solid #CFCFCF; height: 300px; }
.box2 .box kbd { border-top: 1px solid #CFCFCF; background: #ECECEC; height: 6px; overflow: hidden; display: block; }
.box2 .box ul { padding: 14px 0 14px 14px; }
.box2 .box li { width: 184px; float: left; padding: 0 14px 0 0; }
.box2 .box li p { position: relative; border: 2px solid #D0D0D0; background: #ECECEC; font-size: 11px; font-weight: bold; text-align: center; padding: 4px 0; width: 180px; }
.box2 .box li img { display: block; }
.box2 .box li .new { position: absolute; top: 1px; right: 1px; }