/*
 	  _ _      _                              
   __| (_) ___| | ___ __ ___   __ _ _ __  ___ 
  / _` | |/ __| |/ / '_ ` _ \ / _` | '_ \/ __|
 | (_| | | (__|   <| | | | | | (_| | | | \__ \
  \__,_|_|\___|_|\_\_| |_| |_|\__,_|_| |_|___/design.com

*/

* { margin:0; padding:0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; list-style: none; }
body { margin:0; background: #54042a url(images/bg1.jpg) repeat-y top center; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#000; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { text-align:left; font-weight:normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img { border:none; }
div img { display: block; }
span img { display: inline; }
a { text-decoration:underline; }
a:focus, a:hover { text-decoration: none; }
.clear { clear:both; }
.over { overflow:hidden; height: 0; }
.inner { position:relative; margin:0 auto; width: 960px; }

.header1 { background: url(images/header1-bg1.jpg) no-repeat top center; }
.header1 .logo { position: absolute; top: 0px; left: 0px; }

.header2 .logo { position: absolute; top: 0px; left: 0px; }
.header2 .hidef { position: absolute; top: 10px; left: 850px; }

.header3 .logo { position: absolute; top: 10px; left: 0px; }
.header3 .hidef { position: absolute; top: 10px; left: 850px; }

.header4 .logo { position: absolute; top: 5px; left: 90px; }
.header4 .hidef { position: absolute; top: 10px; left: 850px; }

.menu1 { background: url(images/menu1-bg1.jpg) no-repeat top center; }
.menu1 ul { top: 38px; left: 29px; position: absolute; }
.menu2 ul { top: 44px; left: 29px; position: absolute; }
.menu3 ul { top: 37px; left: 29px; position: absolute; }
.menu ul li { float: left; }
.menu ul li .hover img,
.menu ul li a:hover img { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.box1 { background: url(images/box1-bg1.jpg) no-repeat top center; }
.box1 .p1 { position: absolute; top: 60px; left: 180px; width: 390px; }
.box1 .p1 h2 { font-size: 16px; line-height: 17px; color: #761d5d; font-weight: bold; }
.box1 .p2 { position: absolute; top: 27px; left: 586px; }

.box2 {}
.box2 .flash { position: absolute; top: 78px; left: 210px; }
.box2 .bt1 { position: absolute; top: 499px; left: 630px; }

.console .inner { background: url(images/console1-bg1.jpg) repeat-y top center; }
.console .title h2 { position: absolute; top: 35px; left: 55px; font-size: 30px; line-height: 30px; font-weight: bold; }
.console .title span { white-space: pre; position: absolute; top: 45px; right: 55px; }
.console .title span img { margin: 2px 0 0 0; display: inline; }
.console .title span strong { text-transform: uppercase; }
.console .box { background: url(images/console1-bottom1.gif) no-repeat bottom left; width: 950px; }
.console .box ul { padding: 0 0 0 38px; }
.console .box ul li { float: left; padding: 0 4px 4px 0; }
.console .box ul li img { border: 2px solid #c92ea7; display: block; }
.console .box div.p1 { float: left; width: 420px; padding: 9px 0 0 37px; }
.console .box div.p2 { float: right; width: 443px; padding: 9px 28px 9px 0; }

.box3 { padding: 14px 0; }
.box3 .bt1 { position: absolute; top: 29px; left: 700px; }
.box3 .p1 { position: absolute; top: 90px; left: 261px; width: 400px; color: #FFF; font-size: 14px; line-height: 16px; }

.box4 a { background: #ffffb9; display: block; border: 8px solid #9D2680; font-size: 37px; line-height: 38px; text-transform: uppercase; color: #000; text-align: center; padding: 10px 0; font-weight: bold; margin: 15px 10px; }

.box5 { margin: 15px 0 25px 0; position: relative; }
.box5 .title {}
.box5 .box { background: url(images/console1-bg1.jpg) repeat-y top center; position: relative; }
.box5 .box .sample { position: absolute; top: 0px; left: 36px; z-index: 10; }
.box5 .box .sample ul li { float: left; }
.box5 .box .sample ul { padding: 0; }
.box5 .box .sample ul li { float: left; padding: 0 4px 4px 0; }
.box5 .box .sample ul li img { border: 2px solid #c92ea7; display: block; }
.box5 .box .grid { position: relative; padding: 500px 0 0 0; }
.box5 .box .grid .p1 { position: absolute; top: 623px; left: 203px; width: 410px; font-size: 16px; line-height: 17px; }
.box5 .box .grid .p1 span { font-weight: bold; display: block; padding: 5px 0 0 40px; }
.box5 .box .grid .p2 { position: absolute; top: 892px; left: 613px; }

.box6 .p1 { position: absolute; text-align: right; top: 200px; left: 30px; width: 190px; }
.box6 .p2 { position: absolute; top: 200px; left: 735px; width: 190px; }
.box6 .p3 { position: absolute; top: 477px; left: 630px; width: 280px; }
.box6 .p4 { position: absolute; top: 1007px; left: 660px; width: 255px; color: #FFF; font-size: 11px; line-height: 12px; }
.box6 a.bt1 { position: absolute; top: 1081px; left: 645px; width: 255px; height: 52px; background: url(images/box6-bt1.jpg) no-repeat; color: #FFF; text-decoration: none; padding:50px 0 0 30px; text-align: center; }

.box7 { padding: 14px 0; }
.box7 .bt1 { position: absolute; top: 269px; left: 33px; }
.box7 .p1 { position: absolute; top: 107px; left: 47px; width: 400px; font-size: 14px; line-height: 16px; }

.box8 a { background: url(images/box8-1.jpg) no-repeat; width: 960px; height: 62px; display: block; color: #FFF; font-size: 37px; line-height: 38px; text-transform: uppercase; text-decoration: none; text-align: center; padding: 25px 0 0 0; font-weight: bold; margin: 15px 10px; }

.box9 { margin: 15px 0 25px 0; position: relative; }
.box9 .p1 { position: absolute; top: 186px; left: 249px; width: 370px; font-size: 16px; line-height: 17px; }
.box9 .p1 span { font-weight: bold; display: block; padding: 5px 0 0 40px; }
.box9 .p2 { position: absolute; top: 440px; left: 613px; }

.box10 { position: relative; }
.box10 .p1 { font-size: 10px; line-height: 12px; position: absolute; top: 25px; left: 405px; width: 450px; }
.box10 .flash { position: absolute; top: 92px; left: 39px; } 

.box11 a { background: url(images/box11-1.jpg) no-repeat; width: 945px; height: 55px; display: block; color: #000; font-size: 22px; line-height: 23px; text-transform: uppercase; text-decoration: none; padding: 30px 0 0 35px; font-weight: bold; margin: 15px 0; }

.box12 { margin: 15px 0 0 0; }
.box12 .p1 { position: absolute; top: 167px; left: 196px; width: 365px; }
.box12 .p1 span { display: block; }

.box13 { margin: 15px 0 25px 0; position: relative; }
.box13 .title {}
.box13 .box { background: url(images/console1-bg1.jpg) repeat-y top center; position: relative; }
.box13 .box .sample { position: absolute; top: 0px; left: 43px; z-index: 10; }
.box13 .box .sample ul li { float: left; }
.box13 .box .sample ul { padding: 0; }
.box13 .box .sample ul li { float: left; padding: 0 4px 4px 0; position: relative; width: 142px; height: 231px; }
.box13 .box .sample ul li p { position: absolute; bottom: 6px; !bottom: 5px; left: 2px; background: #000; display: block; padding: 2px 4px; color: #FFF; width: 130px; font-size: 11px; line-height: 12px; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.box13 .box .sample ul li img { border: 2px solid #c92ea7; display: block; }
.box13 .box .grid { position: relative; padding: 630px 0 0 0; }
.box13 .box .grid .p1 { position: absolute; top: 795px; left: 270px; width: 350px; font-size: 16px; line-height: 17px; }
.box13 .box .grid .p1 span { font-weight: bold; display: block; padding: 5px 0 0 25px; }
.box13 .box .grid .p2 { position: absolute; top: 1064px; left: 613px; }

.join div.inner { background: url(images/console1-bg1.jpg) repeat-y; }
.join div.p1 { position: absolute; top: 90px; left: 38px; color: #FFF; width: 520px; text-align: center; }
.join div.grid1 { width: 575px; float: left; overflow: hidden; }
.join div.grid2 { width: 385px; float: left; background: url(images/join-2.jpg) no-repeat; overflow: hidden; }
.join ol { position: absolute; top: 139px; left: 36px; width: 550px; }
.join ol li { float: left; padding: 0 4px 4px 0; position: relative; width: 177px; height: 141px; }
.join ol li p { position: absolute; bottom: 12px; !bottom: 11px; left: 1px; background: #000; display: block; padding: 2px 4px; color: #FFF; width: 160px; font-size: 11px; line-height: 12px; opacity: .7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); text-align: center; }
.join ol li img { border: 1px solid #FFF; display: block; }
.join ol li a { color: #FFF; text-decoration: none;  }
.join dl { padding: 35px 0 35px 0; }
.join dl dt { padding: 8px 0 5px 0; font-weight: bold; font-size: 12px; color: #b32495; text-transform: uppercase; }
.join dl dt.title { padding: 8px 0 5px 12px; }
.join dl dd.input { height: 25px; }
.join dl dd.input label { float: left; text-align: right; padding: 0 5px 0 0; color: #000; font-weight: bold; display: block; width: 100px; }
.join dl dd.input input,
.join dl dd.input select { float: left; width: 180px; }
.join dl dd.input select { width: 184px; }
.join dl dd.button { height: 45px; padding: 0 0 0 30px; }
.join dl dd.button input { width: 180px; font-size: 14px; padding: 7px 0; text-align: center; width: 295px; }
.join dl dd.nocc p { float: left; height: 68px; }
.join dl dd.nocc { padding: 0 0 0 27px; }