/*
Palette
======
green: 449472
pale green: 4E9292
rust: 963501

*/

#hmecontent {float: left; width: 600px;}
#hmesickkids {float: right; width: 100px;}

/* Reset margin, padding */
body, ul, form {
	margin:0;
	padding:0;
}
body{	
	text-align:center;
	background:#adaca7;
	font-family:verdana, arial, sans-serif;
	font-size:70%;
}


#wrapper{
	margin:40px auto;
	width:760px;
	text-align:left;
}

#header{
	float:left;
	width:758px;
	height:15.1em;
	position:relative;	
	border:1px solid #449472;
	background:#fff;
}


#header h1{
	margin:0;
	padding:0;
	font-size:2.4em;
	font-family:geneva, arial, sans-serif;
	position:absolute;
	top:38px;
	left:20px;
	width:123px;
	height:114px;
}

#header h1 a{
	display:block;
	width:122px;
	height:114px;
	background:url('../img/fj_logo.gif') left top no-repeat;
}

/* MAIN NAVIGATION */

#navigation {
	position:absolute;
	top:-1px;
	right:0px;
	float:right;
	width:758px;
	margin:0;
	font-weight:normal;	
	padding:0px;
	font-family:verdana, arial, sans-serif;
	border-top:1px solid #4E9292;

}
	
	#navigation ul#nav{
		width:758px;
		float:right;
		padding-bottom:1px;
		background:#f6f5f0 url('../img/dot.gif') left bottom repeat-x;

	}

	#navigation a.mainNav {
		float:left;
		font-size:1em;
		display:block;
		width:85px;
		height:21px;
		line-height:1.9em;
		background:#f6f5f0;
		color:#449472;
		text-decoration:none;
		font-weight:normal;
		text-align:center;
		border-left:1px solid #B5B5B5;
	
	}
	
	#p1 #m1 a.mainNav, 
	#p8 #m8 a.mainNav, 
	#p2 #m2 a.mainNav, 
	#p5 #m5 a.mainNav 
	{

	}

	#navigation li#m2 a.mainNav {width:100px; 
	/* removed 2012-01-12 */
	}



	#navigation li#m1 a.mainNav {width:159px; 
		border-left:none;
	}

	#navigation li#m3 a.mainNav {width:118px}
	#navigation li#m4 a.mainNav {width:118px}
	#navigation li#m5 a.mainNav {width:118px}			
	#navigation li#m6 a.mainNav {width:119px}			
	#navigation li#m7 a.mainNav {width:119px}				
	#navigation li#m8 a.mainNav {width:119px}

	a.mainNav:visited {
		color:#ADC0D4;
	}
	
	a.mainNav:hover {
		color:#555;
		background:#fff;
		text-decoration:none;
	}	
	

	#p1 #m1 a.mainNav,
	#p2 #m2 a.mainNav, 
	#p3 #m3 a.mainNav, 
	#p4 #m4 a.mainNav, 
	#p5 #m5 a.mainNav, 
	#p6 #m6 a.mainNav,
	#p7 #m7 a.mainNav,
	#p8 #m8 a.mainNav{	
		background:#fff;
		color:#999;

	}	
	#p1 #navigation #m1 a.mainNav{
		background:#fff;
		color:#999;
	}
	#p1 a.mainNav:hover,
	#p2 a.mainNav:hover, 
	#p3 a.mainNav:hover, 
	#p4 a.mainNav:hover, 
	#p5 a.mainNav:hover, 
	#p6 a.mainNav:hover,
	#p7 a.mainNav:hover{
		color:#555;
		text-decoration:none;
	}		
	
	
	/* DROP DOWN */
	
	#navigation ul {
		padding:0px;
		margin: 0px;
		list-style: none;
	}
	
	#navigation li {
		float: left;
		position: relative;
		padding:0px;
		z-index:0;
 	}


/*	Leave active dropped down visible */
	#p1 #m1 ul,
	#p2 #m2 ul,
	#p3 #m3 ul,
	#p4 #m4 ul,
	#p5 #m5 ul,
	#p6 #m6 ul, 
	#p7 #m7 ul{
		display: block;
		z-index:0;
	}	

	/* fix z-index for dropdowns */
