/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \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 { display: block; }
.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: #000 url(/images/bg1.jpg) repeat-y top center; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#FFF; overflow-x:hidden; overflow-y-auto; }

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

.header {}

.bthover a img { filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90; }
.bthover a:hover img { filter:alpha(opacity=100);-moz-opacity:100;opacity:100; }

.menu { position: relative; width: 960px; height: 67px; border-bottom: 1px solid #000; }
.menu ul { position: absolute; top: 0px; left: 0px; }
.menu ul li { float: left; }
.menu ul li .hover img,
.menu ul li a:hover img { filter:alpha(opacity=0);-moz-opacity:0;opacity:0; }

.console { background: #464648; position: relative; _height: 1%; }
.console .splash1 { background: url(/images/splash1.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/splash1.png', sizingMethod='scale'); background: transparent; width: 163px; height: 158px; position: absolute; top: 30px; left: 530px; z-index: 1000; }
.console .title { position: relative; width: 960px; height: 74px; }
.console .title h2 { position: absolute; top: 17px; left: 190px; font-size: 24px; line-height: 32px; text-transform: uppercase; }
.console .col1 { width: 648px; padding: 0 0 0 5px; overflow: hidden; }
.console .col1 ul { width: 670px; }
.console .col1 ul li { float: left; padding: 0 5px 5px 0; }
.console .col1 ul li img { border: 1px solid #1b15a4; }
.Border { border: 1px solid #1b15a4; }
.console .col2 { width: 297px; padding: 0 5px 0 0; }
.console .col2 ul li { padding: 0 0 5px 0; _padding: 0 0 3px 0; }
.console .col2 ul li img { border: 1px solid #1b15a4; }
.console .col2 ul li div.text { background: url(/images/console_text1.jpg) no-repeat; height: 285px; width: 297px; }
.console .col2 ul li div.text .p1 { font-size: 13px; color: #64b20e; font-weight: bold; padding: 13px 0 0 25px; }
.console .col2 ul li div.text .p1 span { font-size: 19px; line-height: 19px; }
.console .col2 ul li div.text .p2 { font-size: 22px; font-weight: bold; line-height: 18px; color: #000; padding: 20px 0 3px 20px; }
.console .col2 ul li div.text .p3 { padding: 0 0 0 20px; line-height: 12px; color: #000;}
.console .bt1 { padding: 0 0 5px 3px; }

.bigform { position: relative; background-image: url(/images/bigform-1.jpg ); width: 960px; height: 610px;}
.bigform .form { position: absolute; top: 0px; left: 0px; padding-left: 25px;}
* html .bigform .form { position: relative; top: 296px; left: 270px; padding: 0px;}
html>body .bigform .form { position: relative; top: 296px; left: 270px; padding: 0px;}
/*.bigform .form li.li1 { height: 30px; !height: 27px; }
.bigform .form li.li2 { height: 55px; }
.bigform .form div.col2,
.bigform .form input,
.bigform .form label { float: left; }
.bigform .form label.label1 { font-size: 13px; font-weight: bold; width: 100px; padding: 0 10px 0 0; text-align: right; }
.bigform .form label.label2 { padding: 0 0 0 5px; }
.bigform .form input.input1 { border: 0px; border-top: 3px solid #c2c2c2; border-left: 2px solid #c2c2c2; width: 230px; padding: 1px; }
.bigform .form div.col2 p { height: 20px; }
.bigform .bt1 { position: absolute; top: 547px; left: 583px; }*/

.footer { background: url(/images/footer_bg1.jpg) repeat-y; width: 960px; margin: 0 auto; position: relative; border-left: 1px solid #303030; border-right: 1px solid #303030; }
.footer img { padding: 21px 0 21px 353px; }

.box1 { position: relative; padding: 6px; _height: 1%; }
.box1 .left { width: 323px; position: relative;}
.box1 .left .p1 { position: absolute; left: 34px; top: 113px; width: 260px; font-weight: bold; line-height: 13px; color: #000; }
.box1 .left .p2 { position: absolute; left: 0px; top: 247px; width: 260px; font-weight: bold; width: 323px; text-align: center; }
.box1 .left .p2 a { color: #769c00; text-decoration: underline; display: block; }
.box1 .left .p2 a.s1 { font-size: 19px; line-height: 19px; }
.box1 .left .p2 a.s2 { font-size: 26px; line-height: 26px; }
.box1 .right { width: 620px; }

.box2 { position: relative; }
.box2 .bt1 { position: absolute; left: 2px; top: 474px; }

.box3 { position: relative; width: 960px; overflow: hidden; }
.box3 .p1 { font-size: 13px; color: #000; position: absolute; top: 81px; left: 17px; width: 940px; }
.box3 .sample1 { position: absolute; top: 124px; left: 15px; }
.box3 .sample1 img { border: 1px solid #1b15a4; }
.box3 .sites { position: absolute; top: 137px; left: 652px; width: 350px; }
.box3 .sites ul li { float: left; padding: 0 8px 8px 0; }

.box4 { position: relative; }
.box4 .p1 { position: absolute; top: 70px; left: 15px; width: 300px; color: #000; }

.box5 { position: relative; _height: 1%; padding: 0 6px 0 6px; }
.box5 .bt1 { padding: 0 0 7px 0; }
.box5 .col1 { width: 309px; }
.box5 .col1 div.grid1 { position: relative; }
.box5 .col1 div.grid1 .p1 { position: absolute; top: 58px; left: 10px; width: 290px; color: #000; }
.box5 .col1 div.grid1 .p1 span { font-size: 31px; line-height: 31px; font-weight: bold; }
.box5 .col1 ul li { padding: 0 0 14px 0; }
.box5 .col1 ul li img { border: 1px solid #1e189b; }
.box5 .col2 { width: 633px; }
.box5 .col2 .grid1 { position: relative; }
.box5 .col2 .grid1 .p1 { position: absolute; top: 75px; left: 20px; width: 350px; color:#000; }
.box5 .col2 .grid2 { position: relative; }
.box5 .col2 .grid3 { position: relative; }
.box5 .col2 .grid3 .p1 { position: absolute; top: 49px; left: 20px; width: 600px; color:#000; }
.box5 .col2 .grid4 { position: relative; }
.box5 .col2 .grid4 .p1 { position: absolute; top: 80px; left: 20px; width: 550px; color:#000; }
.box5 .col2 .grid4 ul { position: absolute; top: 205px; left: 20px; }
.box5 .col2 .grid4 ul li { float: left; height: 160px; width: 107px; padding: 0 14px 0 0; }
.box5 .col2 .grid4 ul li .p2 { display: block; text-align: center; font-weight: bold; color:#000; padding: 5px 0 0 0; }

.box6 { position: relative; }
.box6 .p1 { position: absolute; top: 90px; left: 15px; width: 500px; color: #000; }
.box6 .flash { position: absolute; top: 21px; left: 604px; border:none; }

.box7 { position: relative; }
.box7 .p1 { position: absolute; top: 80px; left: 15px; width: 150px; color: #000; }

.box8 { position: relative; }
.box8 .p1 { position: absolute; top: 73px; left: 25px; width: 550px; color: #000; }
.box9 .grid1 {background: url(/images/join_grid1.jpg); background-repeat: no-repeat; width:413px; height:392px;}
.box9 .grid2 { width: 547px; overflow: hidden; background:url(/images/join_grid2.jpg); height:392px; }
/*.box9 .grid2 .form li.li1 { height: 35px; !height: 33px; float: left; width: 240px; }
.box9 .grid2 .form li.li2 { height: 55px; float: left; width: 600px; }
.box9 .grid2 .form div.col2,
.box9 .grid2 .form input,
.box9 .grid2 .form label { float: left; }
.box9 .grid2 .form label.label1 { font-size: 13px; font-weight: bold; width: 85px; padding: 0 10px 0 0; text-align: right; }
.box9 .grid2 .form label.label2 { padding: 0 0 0 5px; }
.box9 .grid2 .form input.input1 { border: 0px; border-top: 3px solid #c2c2c2; border-left: 2px solid #c2c2c2; width: 140px; padding: 1px; }
.box9 .grid2 .form div.col2 p { height: 20px; }*/
.box9 .form { position:absolute; top: 525px; left: 290px; padding-left: 40px;}
* html .box9 .form { position:absolute; top: 525px; left: 240px; padding: 0px; }
html>body .box9 .form { position:absolute; top: 525px; left: 170px; padding: 0px;}
.box9 .grid2 .button { padding: 0 0 0 150px; }
.box9 .grid2 .button input { padding: 2px 10px; width: 200px; }
.box9 .grid3 {background:url(/images/join_grid3.jpg); width:486px; height:269px;}
.box9 .grid4 { position: relative;}
.box9 .grid4 .right{background:url(/images/join_grid4.jpg)0 0 no-repeat; height:269px; width:474px;}
.box9 .grid4 .faq { position: absolute; top: 93px; left: 25px; width: 422px; height: 157px; color: #000; }
.box9 .grid4 .faq dl dt { font-size: 13px; font-weight: bold; color: #4d630e; }
.box9 .grid4 .faq dl dd { padding: 6px 0; }
.box9 .grid5 { border-bottom: 1px solid #000; }


.Images {
font-size:16px;
height:120px;
left:25px;
margin:0 auto;
padding:10px 0 0 5px;
position:absolute;
text-align:center;
top:471px;
width:400px;
	
}

.thumb{
border:1px solid #89FF00;
float:left;
margin:5px 10px 0 0;
}

.flash {
border:1px solid #89FF00;
left:27px;
position:relative;
top:197px;
width:365px;
height:176px;
}

*html #FAQ {
	color:#000000;
	height:163px;
	left:-28px;
	overflow:auto;
	padding:5px 15px 0;
	position:absolute;
	text-align:justify;
	top: -10px;
	width:435px;
}

#FAQ {
	color:#000000;
	height:163px;
	left:-28px;
	overflow:auto;
	padding:5px 15px 0px 0px;
	position:absolute;
	text-align:justify;
	top: -10px;
	width:435px;
}
html>body #FAQ {
	color:#000000;
	height:163px;
	left: -28px;
	margin:0 auto;
	overflow:auto;
	padding:5px 15px 0;
	position:absolute;
	text-align:justify;
	top: -5px;
	width:435px;
}
#FAQ strong {
	color:#4D630E;
	display:block;
	font-size:14px;
	padding:0 0 5px 0px;
}
#FAQ .icon {
	scroll 0 0;
	height:18px;
	margin:0;
	padding:0;
	position:relative;
	top:15px;
	width:32px;
}
/* end FAQ section */