* {
	margin:0;
	padding:0;
	}
	
html,body {
	height:100%;
	}

body {
	background-color:#676767;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif
	}

#wrap {
	text-align:left;
	margin:0 auto 0 auto;
	/*width:975px;*/
	width:100%;
	min-width:975px;
	height:1005px;
	/*background:url('../images/site-bg.jpg') left top no-repeat;*/
	background:url(../images/site-bg-wide-3.jpg) left top repeat-x;
	position:relative;
	}
	
#nav {
	background:url(../images/nav-content-bg.png) left top repeat-x;
	width:100%;
	height:61px;
	z-index:200;
	}
	
* html #nav {	
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='../images/nav-content-bg.png',
      sizingMethod='scale');
	}
	
	
#nav h1 {
	width:115px;
	height:41px;
	margin-left:42px;
	padding-top:10px;
	float:left;
	display:inline;
	}
	
#nav h1 a {
	display:block;
	width:115px;
	height:41px;
	background:url(../images/lifebook-logo.gif) no-repeat;
	text-indent:-3000em;
	/*position:relative;
	top:-21px;*/
	}
	
ul#main-nav {
	float:right;
	width:660px;
	margin-top:28px;
	display:block;
	z-index:1000;
	}
	
#main-nav {
	font-family:arial;
	font-size:12px;
	}

#main-nav a {
	color:#a5a5a5;
	}
	
#main-nav a:hover {
	color:#ff0032;
	}
	
#main-nav li {
	float:left;
	margin-right:32px;
	/*display:inline;*/
	text-align:left;
	height:1%;
	
	}
	
#main-nav li.nav-last  {
	margin-right:0;
	}

#main-nav li a {
	display:block;	
	text-decoration:none;
	z-index:100;
	height:1%;
	font-family:arial;
	font-size:13px;
	color:#fff;
	text-transform:uppercase;
	}
	
#main-nav li ul li a {
	color:#a5a5a5;
	text-transform:capitalize;
	}
	
	
#main-nav li ul li {
	width:300px;
	margin-top:10px;
	}

	

	
#main-nav li a#assessment {
	text-transform:uppercase;
	}
	
#main-nav li a#register-now {
	text-transform:capitalize;
	}
	
#main-nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	background:url(../images/menu-bg-ie.gif) no-repeat;
}

#main-nav li:hover ul, #main-nav li.sfhover ul {
	left: auto;
}


	
/******* first panel content ********/

#home .spacer-bg-off {
	height:166px;
	
	}
	
#creating .spacer-bg-off  {
	height:126px;
	}
	
.spacer-bg {
	/*height:126px;*/
	background:url(../images/spacer-content-bg-2.png) left top repeat; 
	color:black !important;
	}
	
.spacer-bg a {
	color:black !important;
	}
	
	
* html .spacer-bg {	
	height:115px; 
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='../images/spacer-content-bg-2.png',
      sizingMethod='scale');
	}
	
.spacer-bg-off  {
	color:white;
	/*border:1px solid red;*/
	}
	
/**lifebook is styles************/
	
.spacer-bg-off h2 {
	margin-bottom:15px;
	padding-left:42px;
	padding-top:30px;
	font-weight:normal;
	}


.sub-menu-list {
	 letter-spacing:3px;
	}

.create-content div.jcarousel-control {
	padding-left:0;
	}
		
div.jcarousel-control {
	letter-spacing:normal;
	padding-left:42px;
	}
	
.sub-menu-list a {
	margin-right:15px;
	color:#a5a5a5;
	text-decoration:none;
	outline:none;
	}
	
.sub-menu-list a:hover {
	color:red;
	}
	
/**creating your lifebook styles********/



.spacer-bg-off  h2.creating-book {
	letter-spacing:3px;
	margin-bottom:10px;
	}

.spacer-bg-off ul.program {
	display:block;
	list-style:none;
	clear:both;
	padding-left:42px;
	letter-spacing:normal;
	height:30px;
	}
	
* html .spacer-bg-off ul.program-top {
	height:32px;
	}

/*center spacing for creating your lifebook pages */	

.create-content #content {
	padding:40px 0 0 0;
	}
	
