/*********************************************
*	Theme name: 865 - Futures Inc.
*	Author: www.psdtohtmlcss.com
*	Date: July 23, 2010
*********************************************/



/* Wrap */
/* ----------------------------------------- */

#wrap {
	margin:				0 auto;
	width:				885px;
}

/* Header */
/* ----------------------------------------- */

#header {
	height:				65px;
	position:			relative;
}

/*** logo ***/

#logo {
	height:				65px;
	left:				0;
	top:				0;
	position:			absolute;
	width:				251px;
}

#logo a:link,
#logo a:visited {
	background:			url(../images/logo.jpg) no-repeat scroll 0 0;
	display:			block;
	height:				65px;
	overflow:			hidden;
	text-indent:		-1000px;
	width:				251px;
}

/*** menu ***/

#menu {
	height:				16px;
	top:				30px;
	right:				0;
	position:			absolute;	
	width:				480px;
	z-index:			1000;	
}

#menu ul {
	margin:				0;
	padding:			0;
}

#menu ul li {
	background:			url(../images/menu-divider.jpg) no-repeat scroll 100% 50%;	
	display:			inline;
	float:				left;
	position: 			relative;
	padding:			0px 5px;
}

#menu ul li.last {
	background:			none;
}

#menu ul li a:link,
#menu ul li a:visited,
#menu ul li a:active {
	cursor:				pointer;
	display:			inline;
	float:				left;
	font-size:			15px;	
	padding:			0 0 0 4px;
}

#menu ul li a span {
	display:			inline;
	float:				left;	
	padding:			10px 15px;
}

#menu ul li.active a,
#menu ul li a:hover,
#menu ul li.sfHover a  {
	background: url(../images/menu-left.png) no-repeat scroll 0 0;
	
}

#menu ul li.active a span,
#menu ul li a:hover span,
#menu ul li.sfHover a span {
	background: url(../images/menu-right.png) no-repeat scroll 100% 0;
}

/*** sub menu level 1 ***/

#menu ul ul {
	background:			url(../images/menu-dd-bottom.png) no-repeat scroll 0 100%;
	position: 			absolute;	
	left:				5px;
	top:				35px;
	width:				238px;
	
}

#menu ul ul  li {		
	background:			none;
	display:			block;
	float:				none;
	padding:			0 10px;
}

#menu ul ul  li.last a:link,
 #menu ul ul  li.last a:visited {
	border-bottom:				0;	
}

#menu ul ul  li a:link,
#menu ul ul  li a:visited {
	border-bottom:		1px solid #a0b2d7;	
	display:			block;
	float:				none;
	height:				15px;
	margin: 			0;		
	padding:			8px 15px;	
}

/* Banner */
/* ----------------------------------------- */

#banner {
	background:			url(../images/bg-banner.jpg) no-repeat;
	color:				#2f3b6e;
	height:				331px;	
	margin-bottom:		23px;
	position:			relative;	
	z-index:			1px;		
}

/* Pathway */
/* ----------------------------------------- */

#pathway h2 {
	font-size:			16px;
}

#pathway p {
	color: 				#000001;
}



/* Categories */
/* ----------------------------------------- */

#categories {	
	color:				#2f3b6e;
	margin-bottom:		12px;
	overflow:			hidden;
}

#categories .block {
	display:			inline;
	float:				left;
	height: 			86px;
	margin-right:		4px;
	padding:			85px 10px 0 10px;
	width:				198px;
}

#categories .block.last,
#categories .last {
	margin:				0;
}

#categories h2 {
	font-size: 			16px;	
	font-weight:		bold;
	margin:				0 0 8px 0;
}

#categories p {
	line-height: 12px;
}

#categories #students {
	background: url(../images/bg-categories.jpg) no-repeat;
}

#categories #seekers {
	background: url(../images/bg-categories.jpg) no-repeat -222px 0;
}

#categories #military {
	background: url(../images/bg-categories.jpg) no-repeat -445px 0;
}

#categories #employers {
	background: url(../images/bg-categories.jpg) no-repeat -667px 0;
}

/* Footer */
/* ----------------------------------------- */

#footer {
	background:			url(../images/bg-footer.jpg) no-repeat;
	clear:				both;
	height:				40px;
	overflow:			hidden;
}

#footer .menu {
	float: 				right;
	margin-top:			12px;
}

#footer .menu li {
	display:			inline;
	float:				left;
	padding:			0 45px;
}