#p6 #m6{z-index:0;}
#p6 #m3, 
#p6 #m4{z-index:100;} 

	li ul {
		display: none; 
		top:21px;
		position: absolute;
		left:-2px;
		width:250px;
		border-top:1px solid #B5B5B5;
		border-left:2px solid #eee;
	}
	
	
	#m7 ul{
	width:118px;
		border-top:1px solid #B5B5B5;
	}
	#p1 #m1 ul,
	#p2 #m2 ul,
	#p3 #m3 ul,
	#p4 #m4 ul,
	#p5 #m5 ul,
	#p6 #m6 ul, 
	#p7 #m7 ul{
		left:0;
		border-left:none;
	}

	li#m7 ul{
		left:-12px;

	}


	#p7 #m7 ul{
		left:-11px;

	}

	
	li:hover ul, li.over ul {
		display: block;

	}


	
	ul li ul li  {
		float: none;
	}
	
		
		ul li ul li a{
			display:block;
			width:125px;
			padding:0px 10px;
			height:1.8em;
			line-height:1.8em;
			font-weight:normal;
			font-size:.9em;
			background:#f6f5f0;
			color:#449472;
			text-decoration:none;
			border:1px solid #B5B5B5;
			border-top:none;
		}
	
	#p1 #m1 ul li a,
	#p2 #m2 ul li a,
	#p3 #m3 ul li a,
	#p4 #m4 ul li a,
	#p5 #m5 ul li a,
	#p6 #m6 ul li a, 
	#p7 #m7 ul li a{
		text-decoration:none;
		background:#fff;
		border-color:#ddd;

	}
	
		
	#m3 ul li a{ /* wider  */
		width:215px;
	}	
	#m4 ul li a{ /* wider  */
		width:245px;
	}		
		
	#m7 ul li a{  /* narrower */
		width:110px;
	}
	
		
	ul li ul li.on a, ul li ul li.on a:visited{	
	 /*  on state for dropdown links */
		color:#999;
	}
	
	ul li ul li a:visited {
		color:#449472;
	}
	
	ul li ul li a:hover {
		color:#963501;
		background:#fff;
		text-decoration:none;
	}


#main{
	clear:both;
	float:left;
	position:relative;
	width:758px;
	border:1px solid #449472;
	border-top:none;
	background:#fff;
}

	#p1 #main{
		background-image:none;	
	}
	/*
	#p2 #main{
		background-image:url('../img/shape-1.gif');	
	}
	#p3 #main{
		background-image:url('../img/shape-2.gif');	
	}
	#p4 #main{
		background-image:url('../img/shape-3.gif');	
	}
	#p5 #main{
		background-image:url('../img/shape-4.gif');	
	}
	#p6 #main{
		background-image:url('../img/shape-5.gif');
	}
	#p7 #main{
		background-image:url('../img/shape-6.gif');	
	}
	#p7 .logo_off #main{
		background-image:none;
	}
	*/


#strap{
	float:left;
	width:758px;
	height:13.5em;
	position:relative;
}

	#p1 #strap{
		background:#0175C8 url('../img/strap_bg01.jpg') left top no-repeat;
	}
	#p2 #strap{
		background:#0175C8 url('../img/strap_bg.jpg') left top no-repeat;
	}	
	#p3 #strap{
		background:#0175C8 url('../img/strap_bg03.jpg') left top no-repeat;
	}	
	#p4 #strap{
		background:#0175C8 url('../img/strap_bg04.jpg') left top no-repeat;
	}	
	#p5 #strap{
		background:#0175C8 url('../img/strap_bg05.jpg') left top no-repeat;
	}	
	#p6 #strap{
		background:#0175C8 url('../img/strap_bg06.jpg') left top no-repeat;
	}	
	#p7 #strap{
		background:#0175C8 url('../img/strap_bg07.jpg') left top no-repeat;
	}
	#p8 #strap{
		background:#0175C8 url('../img/strap_bg02.jpg') left top no-repeat;
	}
	

	#strap #features{
		position:absolute;
		right:16px;
		top:18px;
		width:282px;
		height:11em;
/*		background:#F5FAFD url('../img/feature_divider.gif') left top no-repeat;*/
		background:#F5FAFD ;
		font-family:verdana, arial, sans-serif;
	}
	#strap #features h2{
		margin:0;
		padding:0 10px .2em;
		font-size:1.1em;
		color:#333;
	}
	#strap #features p{
		margin:0;
		padding:.2em 10px;
		font-size:1em;
		color:#333;
	}	
	
	#strap #features a, #strap #features a:visited {
		color:#449472;
		text-decoration:none;		
	}		
	
	#strap #features a:hover {
		color:#000;
		text-decoration:none;		
	}			
/*
	#strap .feature_col{
		float:left;
		margin-top:17px;
		width:147px;
	}
*/	
	#strap .feature_col{
		float:left;
		margin-top:17px;
		width:282px;
	}
	#strap .narrow{
		width:135px; /* right panel */
	}


/*  quotes */
#quote, #quote-byline{
	clear:left;
	float:left;
	margin:20px 0 0 50px;
	display:inline;
	width:470px;
	color:#fff;
}
#main #quote p{
	margin:0;
	padding:0;
	font-size:1.5em;
	color:#fff;

}

