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

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

.box1 { width: 520px; float: left; position:relative; }
.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; background: #ECECEC url(images/dickdetective_icon.gif) no-repeat 10px 10px; padding: 10px 5px 10px 10px; font-weight: bold; }
.box1 .box kbd { border-top: 1px solid #CFCFCF; background: #ECECEC; height: 6px; overflow: hidden; display: block; }
.box1 .box .text1 { display: block; padding: 5px 0 15px 120px; }
.box1 .box .form { background: #FFFFFF; border: 1px solid #D1D1D1; float: right; width: 205px; padding: 0 ; margin:0; font-size: 12px;  }
.box1 .box .text2 { font-size: 12px; }
.box1 .box .form p { padding: 5px 0 0 10px; }
.box1 .box .form p label { color: #666666; text-transform: uppercase; display: block; font-size: 11px; }
.box1 .box .form p input { margin: 5px 0 0 0; width: 180px; }
.box1 .box .form .bt { margin: 10px 0 0 86px; }
.box1 .box .form .top2 {position:relative; padding:6px 0 0 8px;}
.box1 .box .form .top2 a {color: #666666; font-style:oblique; text-decoration:none; font-weight:bold;}
.box1 .box .form .top2 a:hover { text-decoration: none; color:#FF0000; }
.box1 .box .form .top2 a strong { color: red;}


.box1 .join {position:absolute; top:236px; left:310px;}

.box2 { width: 360px; float: right; border-top: 1px #DBDBDB dotted; margin: 10px 0 0 0; padding: 10px; font-weight: bold; }
.box2 h3 {font-size:20px; color:#262F47; font-weight:normal; padding:0; margin:0; line-height:normal; }
.box2 img { padding: 0 0 0 10px; }
.box2 span { color: #FF0000; }

.box3 h2 { background: #262F47; display: block; padding: 4px 0 4px 6px; text-transform: uppercase; color: #FFFFFF; font-size: 12px; }
.box3 .box { border: 1px solid #CFCFCF; padding: 10px; font-weight: bold; }
.box3 .box ul { float: left; }
.box3 .box li { float: left; padding: 0 10px 0 0; }
.box3 .box .info { float: right; width: 440px; padding: 35px 20px 20px 20px; }
.box3 .box .info p { font-size: 12px; color: #666666; }
.box3 .box .info span { font-size: 14px; color: #FF0000; }