/* 
	Site: Trafigura Graduates
	Date: October 2009 
	Description: Main stylesheet. 
	Version: 1.0 
	Author: Pete Luffman
	Author URI: http://www.merchantmarketinggroup.com 
*/  

/*********************************************** 
				Browser reset
***********************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin:0; 
	padding:0; 
} 
table { 
	border-collapse:collapse; 
	border-spacing:0; 
} 
fieldset,img,hr {  
	border:0; 
}
address,caption,cite,code,dfn,em,th,var { 
	font-style:normal; 
	font-weight:normal; 
} 
ol,ul { 
	list-style:none; 
} 
caption,th { 
	text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
	font-size:100%; 
	font-weight:normal; 
} 
q:before,q:after { 
	content:''; 
} 
abbr,acronym { 
	border:0; 
} 
hr {  
	border:none; 
} 
/*********************************************** 
				Global
***********************************************/

/* Body */ 
body {
	font-size:62.5%; 
	font-family: Helvetica, Arial, sans-serif;
	text-align: center;
	color: #BFBFBF;
	background: #293895;
	}
	
/* Headings */
h1 {
	font-size:4.3em;
	color: #3E4CA0;
	line-height: 0.8em;
	letter-spacing: -0.04em;
	}
h2 {
	font-size: 2.5em;
	color: #949BCA;
	}
h3 {
	font-size: 2.2em;
	color: #FFF;
	margin-bottom: 0.6em;
	border-bottom: 2px solid #293895;
	}
h4 {
	}

/* Anchors */
a { text-decoration: none; color: #FFF;}
a:hover { text-decoration: underline; }
a:focus { outline: none; }

/* Paragraphs */  
p, address {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 1em;
	}
	
::-moz-selection {background: #293895; color: #fff;}  
::selection {background: #293895; color: #fff;} 

/* Lists */
ul, ol { font-size: 1.2em; }

ul li, ol li {
	line-height: 1.5em;
	padding-bottom: 0.3em;
	}

ul li { 
	background: transparent url(../../../../images/template/bullet.gif) no-repeat scroll 0 0.5em;
	padding: 0.3em 0 0.3em 18px; 
	line-height: 1.5em; 
	}	
ul ul { font-size: 1em; }

ol { padding: 0 0 1em 1.6em; }
ol li { padding-left: 0; background:none;}

/* Tables */

td { vertical-align: top; }

/* Misc */
hr { 
	clear: both; 
	background:#E6E6E6; 
	color:#E6E6E6; 
	height: 1px;
	}
noscript {
	display: none;
	}
	
/*********************************************** 
				Layout
***********************************************/

#background { background: url(../../../../images/template/background.png) repeat-x; border-top: 3px solid #293895; width: 100%; }
#wrapper { text-align: left; width: 940px; margin: 0 auto;  }
	
/* 
    Header 
*****************/
  
#header {
    position: relative;
    height: 100px;
    text-align: left;
    border-bottom: 2px solid #4d5270;
	}
	
	/* Logo */ 
	#header h1 a#logo1, #header h1 a#logo2 { position: absolute; text-indent: -999em; display: block; font-size: 0px;}
	#header h1 a#logo1  { 
		bottom:10px; 
		left:0px; 
		background: url(../../../../images/template/trafigura-logo.gif) no-repeat;
		width: 578px;
		height: 55px;
		}
	#header h1 a#logo2  { 
		bottom:9px; 
		right:0px; 
		background: url(../../../../images/template/futuretalent-logo.gif) no-repeat;
		width: 194px;
		height: 22px;
		}	

/* 
    Quick Links 
*****************/		
#quickLinks { background: #293895; zoom:1; }
#quickLinks ul {
	display: block;
	margin: 0 auto;
	padding: 3px 0 0 0;
	width: 940px;
	height: 19px;
	text-align: left;
	font-size: 1.1em;
	}
	#quickLinks ul li {
		display: inline;
		margin-right: 0.8em;
		border-right: 1px solid #A9AFD5;
		line-height: 19px;
		background: none;
		padding: 0 1em 0 0;
		}

/* 
    Banner 
*****************/

#banner {
	height: 375px;
	position: relative;
	background: url(../../../../images/template/background-glow.png) 0 bottom no-repeat;
	}
	#banner .signpost { font-size: 1em; text-transform: none; }
	#banner .signpost a {
		height: 64px;
		line-height: normal;
		width: 298px;
		padding: 10px 30px 0 12px;
		position: absolute;
		z-index: 99;
		background: url(../../../../images/template/signpost-340px-trans.png) no-repeat;
		background-position: 0 0;
		bottom: 32px;
		display: block;
		}
		#banner .first a { left: 120px; }
		#banner .second a { right: 120px; }
		#banner .signpost a span { position: relative; }
		#banner .signpost a .title { font-size: 3.1em;}
		#banner .signpost a .location { font-size: 1.3em; color: #B3B3B3; }
		#banner .signpost a:hover { background-position: -340px 0; text-decoration: none; }
		
	#oil, #metal {
		width: 340px;
		height: 375px;
		position: absolute;
		top: 0px;
		}
	#oil { left: 120px;	}
	#metal { right: 120px;	}

/* 
    Standard Title 
*****************/
	