#quote-byline{
	margin:5px 0 0 50px;
	height:30px;
}
#quote-byline p{
	margin:0;padding:0;
	font-size:1em;
	color:#fff;
	line-height:1.1em;
}
#main #quote p.note{
	margin:.2em 0;padding:0;
	font-size:1em;
	color:#fff;
	line-height:1.1em;
}

/* slideshow */	
#slide-images{
	position:absolute;
	top:0px;
	left:0px;
	display:block;
	margin:0px;
	padding:0px;
	width:759px;
	height:153px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}
#slide-images li{ visibility: hidden; } 
#slide-images { 
	background-position: center center;
	background-repeat:no-repeat; 
}
#slide-images li img{
	display:block;
	background-color:#FFFFFF;
	padding:0px;
}




#content{
	clear:left;
	float:left;
	width:460px;
	padding-bottom:1.5em;
	min-height:20em;
	height:auto !important;
	height:20em;

}
.wide #content{
	width:100%;

}
#content p, #content h2, #content h3, #content h4, #content h5, #content ul, #content ol, #content dl {
	padding-left:50px;
	padding-right:50px;
	font-family:verdana, arial, sans-serif;
}
#content table {
	margin-left:50px;

	font-family:verdana, arial, sans-serif;
}

	#content ul, #content ol{
		padding-left:85px;
		color:#333;
	}
	#content ul{
		list-style-type:square;
	}
	#content ul.plain{
		list-style-type:none;
	}	
	#content li{
		margin-bottom:.5em;
		font-size:1em;
	}

	#content h2{
		font-size:1.3em;
		color:#333;
	}
	#content h3{
		margin:1em 0;
		font-size:1.3em;
		color:#333;
	}
	#content h4{
		font-size:1.1em;
		color:#555;
	}
	#content h5{
		font-size:1em;
		font-weight:bold;
		font-style:italic;
		color:#555;
	}
	#content h3#heading_consumer{
		margin:.5em 0 0 50px;
		padding:0;
		height:1.5em;
		display:block;
		width:300px;
		font-size:1.25em;
		color:#333;
		background:#fff url('../img/heading_consumer.gif') left bottom no-repeat; 
	}


	
	#content p, #extra p{
		font-size:1em;
		line-height:1.5em;
		color:#333;
	}
	#content p.note{
		font-size:.9em;
		line-height:1.5em;
		color:#555;
	}	
	
	#extra p{
		color:#666;
	}
	
	
	#content a, #content a:visited, 
	#extra a, #extra a:visited {
		color:#449472;
		text-decoration:none;
	}			
	#content a:hover, #extra a:hover {
		color:#000;
		text-decoration:none;
	}			
	#content dl.plain dt, #content dl.plain dd{
		float:left;
		font-size:1em;
		line-height:1.5em;
		color:#333;
		margin:0;
		padding:0;
	}
	
	#content dl.plain dt{	
		clear:left;
		width:110px;
		margin-bottom:1em;
		margin-right:10px;
		text-align:right;
	}
	#content dl.plain dd{
		width:500px;
		font-size:1em;
		line-height:1.5em;
		color:#555;
		margin-bottom:1em;
		padding-left:10px;
		border-left:1px solid #ccc;
	}
	.indent{
		margin-left:50px;
	}
	.footpad{
		padding-bottom:1.5em;
	}
	
#extra{
	float:left;
	width:298px;
	font-family:verdana, arial, sans-serif;	
	padding-bottom:11em;
}
	#extra h2, #extra p{
		padding-right:18px;
	}

	#extra h2{
		font-size:1.4em;
		color:#666;
		margin-top:3.5em;
	}
	
	#extra h2#industry_overview{
		padding:6em 0 0 0;
		margin:.2em 0 0 0;
		font-size:1.4em;
		color:#666;
		display:block;
		height:2.1em;	
		background:#fff url('../img/industry_overview.gif') left bottom no-repeat;
	}	

#extra #subNav{
	float:left;
	width:297px;
	list-style:none;
}
	#extra #subNav li{	
		float:left;
		width:297px;
		margin:0;
		background:#f6f5f0;
		border-left:1px solid #b5b5b5;
		border-bottom:1px solid #b5b5b5;
	}
	#extra #subNav li.on{
		background:#fff;
	}	
	#extra #subNav li{
		display:block;
		margin:0;		
	}	
	#extra #subNav li a, #extra #subNav li a:visited{
		padding:.5em 18px .5em 18px;
		color:#449472;
		display:block;
		width:261px;

	}
	#extra #subNav li.on a, #extra #subNav li.on a:visited{
		color:#666;
	}	
	#extra #subNav li a:hover{
		background:#fff;
		color:#963501;
	}		




