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

/* HEADER
----------------------------------------------------------------------------- */
.header { background: url(images/bg1.jpg) no-repeat top center; }
.header .inner { margin: 0 auto; width: 990px; position: relative; }
.header .inner .logo { left: 300px; top: 149px; position: absolute; }
.header .inner .menu { position: relative; width: 990px; overflow: hidden; }
.header .inner .menu ul { position: absolute; top: 6px; left: 5px; width: 1100px; }
.header .inner .menu ul li { float: left; padding: 0 10px 0 0; }
.header .inner .menu .hover img,
.header .inner .menu a:hover img { opacity: .0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

/* CONTENT
----------------------------------------------------------------------------- */

#compMovie { position:absolute; width:461px; height:224px; z-index:1; left: 358px; top: 10px; }

.content { }
.content .inner { margin: 0 auto; width: 990px; position: relative; }
.content .console { background: #620027;}
.content .console .title { position: relative; }
.content .console .title h2 { position: absolute; top: 0px; left: 175px; text-align: center; width: 815px; font-size: 40px; line-height: 40px; text-transform: uppercase; padding: 13px 0 0 0; }
.content .console .image1 { width: 990px; height: 407px; }
.content .console .image1 ul { }
.content .console .image1 ul li { float: left; padding: 7px 0 0 7px; }
.content .console .image1 ul li img { border: 1px solid #dd9038; }
.content .console .image2 { width: 659px; height: 295px; overflow: hidden; float: left; }
.content .console .image2 ol { width: 700px; }
.content .console .image2 ol li { float: left; padding: 7px 0 0 7px; }
.content .console .image2 ol li img { border: 1px solid #dd9038; }
.content .console .text { padding: 7px 0 0 7px; float: left; position: relative; width: 314px; height: 295px; color: #000000; }
.content .console .text img { border-top: 1px solid #D94D00; border-top: 2px solid #D94D00; }
.content .console .text .p1 { position: absolute; top: 12px; left: 25px; text-transform: uppercase; width: 275px; }
.content .console .text .p1 h2 { font-size: 13px; line-height: 13px; }
.content .console .text .p1 h2 strong { font-size: 19px; line-height: 15px; }
.content .console .text .p1 span { color: #FFFFFF; font-weight: bold; font-size: 18px; line-height: 18px; padding: 20px 0 0 0; display: block; }

/* FOOTER
----------------------------------------------------------------------------- */
.footer { background: url(images/bg3.jpg) no-repeat bottom center; }
.footer .inner { margin: 0 auto; width: 990px; position: relative; }
.footer .inner .bt1 { position: absolute; left: 4px; top: 18px; }
.footer .inner .bt2 { position: absolute; left: 706px; top: 18px; }
.footer .inner .form { position: absolute; left: 526px; top: 259px; }
.footer .inner .form .button { position: absolute; top: 248px; left: 30px;}

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

#home .box1 { position: relative; }
#home .box1 .flash { position: absolute; left: 357px; top: 10px; }
#home .box1 .p1 { position: absolute; top: 123px; left: 53px; width: 260px; }
#home .box1 .p1 h2 { text-align: center; display: block; padding: 12px 0 0 0; }
#home .box1 .p1 h2 a { color: #FFFFFF; text-decoration: underline; font-size: 22px; line-height: 22px; }
#home .box2 { position: relative; }
#home .box2 .bt { position: absolute; top: 386px; left: 13px; }

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

#videos .box1 { width: 990px; height: 240px; background-image:url(images/videos_box1.jpg); position: relative;  padding: 0px 0 0px 0px; }
#videos .box1 .flash  { position: absolute; top: 12px; left: 553px; width: 420px; height: 215px; }
#videos .box1 .p1 { position: absolute; top: 88px; left: 25px; width: 500px; }
#videos .box1 .p1 h2 { font-size: 15px; line-height: 15px; padding: 0 0 5px 0; }
#videos .box2 { width: 990px; height: 371px; background:url(images/videos_box2.jpg) center center no-repeat; position: relative;  padding: 0; }
#videos .box2 .p1 { position: absolute; top: 140px; left: 34px; width: 315px; }
#videos .box3 { position: relative; background: #ffc48e; padding: 13px 0 13px 13px; }
#videos .box3 .p1 { position: absolute; top: 130px; left: 43px; width: 900px; }
#videos .box3 .p2 { position: absolute; top: 190px; left: 35px; }
#videos .box3 .p2 ul li { float: left; width: 15.36em; }
#videos .box3 .p2 ul li p { display: block; width: 171px; text-align: center; font-weight: bold; padding: 6px 0 0 0; }

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

#bonus .box1 { position: relative; background: #ffc48e; padding: 13px 0 13px 13px; }
#bonus .box1 .p1 { position: absolute; top: 127px; left: 38px; width: 580px; line-height: 13px; }
#bonus .box2 { position: relative; }
#bonus .box2 .p1 { position: absolute; font-weight: bold; top: 82px; left: 28px; width: 940px; }
#bonus .box2 .flash { background: #7A012C; margin-bottom: 10px;  }
#bonus .box2 .flash .slides1 {
	width:990px;
	height:455px;
	
	text-align:left;
	padding-left:4px;
	vertical-align:top;
	margin-bottom:10px;
	background-image: url(http://www.freelifetimepornaccess.com/images/slides/pornaccessMod.jpg); background-repeat:no-repeat;
	left: 0px;
	top: 0px;
}
#bonus .box2 .flash .slides1 .flashSlides {
	width:247px;
	height:70px;
	position:absolute;
	text-align:center;
	vertical-align:middle;
	margin-bottom:5px;
	left: 670px;
	top: 455px;
z-index:100;
background: transparent;
}
#bonus .box2 .flash .slides1 .button {
	width:247px;
	height:70px;
	position:absolute;
	text-align: center;
	vertical-align:middle;
	margin-bottom:5px;
	left: 697px;
	top: 485px;
}
#bonus .box3 { background: #ffc48e; }
#bonus .box3 .col1 { position: relative; padding: 13px 0 13px 13px; float: left; }
#bonus .box3 .col1 .p1 { position: absolute; left: 27px; top: 67px; width: 275px; }
#bonus .box3 .col1 .p1 span { font-weight: bold; font-size: 31px; line-height: 31px; }
#bonus .box3 .col2 { position: relative; padding: 13px 0 13px 13px; float: left; }
#bonus .box3 .col2 .c1 { position: relative; }
#bonus .box3 .col2 .c1 p { position: absolute; top: 74px; left: 20px; width: 470px; }
#bonus .box3 .col2 .c2 { padding: 13px 0 0 0; position: relative; }
#bonus .box3 .col2 .c2 p { position: absolute; top: 89px; left: 20px; width: 600px; }
#bonus .box3 .col2 .c3 { padding: 13px 0 0 0; position: relative; }
#bonus .box3 .col2 .c3 p { position: absolute; top: 84px; left: 240px; width: 400px; }
#bonus .box3 .col2 .c4 { padding: 13px 0 0 0; position: relative; }
#bonus .box3 .col2 .c4 p { position: absolute; top: 114px; left: 20px; width: 600px; }
#bonus .box3 .col2 .c4 ul { width: 615px; top: 209px; left: 11px; position: absolute; }
#bonus .box3 .col2 .c4 ul li { float: left; position: relative; text-align: center; width: 123px; height: 90px; }
#bonus .box3 .col2 .c4 ul li span { display: block; font-weight: bold; position: absolute; top: 57px; left: 0px; padding: 0 10px; }

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

#join .inner { background: #fff0d6; }
#join .box2 { float: left; position: relative; padding: 0 0 0 47px; }
#join .box2 img { border: 2px solid #ffb728; }
#join .box2 .flash { top: 233px; left: 58px; position: absolute; }
#join .box2 .flash img { border: 0px; }
#join .box3 { float: left; position: relative; padding: 0 0 0 15px; }
#join .box3 .form { position: absolute; top: 80px; left: 14px; }
#join .box4 { float: left; position: relative; padding: 10px 0 0 47px; }
#join .box4 img { border: 2px solid #ffb728; }
#join .box5 { float: left; position: relative; padding: 10px 0 0 2px; }
#join .box5 img { border: 2px solid #ffb728; }
#join .box5 .faq { position: absolute; top: 93px; left: 22px; width: 400px; overflow: scroll; height: 160px; }
#join .box5 .faq h2 { color: #ffff64; font-weight: bold; font-size: 13px; display: block; padding: 0 0 5px 0; }
#join .box6 { padding: 20px 0 20px 0; }