.create-content .spacer-bg-off ul.program {
	position:relative;
	top:30px;
	}
	
.create-content .spacer-bg-off ul.program-bg {
	position:relative;
	top:38px;
	border-bottom:1px solid #040301;
}

* html .create-content .spacer-bg-off ul.program-bg {
	position:relative;
	top:40px;
	}

.spacer-bg-off ul li {
	/*font-size:.85em;
	letter-spacing:.08em;*/
	}
	
.spacer-bg-off ul.program li {
	float:left;
	}
	
.spacer-bg-off ul.program li a {
	float:left;
	display:inline-block;
	text-decoration:none;
	margin-right:20px;
	color:#a5a5a5;
	}
	
.spacer-bg-off ul.program-top {
	margin-left:-10px;
	}
	
	
.spacer-bg-off ul.program-top li a {
	padding:0 10px;
	height:28px;
	line-height:28px;
	}
	

	
* html .spacer-bg-off ul.program-top li a {
	height:34px;
	padding-bottom:3px;
	}

	
.spacer-bg-off .program-top li a.topnav-select {
	background:url(../images/main-content-bg.png) left top repeat; 
	color:red !important; /*override javascript*/
	}
	
* html .spacer-bg-off .program-top li a.topnav-select {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='images/main-content-bg.png',
      sizingMethod='scale');
	}
	
	
.spacer-bg-off ul li a:hover {
	background-position:left top;
	color:red;
	}
	
/******creating your lifebook links per section***********/

/***OUR PROGRAM***/

a.descrip-link {
	margin-right:10px;
	}

a.descrip-circle {
	text-indent:-3000em;
	width:9px;
	height:9px;
	line-height:9px;
	overflow:hidden;
	background:url(../images/red-circle.jpg) no-repeat;
	background-position:left bottom;
	margin-top:5px;
	margin-right:15px;
	}
	
.philosophy ul.program-top li a.descrip-circle {
	height:9px;
	line-height:9px;
	margin-top:10px;
	margin-right:20px;
	}
	
* html .philosophy ul.program-top li a.descrip-circle {
	height:9px;
	line-height:9px;
	padding-bottom:0;
	margin-top:10px;
	margin-right:20px;
	}
		
	
.philosophy ul.program-top li a.first {
	margin-right:10px;
	}
	
	
a.descrip-circle-highlight { 
	background-position:left top;
	color:red;
	}
	
a.methodology {
	margin-left:20px;
	}


a.meth-circle-highlight, a.meth-circle  {
	text-indent:-3000em;
	width:9px;
	height:9px;
	line-height:9px;
	background:url(../images/red-circle.jpg);
	background-position:left bottom;
	margin-top:5px;
	margin-right:15px;
	overflow:hidden;
	}
	

	
a.methodology {
	margin-left:10px;
	margin-right:15px !important;
	}
	
a.benefits {
	margin-left:10px;
	margin-right:15px !important;
	}
	

ul.creating-nav #description-first {
	width:9px;
	height:9px;
	background:url(../images/red-circle.jpg) left top no-repeat;
	border:1px solid red;
	
	}
	
/*****HOW IT WORKS ***********/

div.works ul.program-bg {
	padding-left:172px;
	}

div.how ul.program-bg {
	padding-left:269px;
}


	
	
div.works .program-bg li {
	margin-right:15px;
	}
	
/*********PACKAGES***********/

div.packages ul.program-bg {
	padding-left:305px;	
	}
	
div.packages ul.program-bg li {
	margin-right:5px;
	}
	
div.packages ul li.bali-last {
	width:200px;
	}
	
/***********PHILOSOPHY************/

.philosophy-rules .create-content #content {
	padding-top:0;
	}
	
.philosophy-rules .create-content .spacer-bg-off ul.program {
	position:relative;
	top:0;
}

.philosophy-rules .spacer-bg-off ul.program-top li a {
	padding:0;
}

.philosophy-rules .spacer-bg-off ul.program-top li a.topnav-select {
	background:none;
	}
	
	
.philosophy-rules .spacer-bg-off ul.program-top {
margin-left:0;
}

.philosophy-rules .spacer-bg-off ul li.menu-adjust {
	margin:0 15px;
	}
/*** center panel content ***/

