/* Global Reset
----------------------------------------------- */

@import url(reset.css);

/* The Rest...
----------------------------------------------- */
	
	/* Corporate colours:
			Light blue			: #88A0AC;
			Mid Blue (links)	: #336699;
			Dark blue			: #3F6B88;
			
			Light LIGHT Grey	: #DCDCDC;
			Light Grey			: #999999;
			Dark Grey			: #666666;
			
	----------------------------------------------- */
	
body {	
	font-family					: Verdana, Arial, Helvetica, sans-serif;
	font-size					: 12px;
	text-align					: center;
	color						: #666666;
	background-image			: url(/assets/img_0608/body_bg.gif);
	background-attachment		: fixed;
	background-color			: #CDCDCD;
	margin						: 0;
	padding						: 0;
	}
	
.fr{
	float						: right;
	}
	
.fl{
	float						: left;
	}	
	
.cb{
	clear						: both;
	display						: block;	
}
	
.hrHack{ 
	border-bottom				: 1px solid #DCDCDC;
	margin 						: 12px 0 22px 0;
	width						: 33%
}

.clear {
	clear: both;
}

.contentCol_2 .hrHack{
	width						: 66%
}

.hrHack hr{ display				: none;}

		
/* Typography...
----------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	color						: #88A0AC;
	font-family					: "Times New Roman", Times, serif;
	font-weight					: normal;
	}
		
	h1	{
		font-size				: 32px;
		color					: #3F6B88;
		}
		
	#content h1	a, #content h1 a:link,#content h1 a:visited, #content h1 a:hover{
		font-size				: 32px;		
		text-indent				: -9999px;
		color					: #3F6B88;
		background-image		: url(/assets/img_0608/h1_H&J_logo.gif);
		background-repeat		: no-repeat;
		background-position		: right top;
		height					: 128px;
		width					: 235px;
		padding					: 0px;
		margin					: 0 0px 14px 0px;	
		float					: right;	
		border-bottom			: none;
		}
	
	h2.pageTitle{	
		font-size				: 40px;
		margin					: 0 0 0 0;	
		padding 				: 12px 0 6px 6px;
		width					: 620px;
		clear					: both;
		}
		
	.contentCol_1 h3 {	
		font-size				: 36px;
		margin					: 0 0 0 -38px;
		padding 				: 0.3em 0 0.2em 0;
		clear					: both;
		}
	
	h3 {	
		font-size				: 45px;
		margin					: 0;
		padding 				: 0.4em 0 0 0;
		clear					: both;
		}	
		
	.contentCol_1 h4 a, .contentCol_1 h4 :link, .contentCol_1 h4 :visited {	
		font-size				: 20px;
		color					: #3F6B88;
		padding					: 0;
		margin					: 0;
		border-bottom			: none;
		font-weight				: 600;	
		display					: block;	
		}
		
	.contentCol_1 h4, .articleTitle{	
		font-size				: 20px;
		color					: #3F6B88;
		padding					: 0.6em 0 0.2em 0;
		margin					: 0 0 0.4em 0;
		border-bottom			: 1px solid #3F6B88;
		font-weight				: 600;	
		display					: block;	
		clear					: both;
		}

	.news .contentCol_1 h4{	
		padding					: 0.4em 0 0.2em 0;
		margin					: 0.4em 0 0.2em 0;
	}
			
	.contentCol_2 h4, .contentCol_2 h4 a {
		color 					: #88A0AC;
		font-size				: 30px;
		border-bottom			: none;
		padding 				: 0 0 0.4em 0;
		margin	 				: 0;
	}
	
	.contentCol_2 h4.dateYear{		
		padding 				: 0 0 0 0;
	}
	
	.contentCol_2 h5, .contentCol_2 h5 a, .contentCol_2 .spotlightPerson h5 a{
		color 					: #88A0AC;
		font-size				: 20px;
		border-bottom			: none !important;
		padding 				: 0 0 0.4em 0;
		margin	 				: 0;
	}	
	
	
	.contentCol_2  img{
		padding						: 0 0 6px 0;
	}
		
	#footer h6 {
		font-size				: 32px;
		font-weight				: normal;
		text-indent				: -9999px;
		color					: #88A0AC;
		background-image		: url(/assets/img_0608/Footer_H&J_logo.gif);
		background-repeat		: no-repeat;
		background-position		: right top;
		height					: 128px;
		width					: 235px;
		padding					: 0px;
		margin					: 0 0 0 6px;		
		}		
		
	p{
		line-height				: 17px;
		line-height				: 1.6em;
		/*padding 				: 0.4em 0 1em 0;*/
		padding 				: 0 0 1.2em 0;
		margin 					: 0;
	}
	
	p.introduction{
		font-size				: 24px;
		line-height				: 30px;
		color					: #88A0AC;
		font-family				: "Times New Roman", Times, serif;
		font-weight				: 550;
		padding 				: 0.1em 0 0.6em 0;
		}
		
		
	p.introduction strong {
		color					: #3F6B88;
		font-weight				: normal;
		font-size				: 26px
		}

			
	p.credit{
		color					: #3F6B88;
		font-size				: 17px;
		font-family				: "Times New Roman", Times, serif;
		font-weight				: bold;
		float					: right;
		}
		
	p.small{
		font-size				: 10px;		
		}
		
	p.date{
		color					: #999999;
		font-size				: 12px;
	}
	
	P.apply_error {
		font-weight: bold;
		color: #f00;
	}
	
	blockquote{
		font-family				: "Times New Roman", Times, serif;
		color					: #3F6B88;
		font-size				: 12px;
		font-size				: 28px;
	}
	
	blockquote p {		
		line-height				: 1.2em;
		padding					: 0.4em 0 0.4em 0;
		}	
		
	#foodFacts p{
		font-size				: 12px;		
		padding 				: 0;
		margin 					: 0em 0 1.4em 0;
	}
		
		
	#footer p{		
		font-size				: 10px;	
		color					: #88A0Ac;
		text-align				: right;
		border-top				: 1px solid #88A0AC;
		padding					: 6px;
		margin					: 10px 18px 10px 20px;				
	}
		
	.hj{
		color					: #88A0AC;
		font-family				: "Times New Roman", Times, serif !important;
	}
			
