/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \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: #000000; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color: #FFFFFF; }
.main { position:relative; margin:0 auto; width:px; }

/* HEADER
----------------------------------------------------------------------------- */
.header .inner { width: 984px; margin: 0 auto; position: relative; }
.header .inner .menu ul { position: absolute; top: 0px; left: 0px; }
.header .inner .menu ul li { float: left; }
.header .inner .menu .hover img,
.header .inner .menu a:hover img { filter: alpha(opacity=0); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

/* CONTENT
----------------------------------------------------------------------------- */
.console { width: 984px; margin: 0 auto; }
.console .title { position: relative; }
.console .title h2 { font-size: 34px; line-height: 34px; color: #ffddb0; font-weight: bold; position: absolute; top: 16px; left: 215px; text-transform: uppercase; letter-spacing: -0.05em; }
.console .images { background: #5d0508; }
.console .images ul { padding: 0 0 0 1px; }
.console .images ul li { float: left; padding: 0 0 6px 6px; }
.console .images ul li img { border: 1px solid #9b0000; }
.console .images .col1 { float: left; width: 663px; }
.console .images .col2 { float: left; position: relative; }
.console .images .col2 .p1 { position: absolute; top: 15px; left: 25px; width: 265px; }
.console .images .col2 .p1 strong { font-size: 19px; line-height: 19px; color: #bc9758; }
.console .images .col2 .p1 h3 { font-size: 18px; line-height: 18px; color: #bc9758; text-transform: uppercase; display: block; padding: 15px 0; }
.console .bt { background: #5d0508; padding: 0 0 6px 6px; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer { text-align: center; font-size: 11px; line-height: 12px; padding: 0px 0; }
.footer .m1 { background: url(images/menu_bg1.jpg) repeat-x; position: relative; height: 66px; width: 984px; margin: 0 auto; }
.footer .m1 .inner { position: relative; margin: 0 auto; width: 967px; padding: 4px 0 0 0; }
.footer .m1 .inner ul { position: absolute; top: 4px; left: 0px; }
.footer .m1 .inner ul li { float: left; }
.footer .m1 .inner .hover img,
.footer .m1 .inner a:hover img { filter: alpha(opacity=0); opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.footer .l1 { text-align: center; padding: 15px 0;}
.footer .l1 img { display: inline; }
.footer .p1 { white-space: pre; color: #bc9758; padding: 0 0 10px 0; }
.footer .p1 a { color: #bc9758; text-decoration: underline; }
.footer .p2 { color: #3f3f3f; }

/* -------------------------------------------------------------------------- */
/* HOME
/* -------------------------------------------------------------------------- */

#home .header { background: url(images/home_header-bg1.jpg) no-repeat top center; }
#home .header .inner .logo { position: absolute; top: 0px; left: 306px; }
#home .header .inner .menu { position: absolute; left: 10px; top: 558px; }
#home .header .inner .p1 { position: absolute; top: 755px; left: 25px; width: 300px; text-align: center; }
#home .header .inner .p1 a { text-decoration: underline; color: #FFFFFF; font-size: 23px; line-height: 23px; font-weight: bold; }
#home .header .inner .p1 a strong { font-size: 31px; line-height: 31px; }
#home .header .inner .flash { left: 355px; top: 630px; position: absolute; }

#home .box1 { background: url(images/home_box1-bg.jpg) no-repeat top center; }
#home .box1 .inner { position: relative; margin: 0 auto; width: 984px; padding: 0 0 26px 0; }
#home .box1 .inner .bt { padding: 0 0 0 5px; }
#home .box2 { position: relative; margin: 0 auto; width: 984px; }
#home .box2 .p1 { position: absolute; top: 958px; left: 55px; width: 480px; }
#home .box2 .bt1 { position: absolute; top: 1034px; left: 47px; }
#home .box3 { position: relative; margin: 0 auto; width: 984px; height: 884px; }
#home .box3 .form { position: absolute; top: 383px; left: 595px; }
#home .box3 .form .p1 { text-align: center; }
#home .box3 .form .inner { height: 269px; }
#home .box3 .form .bt { padding: 0 0 0 55px; }
#home .box3 .logo { position: absolute; top: 668px; left: 264px; }

/* -------------------------------------------------------------------------- */
/* VIDEOS
/* -------------------------------------------------------------------------- */

#videos .header { background: url(images/videos_header-box1-bg1.jpg) no-repeat top center; }
#videos .header .inner .menu { position: absolute; left: 8px; top: 245px; }
#videos .header .inner .p1 { position: absolute; top: 392px; left: 45px; width: 515px; }
#videos .header .inner .p1 strong { color: #f70007; }
#videos .header .inner .flash { left: 600px; top: 327px; position: absolute; }

#videos .box1 { position: relative; margin: 0 auto; width: 984px; }
#videos .box1 p { position: absolute; left: 30px; top: 130px; width: 347px; }
#videos .box2 { position: relative; margin: 0 auto; width: 984px; height:441px; background: url(images/videos_box2.jpg) no-repeat top center;}
#videos .box2 .flashSlide { position: absolute; width: 984px; height:441px; margin-top:165px; margin-left:27px;   }
#videos .box2 .slideText { position: absolute; padding-left:50px; padding-right:50px; margin-top:120px;   }

#videos .box2 .p1 { position: absolute; left: 42px; top: 130px; width: 910px; }
#videos .box2 .p2 { position: absolute; left: 42px; top: 170px; width: 910px; }
#videos .box2  ul { position: absolute; top: 174px; left: 40px; }
#videos .box2  ul li { width: 171px; float: left; padding: 0 14px 0 0; }
#videos .box2  ul li .p2 { text-align: center; font-weight: bold; padding: 7px 0 0 0;}
#videos .box3 { position: relative; margin: 0 auto; width: 942px; padding: 25px 0; }
#videos .box3 .flash { position: absolute; left: 321px; top: 26px; }
#videos .box3 .form { position: absolute; left: 631px; top: 131px; }
#videos .box3 .form .inner { height: 118px; }
#videos .box3 .form .bt { padding: 0 0 0 90px; }

/* -------------------------------------------------------------------------- */
/* BONUS
/* -------------------------------------------------------------------------- */

#bonus .header { background: url(images/videos_header-box1-bg1.jpg) no-repeat top center; }
#bonus .header .inner .menu { position: absolute; left: 8px; top: 245px; }
#bonus .header .inner .module1 { padding: 22px 0 0 22px; position: relative; }
#bonus .header .inner .module1 p { position: absolute; top: 100px; left: 34px; width: 900px; display: block; }
#bonus .header .inner .module1 p strong { color: #f70007; }
#bonus .header .inner .module2 { padding: 22px 0 0 22px; position: relative; }
#bonus .header .inner .module2 p { position: absolute; top: 100px; left: 34px; width: 900px; display: block; }
#bonus .header .inner .module2 p strong { color: #f70007; }

#bonus .bigbox { width: 984px; margin: 0 auto; position: relative; }
#bonus .bigbox .col1 { float: left; padding: 22px 0 0 22px; width: 309px; }
#bonus .bigbox .col1 .box1 { position: relative; }
#bonus .bigbox .col1 .box1 p { position: absolute; top: 70px; left: 15px; }
#bonus .bigbox .col1 .box1 p span { font-size: 31px; line-height: 31px; font-weight: bold; }
#bonus .bigbox .col2 { float: right; padding: 22px 22px 0 0; width: 609px; }
#bonus .bigbox .col2 .box1 { position: relative; }
#bonus .bigbox .col2 .box1 p { position: absolute; left: 20px; top: 75px; }
#bonus .bigbox .col2 .box2 { position: relative; }
#bonus .bigbox .col2 .box2 p { position: absolute; left: 20px; top: 70px; width: 570px; }
#bonus .bigbox .col2 .box3 { position: relative; }
#bonus .bigbox .col2 .box3 p { position: absolute; left: 20px; top: 70px; width: 570px; }
#bonus .bigbox .col2 .box4 { position: relative; }
#bonus .bigbox .col2 .box4 p { position: absolute; left: 20px; top: 70px; width: 570px; }
#bonus .bigbox .col2 .box4 ul { position: absolute; top: 192px; left: 20px; }
#bonus .bigbox .col2 .box4 ul li { float: left; width: 107px; padding: 0 7px 0 0; }
#bonus .bigbox .col2 .box4 ul li span { display: block; font-weight: bold; text-align: center; padding: 5px 0 15px 0; }

#bonus .box5 { position: relative; margin: 0 auto; width: 942px; padding: 25px 0; }
#bonus .box5 .flash { position: absolute; left: 321px; top: 26px; }
#bonus .box5 .form { position: absolute; left: 631px; top: 131px; }
#bonus .box5 .form .inner { height: 118px; }
#bonus .box5 .form .bt { padding: 0 0 0 90px; }

/* -------------------------------------------------------------------------- */
/* JOIN
/* -------------------------------------------------------------------------- */

#join .header { background: url(images/join_header-box1-bg1.jpg) no-repeat top center; }
#join .header .inner .menu { position: absolute; left: 8px; top: 429px; }

#join .bigbox { width: 984px; margin: 0 auto; position: relative; }
#join .box2 { position: relative; float: left; }
#join .box2 .flash { position: absolute; left: 40px; top: 236px; }
#join .box3 { position: relative; float: left; }
#join .box3 .form { position: absolute; left: 30px; top: 80px; width: 475px; }
#join .box4 { position: relative; float: left; }
#join .box4 ul { font-size: 23px; line-height: 23px; position: absolute; top: 70px; left: 62px; font-weight: bold; }
#join .box4 ul li strong { color: #ffd9a4; display: block; padding: 15px 0; }
#join .box5 { position: relative; float: left; }
#join .box5 .faq { overflow-x: none; overflow-y: scroll; position: absolute; left: 20px; top: 80px; width: 425px; height: 160px; }
#join .box5 .faq li { padding: 0 0 15px 0; }
#join .box5 .faq h4 { font-size: 12px; color: #ffff64; display: block; padding: 0 0 5px 0; }

.form {
	width: 984px;
	height: 1020px;
	margin: 0px auto;
	background-image: url(images/formBG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	border: 0px;
}

/*#Left_Side {
	float: left;
	margin: 10px 0px 0px 0px;
	background-image: url(images/join_bg_left.gif);
	background-repeat: repeat-y;
	width: 400px;
	height: 970px;
}

#Right_Side {
	float: right;
	margin: 10px 0px 0px 0px;
	background-image: url(images/join_bg_right.gif);	
	background-repeat: repeat-y;
	width: 400px;
	height: 970px;
}

.Clear {
	clear: both;
}*/