/*
 	  _ _      _                              
   __| (_) ___| | ___ __ ___   __ _ _ __  ___ 
  / _` | |/ __| |/ / '_ ` _ \ / _` | '_ \/ __|
 | (_| | | (__|   <| | | | | | (_| | | | \__ \
  \__,_|_|\___|_|\_\_| |_| |_|\__,_|_| |_|___/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, 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: #323232 url(images/bg-body.jpg); font-family: Arial, Helvetica, sans-serif; font-size:14px; 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; }
a { text-decoration:underline; }
img { display: block; }
a:focus, a:hover { text-decoration: none; }
.clear { clear:both; }
.over { overflow:hidden; height: 0; }

a.the_hover:hover img { opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.bar1 { background: url(images/bar1-1.jpg) repeat-x; height: 20px; }

.main { position:relative; margin:0 auto; width: 960px; }

.wrapper { background: url(images/bg-main.jpg) repeat-y; width: 984px; margin: 0 auto; }

.header1 { position: relative; }
.header1 .menu { position: relative; z-index: 500; }
.header1 .menu ul { position: absolute; top: 0; left: 487px; }
.header1 .menu ul li { float: left; }
.header1 .flash { position: absolute; top: 377px; left: 35px; z-index: 1000; }
.header1 p { position: absolute; left: 510px; top: 537px; width: 160px; }
.header1 p a { color: #be0400; font-weight: bold; }

.header2 { position: relative; }
.header2 .menu { position: relative; z-index: 500; }
.header2 .menu ul { position: absolute; top: 0; left: 0px; }
.header2 .menu ul li { float: left; }

.box1 { position: relative; }
.box1 p { position: absolute; top: 111px; left: 24px; width: 286px; color: #FFF; }
.box1 a.bt1 { position: absolute; top: 229px; left: 17px; }

.line { height: 1px; width: 950px; margin: 15px auto 30px auto; background: #be0400; display: block; }

.console1 { position: relative; }
.console1 .splash { position: absolute; top: -20px; left: 10px; }
.console1 .box { width: 948px; margin: 6px auto; position: relative; }
.console1 .flash { position: absolute; top: 20px; left: 18px; border: 8px solid #000; }
.console1 ul { position: absolute; top: 20px; left: 468px; }
.console1 ul li { float: left; position: relative; padding: 0 0.42em 0.40em 0; }
.console1 ul li.bigsample { cursor: pointer; }
.console1 ul li img { border: 2px solid #e7ab00; }
.console1 ul li span { position: absolute; top: 67px; left: 63px; background: #ffff00 url(images/console1-view.jpg) no-repeat; color: #000; text-transform: uppercase; font-size: 10px; height: 15px; padding: 0 2px 0 17px; }
.console1 .p1 { position: absolute; left: 28px; top: 278px; width: 404px; color: #FFF; }
.console1 .p1 h2 { font-size: 16px; font-weight: bold; color: #ffc100; display: block; padding: 0 0 7px 0; }
.console1 a.bt1 { position: absolute; top: 378px; left: 468px; }

.box2 { position: relative; }
.box2 p { position: absolute; left: 12px; top: 308px; width: 360px; color: #FFF; }

.footer1 { position: relative; }
.footer1 .menu { position: relative; }
.footer1 a.bt1 { position: absolute; top: 0px; left: 0; }
.footer1 a.bt2 { position: absolute; top: 0px; left: 581px; }
.footer1 span.logo { padding: 0 0 0 348px; display: block; }

.address { padding: 45px 0; text-align: center; }
.address a { color: #000; font-weight: bold; }
.address p { width: 244px; display: block; margin: 0 auto; padding: 0 0 24px 0; }

.box3 { position: relative; }
.box3 p { position: absolute; top: 300px; left: 20px; color: #FFF; width: 308px; }
.box3 p a { font-weight: bold; color: #f20000; }

.box4 { position: relative; }
.box4 ul { position: absolute; left: 610px; top: 160px; color: #FFF; font-weight: bold; }
.box4 ul li { float: left; width: 112px; padding: 0 0 90px 0; text-align: center; }

.box5 { position: relative; padding: 0 0 14px 0; border-bottom: 1px solid #be0400; }
.box5 p { position: absolute; left: 12px; top: 308px; width: 360px; color: #FFF; }

.console2 .box { width: 948px; margin: 6px auto; position: relative; background: #000 url(images/console2-bg.png) repeat-x; }
.console2 .box ul { padding: 26px 0 0 0; }
.console2 .box ul li { float: left; padding: 0 0 0 25px; width: 206px; }
.console2 .box ul li a img { border: 2px solid #ffd200; }
.console2 .box ul li p { height: 42px; padding: 4px 0 0 0; text-align: center; }
.console2 .box ul li p a { color: #FFF; }

.footer2 { position: relative; }
.footer2 a.bt { position: absolute; top: 477px; left: 0; }
.footer2 .form { position: absolute; top: 279px; left: 624px; }
.footer2 .form ul li.li1 { padding: 0 0 14px 0; }
.footer2 .form ul li.li1 small { display: block; padding: 0 0 0 125px; font-size: 11px; }
.footer2 .form ul li.li1 label { float: left; display: block; width: 115px; text-align: right; font-weight: bold; padding: 0 10px 0 0; }
.footer2 .form ul li.li1 input { float: left; border: #666 1px solid; padding: 2px 4px; }

.header3 { position: relative; z-index: 1000; }
.header3 .flash { position: absolute; top: 272px; left: 35px; }

.join1 { position: relative; }
.join1 .form { width: 400px; position: absolute; top: 10px; left: 530px; }
.join1 .form, .join1 .form td  { font-size: 13px; line-height: 17px; }
.join1 .form hr  { margin: 10px 0; }
.join1 .form td  { vertical-align: top; position: relative; }
.join1 .form input[type="text"] { width: 90%; padding: 2px; margin: 2px 0 2px 10px; }
.join1 .form input#sbutton { display: block !important; float: none !important; position: relative; padding: 2px; margin: 0 auto !important; }

.join1 .form fieldset  { padding: 10px 0; line-height: 4px; }
.join1 .form fieldset form  { padding: 0; margin: 0; }
.join1 .form fieldset input  { padding: 2px; margin: 0; }




.join1 .form ul li.li2,
.join1 .form ul li.li1 { padding: 0 0 14px 0; }
.join1 .form ul li.li1 small { display: block; padding: 0 0 0 125px; font-size: 11px; }
.join1 .form ul li.li1 label { float: left; display: block; width: 115px; text-align: right; font-weight: bold; padding: 0 10px 0 0; }
.join1 .form ul li.li1 input { float: left; border: #666 1px solid; padding: 2px 4px; }
.join1 .form ul li.li1 select { float: left; }
.join1 .form ul li.li2 span { float: left; display: block; width: 115px; text-align: right; font-weight: bold; padding: 0 10px 0 0; }
.join1 .form ul li.li2 p { float: left; display: block; font-size: 12px; font-weight: bold; }


.join2 { position: relative; }
.join2 .form { position: absolute; top: 159px; left: 556px; }
.join2 .form ul li.li2,
.join2 .form ul li.li1 { padding: 0 0 14px 0; }
.join2 .form ul li.li1 small { display: block; padding: 0 0 0 125px; font-size: 11px; }
.join2 .form ul li.li1 label { float: left; display: block; width: 115px; text-align: right; font-weight: bold; padding: 0 10px 0 0; }
.join2 .form ul li.li1 input { float: left; border: #666 1px solid; padding: 2px 4px; }
.join2 .form ul li.li1 select { float: left; }
.join2 .form ul li.li2 span { float: left; display: block; width: 115px; text-align: right; font-weight: bold; padding: 0 10px 0 0; }
.join2 .form ul li.li2 p { float: left; display: block; font-size: 12px; font-weight: bold; }
.join2 .form ul li.bt { padding: 0 0 0 45px; }

.oursites .box { width: 948px; margin: 6px auto; position: relative; background: #a70000; }
.oursites .box ul { padding: 0 0 30px 0; }
.oursites .box ul li { width: 278px; padding: 30px 0 0 30px; float: left; }
.oursites .box ul li .image img { border: 2px solid #ff9000; }
.oursites .box ul li .p { background: url(images/oursites-bg.jpg) repeat-x; color: #FFF; height: 96px; padding: 12px 12px 0 12px; }
.oursites .box ul li .p h2 { display: block; padding: 0 0 4px 0; color: #ffb500; font-weight: bold; font-size: 14px; }
.oursites .box ul li .p p { display: block; font-size: 12px; line-height: 1.2em; }.joinBottom {
	color: #FFF;
	background-color: #333;
	width: 100%;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
.joinBottom a {
	color: #FFF;
}