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

/* GENERAL
----------------------------------------------------------------------------- */

* {margin:0; padding:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}
a img {border: 0;}
img { display: block; }
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: url(images/bg1.jpg); font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#FFF; }
.barfla { background: url(images/barfla_bg1.jpg); height: 77px; }
.barfla .inner1 { background: url(images/barfla_bg2.jpg) no-repeat top center; height: 77px; }
.main1 { background: url(images/main_bg1.png) no-repeat top center; position: relative; }
.main2 { background: url(images/main_bg2.png) top center repeat-y; height: 100%; width: 100%; _background: url(images/main_bg2.gif) top center repeat-y; }

.header { width: 990px; position: relative; margin: 0 auto; }
.header .logo { position: absolute; top: -72px; left: 319px; z-index: 1000; }
.header .flash { position: absolute; top: 217px; left: 280px; }

.menu { width: 990px; position: relative; margin: 0 auto; height: 77px; }
.menu ul { position: absolute; top: 0px; left: 0px; }
.menu ul li { float: left; }
.menu ul li .hover img,
.menu ul li a:hover img { opacity: 0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; }

.box1 { width: 990px; position: relative; margin: 0 auto; }
.box1 div.p1 { width: 210px; position: absolute; top: 38px; left: 135px; color:#FFF; }
.box1 div.p1 span { font-size: 15px; color: #7f2100; font-weight: bold; }
.box1 div.p1 h2{ font-size: 22px; line-height: 20px; font-weight: bold; }
.box1 ul { position: absolute; top: 62px; left: 460px; }
.box1 ul li { float: left; width: 120px; padding: 0 0.95em 0 0; text-align: center; color: #FFF; }
.box1 ul li strong { display: block; font-size: 13px; padding: 19px 0 0 0; }
.box1 ul li small { font-size: 10px; display: block; color: #ffae00; }

.console { width: 990px; position: relative; margin: 0 auto; }
.console .title1 { padding: 15px 0 0 0; }
.console .title2 { position: relative; width: 936px; margin: 0 auto; font-size: 16px; line-height: 16px; }
.console .title2 h2 { font-size: 20px; line-height: 23px; color: #023026; font-weight: normal; position: absolute; top: 20px; left: 15px; text-transform: uppercase; }
.console .title2 div.p1 { color: #023026; position: absolute; top: 23px; left: 384px; font-weight: bold; }
.console .title2 div.p1 strong { color: #FFF; }
.console .title2 div.p2 { color: #023026; position: absolute; top: 23px; left: 506px; font-weight: bold; }
.console .title2 div.p2 strong { color: #FFF; }
.console .title2 div.p3 { color: #FFF; position: absolute; top: 18px; left: 630px; }
.console .title2 div.p3 p { display: block; padding: 5px 5px 0 0; }
.console .title2 div.p3 span { font-size: 14px; padding: 5px 0 0 5px; }
.console .title2 div.p3 span,
.console .title2 div.p3 p,
.console .title2 div.p3 ul,
.console .title2 div.p3 ul li { float: left; }
.console .inner1 { position: relative; width: 936px; margin: 0 auto; overflow: hidden; }
.console .inner1 .list3,
.console .inner1 .list2,
.console .inner1 .list1 { width: 950px; }
.console .inner1 .list1 ul li { float: left; padding: 0.80em 0.80em 0 0; }
.console .inner1 .list1 ul li img { border: 3px solid #ff9000; }
.console .inner1 .list1 { width: 950px; }
.console .inner1 .list2 dl dt,
.console .inner1 .list2 dl dd { float: left; padding: 0.80em 0.80em 0 0; }
.console .inner1 .list2 dl dt div.flash { border: 3px solid #fff; }
.console .inner1 .list2 dl dd img { border: 3px solid #ff9000; }
.console .inner1 .list3 dl dd { float: left; padding: 0.80em 0.80em 0 0; }
.console .inner1 .list3 dl dt { position: relative; width: 442px; height: 310px; float: left; }
.console .inner1 .list3 dl dt div.text { position: absolute; top: 8px; left: -3px; color:#FFF; }
.console .inner1 .list3 dl dt div.text h2 { font-size: 20px; line-height: 20px; position: absolute; top: 27px; left: 32px; text-transform: uppercase; }
.console .inner1 .list3 dl dt div.text p { position: absolute; top: 60px; left: 32px; width: 370px; }
.console .inner1 .list3 dl dt div.text a { position: absolute; top: 172px; left: 70px; }
.console .inner1 .list3 dl dd img { border: 3px solid #ff9000; }

.box2 { width: 990px; position: relative; margin: 0 auto; }
.box2 .flash { border: 3px solid #FFF; position: absolute; top: 10px; left: 564px; }

.box3 { width: 990px; position: relative; margin: 0 auto; }
.box3 .p3,
.box3 .p2,
.box3 .p1 { position:absolute; top: 412px; font-weight: bold; width: 260px; color: #FFF; font-size: 14px; }
.box3 .p3 strong,
.box3 .p2 strong,
.box3 .p1 strong { color: #ff9000; }
.box3 .p1 { left: 46px; }
.box3 .p2 { left: 364px; }
.box3 .p3 { left: 684px; }

.box4 { width: 990px; position: relative; margin: 0 auto; }
.box4 .p1 { position: absolute; font-style: italic; top: 258px; left: 254px; font-weight: bold; width: 230px; }
.box4 .p1 span { font-size: 17px; line-height: 17px; display: block; }
.box4 .p1 strong { color: #ff9000; }
.box4 .p2 { position: absolute; top: 111px; left: 518px; font-weight: bold; width: 300px; }
.box4 .p2 em { font-size: 17px; line-height: 17px; display: block; padding: 0 0 10px 0; }
.box4 .p2 strong { color: #ff9000; font-size: 13px; }
.box4 .sample1 { position: absolute; top: 422px; left: 44px; }
.box4 .p3 { font-weight: bold; position: absolute; top: 1032px; left: 50px; width: 880px; }
.box4 .col1 { position: absolute; top: 1334px; left: 50px; width: 435px; }
.box4 .col2 { position: absolute; top: 1334px; left: 505px; width: 435px; }
.box4 .col ul { width: 480px;}
.box4 .col ul li { font-size: 10px; width: 137px; line-height: 10px; float: left; padding: 0 12px 17px 0; }
.box4 .col ul li img { border: 1px solid #d73849; }
.box4 .col ul li a img { border: 0; }
.box4 .col ul li small { color: #ff9000; display: block; padding: 5px 0 0 0; }
.box4 .col ul li p { height: 70px; }

.box5 { width: 990px; position: relative; margin: 0 auto; }
.box5 ul { position: absolute; top: 98px; left: 545px; font-size: 17px; line-height: 17px; font-weight: bold; }
.box5 ul li { padding: 0 0 19px 0; }
.box5 ul li.color { color: #ff9000; }
.box5 ul li a {color: #fff; }
.box5 ul li a:hover {color: #fff; text-decoration: underline; }

.box6 { width: 990px; position: relative; margin: 0 auto; }
.box6 ul { position: absolute; top: 159px; left: 78px; }
.box6 ul li.li1 { height: 40px; }
.box6 ul li.li2 { height: 85px; !height: 75px; }
.box6 ul li.li3 { padding: 0 0 0 105px; }
.box6 ul li input { float: left; }
.box6 ul li label { font-size: 14px; text-align: right; float: left; font-weight: bold; line-height: 14px; }
.box6 ul li label.label1 { width: 100px; padding: 0 15px 0 45px; }
.box6 ul li label.label2 { width: 100px; padding: 6px 15px 0 45px; }
.box6 ul li input.input1 { width: 220px; padding: 4px; border: 0px; margin: 2px 0 0 0; font-size: 14px; }
.box6 ul li select.input1 { width: 228px; margin: 2px 0 0 0; font-size: 14px; }
.box6 ul li span.label1 { width: 100px; padding: 0 15px 0 45px; font-size: 14px; text-align: right; float: left; font-weight: bold; line-height: 14px; }
.box6 ul li div.input3 { float: left; }
.box6 ul li div.input3 p { display: block; height: 20px; }
.box6 ul li div.input3 p label { padding: 0 0 0 5px; }

.box7 { width: 990px; position: relative; margin: 0 auto; }
.box7 div.faq { position: absolute; top: 100px; left: 44px; overflow-x: none; overflow-y: scroll; width: 408px; height: 197px; padding: 0 10px 0 0; }
.box7 div.faq ol li h2 { display: block; padding: 0 0 10px; color: #ffff64; font-size: 13px; }
.box7 div.faq ol li { padding: 0 0 10px 0; }
.box7 ul { position: absolute; top: 126px; left: 545px; font-size: 17px; line-height: 17px; font-weight: bold; }
.box7 ul li { padding: 0 0 19px 0; }
.box7 ul li.color { color: #ff9000; }
.box7 ul li a {color: #fff; }
.box7 ul li a:hover {color: #fff; text-decoration: underline; }

.box8 { width: 990px; position: relative; margin: 0 auto; }
.box8 ul { position: absolute; top: 145px; left: 46px; font-size: 20px; line-height: 20px; font-weight: bold; }
.box8 ul li { padding: 0 0 0.55em; }
.box8 ul li.color { color: #ff9000; }
.box8 .flash { position: absolute; top: 111px; left: 525px; }

.box9 { width: 990px; position: relative; margin: 0 auto; }
.box9 .t1 { left: 30px; top: 285px; position: absolute; width: 300px; }
.box9 .t1 em { font-size: 22px; line-height: 22px; color: #ff9000; font-weight: bold; }
.box9 .t1 strong { color: #ff9000; font-size: 14px; }
.box9 .form { position: absolute; left: 519px; top: 93px; }
.box9 .form ul li.li1 { height: 55px; !height: 53px; }
.box9 .form ul li.li2 { height: 85px; !height: 75px; }
.box9 .form ul li.li3 { padding: 0 0 0 105px; }
.box9 .form ul li input { float: left; }
.box9 .form ul li label { font-size: 14px; text-align: right; float: left; font-weight: bold; line-height: 14px; }
.box9 .form ul li label.label1 { width: 100px; padding: 0 15px 0 45px; }
.box9 .form ul li label.label2 { width: 100px; padding: 6px 15px 0 45px; }
.box9 .form ul li input.input1 { width: 220px; padding: 4px; border: 0px; margin: 2px 0 0 0; font-size: 14px; }
.box9 .form ul li select.input1 { width: 228px; margin: 2px 0 0 0; font-size: 14px; }
.box9 .form ul li span.label1 { width: 100px; padding: 0 15px 0 45px; font-size: 14px; text-align: right; float: left; font-weight: bold; line-height: 14px; }
.box9 .form ul li div.input3 { float: left; }
.box9 .form ul li div.input3 p { display: block; height: 20px; }
.box9 .form ul li div.input3 p label { padding: 0 0 0 5px; }
.box9 .bt1 { padding: 15px 0 15px 150px; }

.footer { width: 990px; position: relative; margin: 0 auto; }
.footer .logo { position: absolute; top: 70px; left: 319px; z-index: 1000; }