/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \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; }

.main {}

.header_home { background: url(images/home_header1-bg1.jpg) no-repeat top center; }
.header_bonus { background: url(images/bonus_header-1-bg1.jpg) no-repeat top center; }
.header_videos { background: url(images/videos_header1-bg1.jpg) no-repeat top center; }
.header_join { background: url(images/join_header1-bg1.jpg) no-repeat top center; }
.header .inner { position: relative; width: 984px; margin: 0 auto; }

#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 { background: url(images/menu0-bg1.jpg) no-repeat top center; }
.menu .inner { position: relative; width: 984px; height: 77px; margin: 0 auto; }
.menu .inner ul { position: absolute; top: 0px; left: 0px; }
.menu .inner ul li { float: left; }
.menu .inner ul li .hover img,
.menu .inner ul li a:hover img { filter:alpha(opacity=0);-moz-opacity:0;opacity:0; }

.console { background: #02CDEE; position: relative; width: 984px; margin: 0 auto; _height: 1%; }
.console .title { position: relative; width: 960px; height: 74px; font-family: "Comic Sans MS", cursive; }
.console .title h2 { position: absolute; top: 15px; left: 110px; font-size: 23px; line-height: 32px; text-transform: uppercase; }
.console .col1 { width: 648px; padding: 0 0 0 8px; 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 #FFF; }
.console .col2 { width: 314px; padding: 0 8px 0 0; }
.console .col2 ul li { padding: 0 0 5px 0; _padding: 0 0 3px 0; }
.console .col2 ul li img { border: 1px solid #FFF; }
.console .col2 ul li div.text { background: url(images/console_text1.jpg) no-repeat; height: 285px; width: 314px; }
.console .col2 ul li div.text .p1 { font-size: 13px; color: #fff; font-weight: bold; padding: 25px 0 0 25px; }
.console .col2 ul li div.text .p1 span { font-size: 19px; line-height: 19px; color:#000; }
.console .col2 ul li div.text .p2 { font-size: 22px; font-weight: bold; line-height: 22px; color: #000; padding: 25px 0 10px 20px; }
.console .col2 ul li div.text .p3 { padding: 0 20px 0 20px; line-height: 13px; color: #fff;}
.console .bt1 { padding: 0; }

.bigform { background: url(images/bigform-1-bg1.jpg) no-repeat top center; }
.bigform .inner { position: relative; width: 984px; margin: 0 auto; background-image: url(/images/bigform-1.jpg); background-repeat: no-repeat; }
.bigform .form { position: relative; top: 330px; left: 273px; }
/*.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: 592px; left: 590px; }
.nobg { background: none; }

.footer { width: 984px; margin: 0 auto; position: relative; }

.box1 { position: relative; width: 984px; margin: 0 auto; _height: 1%; }
.box1 .left { position: absolute; top: 5px; left: 5px; }
.box1 .left .p1 { position: absolute; left: 34px; top: 23px; width: 270px; font-weight: bold; line-height: 13px; color: #FFF; }
.box1 .left .p1 span { padding: 0 0 0 150px; display: block; }
.box1 .left .p2 { position: absolute; left: 0px; top: 250px; width: 260px; font-weight: bold; width: 323px; text-align: center; }
.box1 .left .p2 a { color: #fe0043; text-decoration: underline; display: block; }
.box1 .left .p2 a.s1 { font-size: 19px; line-height: 25px; }
.box1 .left .p2 a.s2 { font-size: 26px; line-height: 30px; }
.box1 .right { width: 620px; position: absolute; top: 9px; right: 9px; border: 2px solid #000; }

.box2 { background: url(images/home_box2-bg1.jpg) no-repeat top center; }
.box2 .inner { position: relative; width: 984px; margin: 0 auto; }
.box2 .bt1 { position: absolute; left: 0px; top: 464px; }

.box3 { position: relative; width: 984px; margin: 0 auto; overflow: hidden; }
.box3 .p1 { font-size: 13px; color: #FFF; position: absolute; top: 102px; left: 17px; width: 940px; }
.box3 .sample1 { position: absolute; top: 163px; left: 10px; }
.box3 .sample1 img { border: 1px solid #1b15a4; }
.box3 .sites { position: absolute; top: 177px; left: 657px; width: 350px; }
.box3 .sites ul li { float: left; padding: 0 8px 8px 0; }

.box4 { position: relative; width: 984px; margin: 0 auto; }
.box4 .p1 { position: absolute; top: 130px; left: 15px; width: 330px; color: #FFF; line-height: 14px; }

.box5 { position: relative; width: 984px; margin: 0 auto; _height: 1%; }
.box5 .bt1 { }
.box5 .col1 { width: 335px; }
.box5 .col1 div.grid1 { position: relative; }
.box5 .col1 div.grid1 .p1 { position: absolute; top: 58px; left: 10px; width: 290px; color: #FFF; }
.box5 .col1 div.grid1 .p1 span { font-size: 31px; line-height: 31px; font-weight: bold; }
.box5 .col1 ul li { padding: 0 0 12px 0; }
.box5 .col1 ul li img { border: 1px solid #F60434; }
.box5 .col2 { width: 633px; }
.box5 .col2 .grid1 { position: relative; }
.box5 .col2 .grid1 .p1 { position: absolute; top: 75px; left: 20px; width: 350px; color:#FFF; }
.box5 .col2 .grid2 { position: relative; }
.box5 .col2 .grid3 { position: relative; }
.box5 .col2 .grid3 .p1 { position: absolute; top: 95px; left: 280px; width: 360px; color:#FFF; }
.box5 .col2 .grid4 { position: relative; }
.box5 .col2 .grid4 .p1 { position: absolute; top: 80px; left: 20px; width: 550px; color:#FFF; }
.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:#FFF; padding: 5px 0 0 0; }

.box6 { position: relative; width: 984px; margin: 0 auto; }
.box6 .p1 { position: absolute; top: 90px; left: 15px; width: 500px; color: #FFF; }
.box6 .flash { position: absolute; top: 21px; left: 604px }

.box7 { position: relative; width: 984px; margin: 0 auto; }
.box7 .p1 { position: absolute; top: 135px; left: 15px; width: 160px; color: #000; }

.box8 { background:url(images/videos_box3-bg1.jpg) no-repeat top center; }
.box8 .inner { position: relative; width: 984px; margin: 0 auto; }
.box8 .p1 { position: absolute; top: 113px; left: 25px; width: 350px; color: #000; }
.box8 .bt1 { position: absolute; top: 298px; left: 0px; }

.box9 { position: relative; width: 984px; margin: 0 auto; }
.box9 .grid2 { width: 552px; overflow: hidden; position: relative; background-image: url(/images/join_grid2.jpg); background-repeat: no-repeat; }
.box9 .grid2 .form { position: absolute; top: 130px; left: -65px; width: 400px; }
/*.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 .grid2 .button { padding: 0 0 0 150px; }
.box9 .grid2 .button input { padding: 2px 10px; width: 200px; }
.box9 .grid4 { position: relative; }
.box9 .grid4 .faq { position: absolute; top: 93px; left: 25px; width: 502px; overflow-y: scroll; overflow-x: none; height: 157px; color: #FFF; }
.box9 .grid4 .faq dl dt { font-size: 13px; font-weight: bold; color: #FFF; }
.box9 .grid4 .faq dl dd { padding: 6px 0; }
.box9 .grid5 { }



.Media_Holder {
	position:relative;
	top: 0px;	
	background-image: url(/images/join_grid1.jpg);
	width: 432px;
	height: 512px;
	
}


#Video {	
	position: relative;
	top: 320px;
	left: 45px;
}