/*
   __              __                                             
  /\ \  __        /\ \                                            
  \_\ \/\_\    ___\ \ \/'\     ___ ___      __      ___     ____  
  /'_` \/\ \  /'___\ \ , <   /' __` __`\  /'__`\  /' _ `\  /',__\ 
 /\ \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: #000; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.3em; color:#FFF; overflow-x: hidden; overflow-y: scroll; visibility: visible;}
.main { position:relative; margin:0 auto; overflow-x: hidden; overflow-y: scroll; visibility: visible; }

/* HEADER
----------------------------------------------------------------------------- */
.header {}
.header .inner { height:363px;
width:100%; }
.header .bar {  height: 53px; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1000; }
.header .bar .bar_1 { background: url(images/bar-inner.jpg) repeat-x; height: 53px; width: 100%; }
.header .menu { background:transparent url(images/menu-bg1.gif) repeat-x scroll 0 0;height:0; top: 504px; margin:0 auto;position:relative;width:984px;z-index:1000; }
html>body .header .menu { background:transparent url(images/menu-bg1.gif) repeat-x scroll 0 0;height:53px;margin:0 auto;position:relative;width:984px;z-index:1000; }
.header .menu .menu_1 { width: 984px; margin: 0 auto; padding: 12px 0 0 0; position: relative; }
.header .menu .menu_1 ul { position: absolute; top: 12px; left: 0px; }
.header .menu .menu_1 ul li { float: left; }
.header .menu .menu_1 ul li .hover img,
.header .menu .menu_1 ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }

/* FOOTER1
----------------------------------------------------------------------------- */
.footer1 {}
.footer1 .inner { width: 100%; }
.footer1 .bar { background: url(images/bar-bg1.gif) repeat-x; height: 65px; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1000; }
.footer1 .bar .bar_1 { background: url(images/bar-inner.jpg) repeat-x; height: 33px; width: 100%; }
.footer1 .menu {
background:transparent url(images/menu-bg1.gif) repeat-x scroll 0 0;
height:53px;
margin:0 auto;
position:relative;
top:-439px;
width:984px;
z-index:1000;
}
.footer1 .menu .menu_1 { width: 984px; margin: 0 auto; padding: 12px 0 0 0; position: relative; }
.footer1 .menu .menu_1 ul { position: absolute; top: 12px; left: 0px; }
.footer1 .menu .menu_1 ul li { float: left; }
.footer1 .menu .menu_1 ul li .hover img,
.footer1 .menu .menu_1 ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }

/* FOOTER2
----------------------------------------------------------------------------- */
.footer2 {}
.footer2 .inner { width: 100%; }
.footer2 .bar { background: url(images/bar-bg1.gif) repeat-x; height: 65px; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1000; }
.footer2 .bar .bar_1 { background: url(images/bar-inner.jpg) repeat-x; height: 33px; width: 100%; }
.footer2 .menu {
background:transparent url(images/menu-bg1.gif) repeat-x scroll 0 0;
height:53px;
margin:0 auto;
position:relative;
top: -439px;
width:984px;
z-index:1000;
}
.footer2 .menu .menu_1 { width: 984px; margin: 0 auto; padding: 12px 0 0 0; position: relative; }
.footer2 .menu .menu_1 ul { position: absolute; top: 12px; left: 0px; }
.footer2 .menu .menu_1 ul li { float: left; }
.footer2 .menu .menu_1 ul li .hover img,
.footer2 .menu .menu_1 ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }

/* FOOTER3
----------------------------------------------------------------------------- */
.footer3 {}
.footer3 .inner { width: 100%; }
.footer3 .bar { background: url(images/bar-bg1.gif) repeat-x; height: 65px; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1000; }
.footer3 .bar .bar_1 { background: url(images/bar-inner.jpg) repeat-x; height: 33px; width: 100%; }
.footer3 .menu {
background:transparent url(images/menu-bg1.gif) repeat-x scroll 0 0;
height:53px;
margin:0 auto;
position:relative;
top:-439px;
width:984px;
z-index:1000;
}
.footer3 .menu .menu_1 { width: 984px; margin: 0 auto; padding: 12px 0 0 0; position: relative; }
.footer3 .menu .menu_1 ul { position: absolute; top: 12px; left: 0px; }
.footer3 .menu .menu_1 ul li { float: left; }
.footer3 .menu .menu_1 ul li .hover img,
.footer3 .menu .menu_1 ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }

