/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \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: 354px; position: relative; width: 983px; padding: 0 0 15px 0; }
.header img { display: block; }

/* CONTENT
----------------------------------------------------------------------------- */

.box1 { position: relative; width: 939px; height: 243px; margin: 0 auto; overflow: hidden; }
.box1 ul { position: absolute; top: 57px; left: 17px; width: 960px; }
.box1 li { float: left; width: 166px; padding: 0 19px 0 0; }
.box1 li p { display: block; text-align: center; font-weight: bold; padding: 5px 0 0 0; }
.box1 li p a { color:#FFFFFF; text-decoration: underline; }

.box2 { height: 539px; position: relative; width: 939px; margin: 0 auto; overflow: hidden; padding: 0 0 15px 0; color: #FFFFFF; }
.box2 img { float: left; }
.box2 h2 { font-size: 13px; font-weight: bold; }
.box2 label { float: left; display: block; width: 90px; text-align: right; padding: 2px 8px 0 0; }
.box2 select { float: left; border:0px; padding: 1px; width: 219px; }
.box2 .p2 input,
.box2 .p1 input { float: left; border:0px; padding: 1px; width: 215px; }
.box2 .p1 { position: absolute; top: 128px; left: 580px; }
.box2 .p1 ul { padding: 8px 0 0 0; }
.box2 .p1 li { height: 25px; }
.box2 .p2 { position: absolute; top: 228px; left: 580px; }
.box2 .p2 ul { padding: 8px 0 0 0; }
.box2 .p2 li { height: 25px; }
.box2 .p3 { position: absolute; top: 301px; left: 580px; }
.box2 .p3 ul { padding: 1px 0 0 0; }
.box2 .p3 li { padding: 0 0 0 8px; }
.box2 .p4 { position: absolute; top: 401px; left: 569px; }
.box2 .p4 ul { padding: 1px 0 0 0; width: 500px; }
.box2 .p4 li { padding: 0 13px 0 0; float: left; }