/* Layouts...
----------------------------------------------- */
#container{
	background-color			: #FFFFFF;
	width						: 958px;
	margin						: 0 auto;
	padding						: 0;	
	text-align					: left;
	/*
	border-left					: 1px solid #808080;
	border-right				: 1px solid #808080;
	*/
	}

#content{

	/*
	23-06-08: Voyage - Chris' Amends
	border-left					: 6px solid #88A0AC;
	border-right				: 6px solid #3F6B88;
	*/
	background-image			: url(/assets/img_0608/bg_content.gif);
	background-repeat			: repeat-y;
	
	margin						: 0;
	padding						: 0;
	overflow					: visible;
	/* HACK: for spacing bug */
	/*border-bottom				: 1px solid #FFFFFF;*/
		
	}


/* START: COLUMNS */	
#col_1, #col_2{
	margin						: 0 0 1em 0;
}

#col_1, .contentCol_1{
	/*width						: 632px;*/
	width						: 536px;
	padding						: 0 54px 0 42px;
	float						: left;
	}
	
#col_2, .contentCol_2{
	float						: left;
	width						: 250px;
	/*	
	23-06-08: Voyage - Chris' Amends
	padding						: 0 0px 0 64px;
	*/
	padding						: 0 0px 0 70px;
	}
		
.contentCol_1 {
	border-right				: 1px solid #999999;
	/*margin					: -40px 0 0 0;	*/	
	}	
	
.contentCol_2 {
	width						: 220px;
	/*padding						: 0 42px 0 0;*/
	}	
	
.contentCol_1 ul {
	list-style					: circle;
	padding						: 3px 12px;
	}

.contentCol_1 li, .contentCol_2 li{
	padding						: 6px 0;
	}

.contentCol_2 dl{
	padding						: 0;
	margin 						: 0;
	}
/* END: COLUMNS */	

/* {igm1class} */
/*
Left
Right
Full-size
Hidden
*/
.imageLeft{
	float						: left;
	padding						: 6px 12px 2px 0px;
	margin						: 0;
}
.imageRight{
	float						: right;
	padding						: 6px 0px 4px 12px;	
	margin						: 0;
}
.imageFullsize{
	float						: none;
	padding						: 0px 0px 4px 0px;	
	margin						: 0;
	clear						: both;
}
.newsImgLeft{
	float						: left;
	padding						: 20px 12px 2px 0px;
	margin						: 0;
}
.newsImgRight{
	float						: right;
	padding						: 20px 0px 4px 12px;	
	margin						: 0;
}



/**/
#slideContainer{
	height						: 356px;
	max-height					: 356px;
	overflow 					: hidden;
}

.homeSlide{
	position					: relative;
	background-repeat			: no-repeat;
	background-position			: right top;
	width						: 535px;
	padding 					: 0 0 0 0;
	margin 						: 0 0 20px 0;
}

.homeSlide .tint{
	position					: absolute;
	bottom						: 0;
	background-image			: url(/assets/img_0608/tint_bg.png);
	width						: 536px;	
	height						: 50px;
	display						: table-cell;
	vertical-align				: middle;
}

.homeSlide .tint p{
	color						: #FFFFFF;	
	padding						: 0 12px;
	line-height					: 50px;
}