#content {
	display:block;
	/*width:975px;*/
	width:100%;
	height:307px;	
	background:url(../images/main-content-bg.png) left top repeat;
	overflow:visible;
	}
	
	
#content-flash {
	display:block;
	/*width:975px;*/
	width:100%;
	height:307px;	
	/*background:url(../images/main-content-bg.png) left top repeat;*/
	overflow:visible;
	}
/****for create pages *******/

.create-content .program-bg{
	
	}
	

	
	
/* IE 6 png hack */

* html #content {	
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='../images/main-content-bg.png',
      sizingMethod='scale');
	}

a#content-leftbutton {
	display:block;
	outline:none;
	text-indent:-3000em;
	float:left;
	width:38px;
	height:307px; 
	background:url(../images/content-leftbutton.gif) no-repeat;
	position:relative; /* required for IE6 */
	}
	
a#content-rightbutton {
	display:block;
	outline:none;
	text-indent:-3000em;
	float:right;
	width:38px;
	height:307px;
	background:url(../images/content-rightbutton.gif) no-repeat;
	position:relative; /* required for IE6 */
	}

 
#content span.carousel-item-1-left {
	font-size:26px !important;
	margin-top:50px !important;
	display:block;
	}	
	
#content span.carousel-item-1-left span {
	color:red;
	}
	

/*flipbook adjustments*/

/*.flipbook #main-nav li ul {
	background-color:#000;
	width:200px;
	margin-left:-10px;
	padding-left:10px;
	padding-bottom:10px;
	}*/
	
#footer-links ul {
	float:right;
	width:550px;
	list-style:none;
	padding-top:60px;
	}
	
.explore-lifebook #footer-links ul {
	clear:both;
	float:right;
	width:550px;
	}
	
.explore-lifebook  #content {
	overflow:display;
	}
	
#footer-links li {
	display:inline;
	margin-right:0;
	}
	
#footer-links li a {
	
	font-size:12px;
	text-transform:uppercase;
	
	}
	
/*****explore-lifebook form************/


div#left-button-explore { 
	width:38px;
	height:307px;
	/*display:block;*/
	position:absolute;
	left:0;
	top:227px;
	background:url(../images/blank-button.gif) no-repeat; 
	}
	

	

	

	
div#right-button-explore {
	position:absolute;
	top:227px;
	right:0;
	width:38px;
	height:307px;	
	}
	
div#right-button-explore a {
	width:38px;
	height:307px;
	background:url(../images/content-rightbutton.gif) no-repeat left top;
	display:block;
	}
	
div#right-button-explore a:hover {	
    background:url(../images/arrow-right.png) no-repeat;
	}
	
#explore-details {
	float:left;
	padding-top:30px;
	width:49%;
	/*margin-right:3%;*/
	display:inline;
	}
	
#explore-details h2 {
	padding-left:43px;
	color:red;
	margin-bottom:10px;
	}
	
#explore-details p {
	padding-left:43px;
	padding-right:40px;
	color:#fff;
	font-size:11pt;
	margin-bottom:10px;
	
	}
	
#explore-details label{
	color:#a5a5a5;
	font-weight:bold;
	font-size:12px;
	}
	
#explore-details input {
	background-color:#a5a5a5;
	border:none;
	padding-left:2px;
	}
	
	
div.enter-info {
	float:left ;
	width:140px;
	margin-right:15px;
	display:inline;
	line-height:20px;
	}
	
div.enter-info input {
	padding:3px 0;
	color:white;
	}
	
div.enter-submit {
	padding-top:15px;
	}
	
	
#submit {
	
	width:82px;
	height:31px;
	background:url(../images/submit.gif) no-repeat;	
	}
	
div #bookholder {
	float:right; 
	width:49%; 		
	overflow:visible;
	
	} 
	
div#bookholder img {		
	margin-top:-100px; 
	
	}
	
/**** gallery ************/

.gallery .jcarousel-control a {
	display:block;
	width:9px;
	height:9px;
	
	background:url(../images/red-circle.jpg) no-repeat;
	background-position:left bottom;
	float:left;
	margin-right:15px;
	}
	
.gallery .jcarousel-control a:hover { 
	background-position:left top;
	}