/* FOOTER4
----------------------------------------------------------------------------- */
.footer4 {}
.footer4 .inner { width: 100%; }
.footer4 .bar { background: url(images/bar-bg1.gif) repeat-x; height: 53px; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 1000; }
.footer4 .bar .bar_1 { background: url(images/bar-inner.jpg) repeat-x; height: 33px; width: 100%; }
.footer4 .menu {
	background:transparent url(images/menu-bg1.gif) repeat-x scroll 0 0;
height:53px;
margin:0 auto;
position:relative;
top:-439px;
width:984px;
z-index:1000;
}
.footer4 .menu .menu_1 { width: 984px; margin: 0 auto; padding: 12px 0 0 0; position: relative; }
.footer4 .menu .menu_1 ul { position: absolute; top: 12px; left: 0px; }
.footer4 .menu .menu_1 ul li { float: left; }
.footer4 .menu .menu_1 ul li .hover img,
.footer4 .menu .menu_1 ul li a:hover img { filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; }


/* CONSOLE
----------------------------------------------------------------------------- */
.console { margin: 0 auto; width: 984px; }
.console .box1 { position: relative; }
.console .box1 h2 {
	font-size: 34px;
	line-height: 34px;
	color: #000;
	text-transform: uppercase;
	position: absolute;
	top: 30px;
	left: 120px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	width: 757px;
}
.console .box2 { position: relative;}
.console .box2 li img { border: 1px solid #960100; }
.console .box2 ul { position: absolute; top: 0px; left: 2px; }
.console .box2 ul li { float: left; padding: 0 0 0 5px; }
.console .box2 ol { position: absolute; top: 405px; left: 1px; width: 660px; }
.console .box2 ol li { float: left; padding: 0 0 6px 6px; }
.console .box2 .p1 { position: absolute; top: 425px; left: 704px; text-align: center; font-size: 13px; width: 225px; }
.console .box2 .p1 span { line-height: 19px; }
.console .box2 .p1 span.t1 { font-size: 19px; font-weight: bold; color: #00bef2; display: block; }
.console .box2 .p1 span.t2 {
	font-size: 14px;
	color: #FD2162;
}
.console .box2 .p1 span.t3 { font-size: 19px; display: block; font-weight: bold; padding: 10px 0; color: #ffae00; }
.console .box2 .bt1 { position: absolute; left: 13px; top: 716px; }

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

#home .header .menu { height: 53px;}
#home .header { background: url(images/home_header-bg1.jpg) no-repeat top center; }
#home .header .inner { height:610px;
width:100%; }
#home .header .inner_1 {background:transparent;height:610px;margin:auto;position:relative;width:984px; }
#home .header .inner_1 .logo { position: absolute; top: 99px; left: 0px; }
#home .box1 { background: url(images/home_box1-bg1.jpg) no-repeat top center; }
#home .box1 .inner { margin: 0 auto; width: 984px; position: relative; }
#home .box1 .inner .player { position: absolute; top: 28px; left: 358px; }
#home .box1 .inner .p1 { top: 140px; left: 50px; position: absolute; width: 260px; text-align: center; color:#FFF; }
#home .box1 .inner .p1 h2 { font-size: 20px; line-height: 25px; display: block; padding: 13px 0 0 0; }
#home .box1 .inner .p1 h2 a { color: #FFF; text-decoration: underline; }
#home .box2 { background: url(images/home_box2-bg1.jpg) no-repeat top center; }
#home .box2 .inner { margin: 0 auto; width: 984px; position: relative; }
#home .box3 { background: url(images/home_box3-bg1.jpg) no-repeat top center; }
#home .box3 .inner { margin: 0 auto; width: 984px; position: relative; }
#home .box3 .inner p { position: absolute; top: 226px; left: 651px; width: 250px; text-align: center; }
#join .box4,
#bonus .box4,
#videos .box4,
#home .box4 { background: url(images/home_box4-bg1.jpg) no-repeat top center; }
#join .box4 .inner ,
#bonus .box4 .inner,
#videos .box4 .inner,
#home .box4 .inner {background: url(/images/home_box4-1.jpg) no-repeat top center; width:984px; height:1716px;position: relative;margin: 0 auto;}
#join .box4 .inner .grid1,
#bonus .box4 .inner .grid1,
#videos .box4 .inner .grid1,
#home .box4 .inner .grid1 { position: absolute; top: 136px; left: 22px; width: 450px; }
#join .box4 .inner .grid1 ul li,
#bonus .box4 .inner .grid1 ul li,
#videos .box4 .inner .grid1 ul li,
#home .box4 .inner .grid1 ul li { float: left; padding: 0 7px 7px 0; }
#join .box4 .inner .grid2,
#bonus .box4 .inner .grid2,
#videos .box4 .inner .grid2,
#home .box4 .inner .grid2 { position: absolute; top: 1048px; left: 53px; }
#join .box4 .inner .grid2 ul li,
#bonus .box4 .inner .grid2 ul li,
#videos .box4 .inner .grid2 ul li,
#home .box4 .inner .grid2 ul li { float: left; padding: 0 4px 4px 0; }
#join .box4 .inner .form,
#bonus .box4 .inner .form,
#videos .box4 .inner .form,
#home .box4 .inner .form { top: 132px; left: 470px; position: absolute; width: 495px; height: 230px; }
#join .box4 .inner .faq,
#bonus .box4 .inner .faq,
#videos .box4 .inner .faq,
#home .box4 .inner .faq { top: 546px; left: 470px; position: absolute; overflow-y: scroll; overflow-x: none; width: 495px; height: 320px; }
#join .box4 .inner .faq ul li,
#bonus .box4 .inner .faq ul li,
#videos .box4 .inner .faq ul li,
#home .box4 .inner .faq ul li { background: url(images/home_box4-faq-li.gif) no-repeat; padding: 0 0 15px 0; color: #000; }
#join .box4 .inner .faq ul li h2,
#bonus .box4 .inner .faq ul li h2,
#videos .box4 .inner .faq ul li h2,
#home .box4 .inner .faq ul li h2 { font-size: 14px; color: #ff077f; display: block; padding: 0 0 10px 35px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

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

#videos .header .menu { top:248px;}
#videos .header { background: url(images/videos_header-bg1.jpg) no-repeat top center; }
#videos .header .inner_1 {height:363px;
margin:auto;
position:relative;
width:984px;}
#videos  .box1 { background: url(images/videos_box1-bg1.jpg) no-repeat top center; }
#videos .console .box1 { height:78px; }
#videos .box1 .inner { height:251px; margin: 0 auto; width: 984px; position: relative; top:10px; }
#videos .box1 .inner p { position: absolute; top: 30px; left: 38px; width: 165px; text-align: center; line-height: 13px; }
#videos .box1 .inner .flash { position: absolute; top: 35px; left: 640px; border: 1px solid #ff0000; }
#videos .box2 { background: url(images/videos_box2-bg1.jpg) no-repeat top center; }
#videos .box2 .inner { margin: 0 auto; width: 984px; position: relative; }
#videos .box2 .inner .p1 { position: absolute; top: 208px; left: 76px; width: 180px; text-align: center; line-height: 13px; }
#videos .box2 .inner .p1 p { height: 85px; }
#videos .box3 { background: url(images/videos_box3-1.jpg) no-repeat scroll 0 0; width:984px; height:518px; margin:0 auto; }
#videos .box3 .inner { margin: 0 auto; width: 984px; position: relative; }
#videos .box3 .inner p { position: absolute; top: 30px; left: 715px; width: 142px; text-align: center; }
#videos .box3 .inner ul { position: absolute; top: 216px; left: 39px; }
#videos .box3 .inner ul li { float: left; width: 171px; padding: 0 13px 0 0; }
#videos .box3 .inner ul li span { display: block; color:#000; font-weight: bold; text-align: center; padding: 8px 0 0 0; }

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

#bonus .header .menu {  top:248px; }
#bonus .header .menu2 { top: 1500px; }
#bonus .header { background: url(images/bonus_header-bg1.jpg) no-repeat top center; }
#bonus .header .inner_1 {
height:363px;
margin:auto;
position:relative;
width:984px;}
#bonus .box1 { background: url(images/bonus_box1-bg1.jpg) no-repeat top center; }
#bonus .box1 .inner { margin: 0 auto; width: 984px; position: relative; }
#bonus .box1 .inner p { position: absolute; top: 94px; left: 18px; width: 850px; color: #000; }
#bonus .box1 .inner .sample { position: absolute; top: 165px; left: 8px; }
#bonus .box1 .inner .sample ul { position: absolute; top: 18px; left: 662px; width: 310px; }
#bonus .box1 .inner .sample ul li { float: left; padding: 0 10px 10px 0; }
#bonus .box1 .inner .sample img { border: 1px solid #9b0000; }
#bonus .box2 { background: url(images/bonus_box2-bg1.jpg) no-repeat top center; }
#bonus .box2 .inner { margin: 0 auto; width: 984px; position: relative; }
#bonus .box2 .inner p { position: absolute; top: 94px; left: 18px; width: 850px; color: #000; }
#bonus .box2 .inner .sample { position: absolute; top: 153px; left: 8px; }
#bonus .box3 { background: url(images/bonus_box3-bg1.jpg) no-repeat top center; }
#bonus .box3 .inner { margin: 0 auto; width: 984px; position: relative; }
#bonus .box3 .inner .p1 { left: 72px; top: 167px; width: 202px; position: absolute; text-align: center; }
#bonus .box3 .inner .p1 h2 { font-size: 31px; line-height: 31px; display: block; font-weight: bold; }
#bonus .box3 .inner .p2 { top: 495px; left: 366px; position: absolute; width: 610px; }
#bonus .box3 .inner .p2 p { display: block; padding: 0 0 10px 0; color: #000; }
#bonus .box3 .inner .p3 { top: 922px; left: 383px; position: absolute; width: 154px; text-align: center; line-height: 13px; }
#bonus .box3 .inner .p4 { top: 1174px; left: 366px; position: absolute; }
#bonus .box3 .inner .p4 p { height: 100px; color: #000; }
#bonus .box3 .inner .p4 ul li { float: left; padding: 0 9px 0 0; width: 112px; }
#bonus .box3 .inner .p4 ul li span { height: 41px; font-weight: bold; text-align: center; display: block; text-align: center; }

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

