@import url(hover.css) screen;


* {
	margin:0;
	padding:0;
	}
	


body {
	background-color:#676767;
	text-align:center;
	}

#wrap {
	margin:10px auto 0 auto;
	width:975px;
	height:600px;
	background:url(../images/site-bg.jpg) left top no-repeat;
	position:relative;
	}
	
#nav {
	background:url(../images/nav-content-bg.png) left top repeat-x;
	width:100%;
	height:61px;
	}
	
* html #nav {	
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='images/nav-content-bg.png',
      sizingMethod='scale');
	}
	
/* to accommodate changing bg on hover*/

	
.spacer-bg-off {
	height:126px;
	}
	
.spacer-bg {
	height:126px;
	background:url(../images/spacer-content-bg-2.png) left top repeat; 
	}
	
	
* html .spacer-bg {	
	height:126px;
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
      src='images/spacer-content-bg-2.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;
	}
	
ul#main-nav {
	float:right;
	width:645px;
	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 a {
	display:block;	
	text-decoration:none;
	z-index:100;
	height:1%;
	}
	
#main-nav li ul li {
	width:300px;
	margin-top:10px;
	}
	
#main-nav li a#about-lifebook {
	text-indent:-3000em;
	width:118px;
	background:url(../images/nav-about-lifebook-1.gif) no-repeat;
	}
	
#main-nav li a#about-lifebook:hover {
	background:url(../images/nav-about-lifebook-over.gif) no-repeat;
	}
	
#main-nav li a#about-you {
	text-indent:-3000em;
	width:78px;
	background:url(../images/nav-about-you.gif) no-repeat;
	}
	
#main-nav li a#about-us {
	text-indent:-3000em;	
	width:67px;
	background:url(../images/nav-about-us.gif) no-repeat;
	}
	
#main-nav li a#assessment {
	text-indent:-3000em;
	width:130px;
	background:url(../images/nav-assessment.gif) no-repeat;
	position:relative;
	bottom:2px;
	}
	
#main-nav li a#register-now {
	text-indent:-3000em;
	width:82px;
	height:12px;
	background:url(../images/nav-register.gif) no-repeat;
	position:relative;
	bottom:2px;
	}
	
#main-nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

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

li#first-list {
	border:1px solid red;
	}

	
/******* center content ********/

#content {
	text-indent:-3000em;
	display:block;
	width:975px;
	height:307px;	
	background:url(../images/main-content-bg.png) left top repeat;
	}
	
/* 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;
	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 */
	}