#search{
	float:left;
	width:298px;
	background:#000;	
	border-bottom:1px solid #000;
	height:4.3em;	
	margin-bottom:3.5em;
	font-family:arial, sans-serif;
}
#content_header{
	height:4.3em;
/* Matches height of #search */
	position:relative;
	background:#000;
	float:left;
	width:460px;
	padding-bottom:1px; /* to match search border  */
	margin-bottom:2.1em;
}
	.wide #content_header{
		width:100%;
	}	


#p1 #content_header{ /* Home section is plain white*/
	background:#fff;
	padding-bottom:1px; /* to match search border  */
	margin-bottom:2.1em;
}

	#content_header h2{
		position:absolute;
		bottom:0px;
		display:inline;
		left:50px;
		margin:0;
		padding:0;
		width:300px;
		display:block;
		height:34px;
	}
	
	/* news */			
	.news #content_header h2{
		background:url('../img/heading_news.gif') left bottom no-repeat;

	}					
	#p2 #content_header h2{
		background:url('../img/heading_where_we_work.gif') left bottom no-repeat;
	}	
	#p3 #content_header h2{
		background:url('../img/heading_our_expertise.gif') left bottom no-repeat;
	}
	#p4 #content_header h2{
		background:url('../img/heading_our_services.gif') left bottom no-repeat;
	}
	#p5 #content_header h2{
		background:url('../img/heading_disciplines.gif') left bottom no-repeat;
	}	
	#p6 #content_header h2{
		background:url('../img/heading_our_team.gif') left bottom no-repeat;
	}		
	#p7 #content_header h2{
		background:url('../img/heading_contact_us.gif') left bottom no-repeat;
	}
	#p8 #content_header h2{
		background:url('../img/heading_our_partners.gif') left bottom no-repeat;
	}


	#search form{
		padding:0;
		margin:1em 0 0 0;
		float:left;
		width:297px;
	}
	
	#search label{
		float:left;	
		font-size:1em;
		width:100px;
		margin-left:36px;
		display:inline;
		text-align:right;
		font-weight:bold;
		line-height:2.1em;
		height:2.1em;
	}	
	
	
	#search div{
		display:inline;	
		margin-left:8px;
		width:134px;
		float:left;		
		border:1px solid #b5b5b5;
		background:#fff;

	}
	#search input{
		display:inline;
	}		
	
	#search input#query{
		font-size:1em;
		border:0;
		width:100px;
		float:left;
		color:#449472;
		text-indent:2px;
	}			
	
	#search input#search_submit{
		float:left;
		width:24px;
		border-left:1px solid #b5b5b5;		
	}			


.news_item{
	clear:left;
	float:left;
	width:750px;
	margin-bottom:1em;
}
#main .news_item p{
	margin:0;padding:0;
}

.news_date{
	color:#999;
	float:left;
	width:130px;
	margin-left:50px;
	display:inline;
	text-align:right;
}
#main .news_date p{
	color:#666;

}

.news_details{
	float:left;
	width:270px;
	padding-left:10px;
	margin-left:10px;
	display:inline;
	border-left:1px solid #999;
}
.news_image{
	float:left;
	width:250px;
	padding-left:10px;

}


#footer{
	font-family:verdana, arial, sans-serif;	
	float:left;
	width:758px;
	padding:1em 0;
}

	#footer ul{
		float:left;
		width:500px;
		display:inline;
		list-style:none;
	}
	
	#footer ul li{
		font-size:1em;
		float:left;		
		text-align:left;
		/* border-left:1px solid #fff; */
	}	
	
	#footer ul li.end{
		text-align:left;
		border-left:none;
		
	}		
	
	#footer ul li.end{
		border-right:none;
	}			
	#footer ul li a, #footer ul li a:visited{
		display:block;
		color:#fff;	
		text-decoration:none;		
	}		
	#footer ul li a:hover{
		color:#555;

	}			


#copyright {
	font-size:1em;
	width:200px;
	float:right;
	color:#fff;
	margin:0;
	padding:0;
	text-align:right;
}

/*
Misc. Classes
*/

.team{
	padding-top:2em;
	padding-bottom:2em;
}
a.pdf{
	padding:5px 0 5px 25px;	
	background:url('../img/pdf_icon.gif') left center no-repeat;
}
.off{
	display:none;
}

.cleaner{
	clear:both;
}

.clear_right{
	clear:right;
}

.clear_left{
	clear:left;
}

#anniversary-link {	position:absolute;
	top:50px;
	left:470px;
	width: 277px;
	text-align: right;
	color: #449472;}
	
img {border: 0;}