#title { height: 80px; vertical-align: bottom; padding-top: 40px; background: url(../../../../images/template/title-glow.png) 0 bottom no-repeat; }
#title #subHead { margin: 0 0 0 120px; }

/* 
    Content area
*****************/

#content {
	background: #000 url(../../../../images/template/content-top.png) no-repeat;
	padding: 40px 120px 50px 120px;
	min-height: 420px;
	width: 700px;
	position: relative;
	}
	#content #badge {
		height: 141px;
		width: 141px;
		background: url(../../../../images/template/badge.png) no-repeat;
		display: block;
		position: absolute;
		right:-30px;
		top:-50px;
		}
		#content #badge a { 
			height: 141px;
			width: 141px;
			display: block;
			text-indent: -999em;
			}
			#content h2 {
				margin-bottom: 0.6em;
				}
.home #content {
	min-height: inherit;
	padding-top: 20px;
	}

/* Breadcrumbs */
#breadcrumbs {
	display: block;
	border: 1px solid #333333;
	margin: -25px -105px 25px -105px;
	padding: 0.3em 0.5em;
	width: 895px;
	}
	#breadcrumbs li {
		display: block;
		float: left;
		background: none;
		padding: 0;
		line-height: 15px;
		}
		#breadcrumbs li#home {
			background: url(../../../../images/template/breadcrumb.png) right center no-repeat;
			padding: 0 8px 0 0;
			margin: 0 6px 0 0;
			}
			#breadcrumbs li#home a {
				background: url(../../../../images/template/home.png) right center no-repeat;
				width: 13px;
				height: 15px;
				display: block;
				text-indent: -999em;
				font-size: 1px;
				padding: 0;
				}
			#breadcrumbs li a {
				background: url(../../../../images/template/breadcrumb.png) right center no-repeat;
				padding: 0 15px 0 0;
				margin: 0 6px 0 0;
				}
	
/* Box outs */
.box { border: 2px solid #293895; padding: 15px; margin-bottom: 2em; clear: both; background: #000; }
	.box h3 { border: none; }

/* Content columns */
.col { float: left; width: 340px; margin: 0 0 1em 0; }
	.col1 { padding: 0 10px 0 0; }
	.col2 { padding: 0 0 0 10px; }


/* 
    Ticker 
*****************/
	
#tickerContainer { /* the outer div with the black border */
	width: 940px; 
	height: 30px;
	margin: 0 -120px -50px -120px; 
	overflow: hidden;
	border-top: 1px solid #293895;
	background: url(../../../../images/template/content-btm.png) 0 bottom no-repeat;
	}
	#ticker { /* the outer div with the black border */
		margin-top: 5px;
		}

/* 
    Footer 
*****************/

#footer { text-align: center; padding: 2em 0; }
	#footer p { font-size: 0.9em; color: #949BCA; padding: 0; }
	#footer p a { color: #FFF; }


/* 
    Immediacy Plugins 
*****************/
	



/*********************************************** 
			Common classes
***********************************************/

.body { width:940px; margin: 0 auto; text-align: left; }
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.hide {display: none !important;}
.hidden	{ position:absolute; left:-9999px; font-size:0; }
.last, .first { border:none !important; margin: 0!important; }
.clearBoth { clear: both; }
.clearLeft { clear: left; margin: 0 0 0 10px; }
.floatLeft { float: left; margin: 0 15px 0 0; }
.floatRight { float: right; margin: 0 0 0 15px; }

/* Intro text */
.intro { font-size: 1.3em; color: #FFF; }

/* Signposts on home */
.signpost a, .signposts li a { color: #A9AFD5; }
.signpost a:hover, .signposts li a:hover { color: #FFF; }

/* Signposts internal */
.signposts { 
	padding: 0 0 20px 0;
	font-size: 2em;
	text-transform: uppercase;
	display: block;
	margin-right: -20px;
	width: 720px;
	}
	.signposts li { 
		height: 53px;
		display: block;
		float: left;
		padding: 0;
		margin: 0px 20px 10px 0px !important;
		background: none;
		}
	.signposts li a { 
		height: 53px;
		line-height: 53px;
		width: 196px;
		padding: 0 14px 0 10px;
		background: url(../../../../images/template/signpost-220px.png) no-repeat;
		background-position: 0 0;
		display: block;
		text-decoration: none !important;
		}
	.signposts li a:hover { background-position: -220px 0; }
	.w340 li a { 
		height: 53px;
		line-height: 53px;
		width: 316px;
		padding: 0 14px 0 10px;
		background: url(../../../../images/template/signpost-340px.png) no-repeat;
		background-position: 0 0;
		display: block;
		text-decoration: none;
		}
	.w340 li a:hover { background-position: -340px 0; }

/* Inline signposts  */
.signpost { font-size: 2em; text-transform: uppercase; }
	.signpost a {
		height: 53px;
		line-height: 53px;
		width: 196px;
		padding: 0 14px 0 10px;
		background: url(../../../../images/template/signpost-220px.png) no-repeat;
		background-position: 0 0;
		display: block;
		}
		.signpost a:hover { background-position: -220px 0; text-decoration: none; }

/* anchor menu */

.anchormenu { 
	width: 100%; 
	overflow: hidden; 
	border: 2px solid #293895;
	padding: 7px 10px;
	margin-bottom: 12px;
}
	.anchormenu li {
		float: left;
		margin-right: 15px;
		background: none;
		padding: 0;
	}