/**/

#adouter{
	/*position: absolute;*/
	/*float:left;*/
	padding:0 0 0 700px;
}

#ads{
	position: relative;
	margin-bottom: 38px;
}

#ads a{
	position: absolute;
	top: 0;
}

#ads a, #ads :link, #ads :visited {
	color:#FFFFFF;
	border: none;
}


/* Person / Peoples spot light */
.spotlightPerson{
	background-image			: url(/assets/img_0608/bg_curver_btm.jpg);
	background-repeat			: no-repeat;
	background-position			: right bottom;
	margin-bottom				: 38px;

}

.spotlightPerson h4{
	color 						: #FFFFFF;
	font-size					: 21px;
	text-decoration				: none;
	padding						: 0 0 0.2em 22px;
	margin						: 0;
	background-image			: url(/assets/img_0608/bg_curver_top.jpg);
	background-color			: #3F6B88;
	background-repeat			: no-repeat;
	background-position			: left top;
}

.spotlightPerson h4 strong{
	color						: #FFFFFF;
	text-decoration				: none;
	display 					: block;
	padding						: 8px 0px 6px 0;
	background-image			: url(/assets/img_0608/bg_curver_top.jpg);
	background-color			: #3F6B88;
	background-repeat			: no-repeat;
	background-position			: right top;
	font-weight					: normal;
}
.spotlightPerson h5{
	font-size					: 23px;
	margin						: 0px;
	padding						: 8px 0px 6px 14px;
}

.spotlightPerson p{
	font-size					: 12px;
	line-height					: 1.4em;
	padding						: 0 14px 0.5em 14px;
}

.spotlightPerson  .divide{
	background-image 			: url(/assets/img_0608/bg_curver_btm.jpg);
	background-repeat 			: no-repeat;
	background-position 		: left bottom;
	width    					: 20px;
	margin						: 12px 0 38px 0;
}

.spotlightPerson  img{
	padding						: 0 0 6px 14px;
}
/* START: News */
h3 a.archive{
	font-size					: 18px;
	margin						: 0 0 0 238px;
}




/* START: Footer */					
#footer{	
	/*
	23-06-08: Voyage - Chris' Amends
	border-left					: 6px solid #88A0AC;
	border-right				: 6px solid #3F6B88;
	*/
	background-image			: url(../img_0608/bg_content.gif);
	background-repeat			: repeat-y;	
	border-bottom				: 1px solid #808080;
	border-top					: none;
	margin						: 0 0 0 0;
	padding						: 0 0 0 0;
	}
	
#Extranet{
	background-color			: #808080;
	font-family					: "Times New Roman", Times, serif;
	font-size					: 12px;		
	color						: #FFFFFF;	
	display						: block;
	height						: 28px;
	line-height					: 28px;
	margin						: 0 0 90px 90px;
	padding						: 0pt 10px;
	position					: absolute;
	text-align					: center;
}

			
/* Navigation
----------------------------------------------- */
a, :link, :visited {  
	color						: #3F6B88;
	border-bottom				: 1px solid #3F6B88;
	}
	
a:hover{
	border-bottom				: 1px solid #CCCCCC;
	
}	
	
.digestMore{
	padding						: 0 0 2px 0;
	clear:both;
}



#Extranet a, #Extranet :link, #Extranet :visited, #Extranet :active{
	color						: #FFFFFF;
	border-bottom				: 1px solid #FFFFFF;
}

.homeSlide .tint a, .homeSlide .tint :link, .homeSlide .tint :visited {
	color						: #FFFFFF;
}
	
ul.menu{
	padding						: 0 0 0 16px;
	}
			
.menu li{
	font-family					: "Times New Roman", Times, serif;
	font-size					: 20px;
	line-height					: 1.4em;	
	}	

.menu li a, .menu li :link, .menu li :visited, .menu li :active{
	color						: #88A0AC;
	border-bottom				: 1px solid #FFFFFF;
	}	

	.about_harbour_and_jones .about,
	.welcome .menu li a.welcome,	
	.the_way_we_think .menu li a.think,	
	.customers_and_suppliers .menu li a.customers_and_suppliers,
	.food_for_thought .menu li a.food,
	.opportunities_with_us .menu li a.opportunities,
	.jobs .menu li a.opportunities,
	.news .menu li a.news,
	.contact_us .menu li a.contact,
	.press .menu li a.press{
		color					: #3F6B88 !important;
		border-bottom			: 1px solid #3F6B88 !important;
		font-weight 			: bold !important;
		}
	
		
.menu li :hover{
	color						: #88A0AC;
	border-bottom				: 1px solid #3F6B88;
}	
/* ...
----------------------------------------------- */	

div.video_embed {
	margin: 0 0 10px 0!important;
}