#join .header .menu {  top:-62px; }
#join .header { background: url(images/join_header-bg1.jpg) no-repeat top center; }
#join .header .inner_1 { background:transparent url(/images/join_header-1.jpg) no-repeat scroll 0 0;
height:363px;
margin:auto;
position:relative;
width:984px;}


.pics {
	font-size:16px;
	height:120px;
	left:40px;
	margin:0 auto;
	padding:10px 0 0 5px;
	position:absolute;
	text-align:center;
	top:290px;
	width:400px;
	
}
.thumb {
	border: #BE2223 1px solid;
	float:left;
	margin:11px 22px 0 0;
	width:100px;
}

html>body .pics {
	font-size:16px;
	height:120px;
	left:40px;
	margin:0 auto;
	padding:10px 0 0 5px;
	position:absolute;
	text-align:center;
	top:290px;
	width:400px;
	
}
html>body .thumb {
	border: #BE2223 1px solid;
	float:left;
	margin:11px 22px 0 0;
	width:100px;
}

.video {
	border: #BE2223 1px solid;
	height: 148px;
	width: 351px;
	left:44px;
	margin:0 auto;
	position:absolute;
	top:140px;
}

html>body .video {
	border: #BE2223 1px solid;
	height: 148px;
	width: 351px;
	left:44px;
	margin:0 auto;
	position:absolute;
	top:140px;
}

/* FAQ section */
#FAQ { 
	height:301px;
  left:493px;
  margin:0 auto;
  overflow:auto;
  padding:0px 15px;
  position:absolute;
  text-align:justify;
  top:546px;
  width:435px;
}


#FAQ strong {
	color:#FF077F;
	display:block;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0px 0px 0px 35px;
}


#FAQ .icon {
background:transparent url(http://www.lifetimefacials.com/images/home_box4-faq-li.gif) no-repeat scroll 0 0;
height:18px;
margin:0;
padding:0;
position:relative;
top:15px;
width:32px;
}
/* end FAQ section */


/* end FAQ section */

#form {
	position: absolute;
	top: 120px;
	left: 470px;
	padding: 0px;
	margin: 0px;
	
}
#slideshow {
width:920px;
height:200px;
padding-top:250px;
margin:0 auto;
}