/*

	
	
	COLOUR PALETTE
	
	light grey/text		ccc
	med grey					333
	dark grey					1a1a1a
	darkest grey			0d0d0d
	
	light green				FFCF29
	med green					E9B501
	dark green				AD8601
	
	
*/

* { padding: 0; margin: 0; } 

html {
	border-top: 2px solid #FFCF29;
	text-align: center;
	}

	body {
		font: 12px/17px "Lucida Grande", tahoma, sans-serif;
		background: #000;
		color: #ccc;
		width: 810px;
		margin: 0 auto;
		text-align: left;
		line-height:20px;
		}
		
		body.sub { background: #000 url("/src/back-2col.gif") top center repeat-y; }
		body.home { background: #000 url("/src/back-3col.gif") top center repeat-y; }
	
	.reset {
		display: block; 
		clear: both; 
		font-size: 1px; 
		height: 1px; 
		line-height: 0.1;
		}
	
	
	
	
	
	
	
	
	
	
	
	
/* interface
-------------------------------------------------------- */
#header, #content, #masthead, #footer {
	float: left;
	position: relative;
	width: 100%;
	}
	
	#masthead {
		border-top: 6px solid #000;
		border-bottom: 6px solid #000;
		}
	
		#main {
			float: left;
			width: 540px;
			margin: 30px 0;
			}
		
		.col {
			float: left;
			width: 250px;
			margin: 30px 0;
			display:inline;
			}
		
	#footer {
		margin:120px 0 0 0;
		font-family:"Courier New", Courier, monospace;
		font-size:10px;
		color:#999999;
		}
	#footer a {
		font-family:"Courier New", Courier, monospace;
		font-size:10px;
		color:#999999;
		text-decoration:none;
		margin:0 5px;
	}
	#footer a:hover {
		color:#FFFFFF;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
/* image replacement
-------------------------------------------------------- */
.button {
	position: relative;
	width: 86px; height: 27px;
	margin-left: 30px;
	margin-top: 30px;
	}

.home .button {
	margin-top: -60px;
	}

	.button span, .button a {
		display: block;
		width: 86px; height: 27px;
		text-indent: -9999px;
		background: none;
		text-decoration: none;
		} 
	
	.button a.readmore {
		background: url("/src/button-readmore.gif") no-repeat;
		}

	.button a.seeall {
		background: url("/src/button-readmore.gif") no-repeat;
		}

	.button a.applynow {
		background: url("/src/button-readmore.gif") no-repeat;
		}
		
		
		.button a:hover {
			background-position: 0 -27px;
			}
#product-header {
	height:30px; 
	width:430px; 
	background:url(src/title-privacy.gif) no-repeat; 
	margin:0 0 0 30px;
	padding:10px 50px 0 0;
	text-align:right;
}
#alloy-header {
	height:30px; 
	width:430px; 
	background:url(images/hdr-alloys.jpg) no-repeat; 
	margin:0 0 0 30px;
	padding:10px 50px 0 0;
	text-align:right;
}
#win-header {
	height:60px; 
	width:430px; 
	background:url(images/hdr-win.jpg) no-repeat; 
	margin:0 0 0 30px;
	padding:10px 50px 0 0;
	text-align:right;
}
#subscribe-header {
	height:30px; 
	width:430px; 
	background:url(images/hdr-thankyou.jpg) no-repeat; 
	margin:0 0 0 30px;
	padding:10px 50px 0 0;
	text-align:right;
}
#alloy-download-header {
	height:30px; 
	width:430px; 
	background:url(images/hdr-freemetals.jpg) no-repeat; 
	margin:0 0 0 30px;
	padding:10px 50px 0 0;
	text-align:right;
}
.pdf-icon {
	padding-left:18px;
	background:url(images/pdf.gif) left top no-repeat;
}h3 {
	padding: 0 30px;
	}h3 span {
		position: relative;
		display: block;
		height: 40px; width: 209px;
		text-indent: -9999px;
}
h3 span.full {
			width: 480px !important;
}

h3.about span 					{ background: url("/src/title-about.jpg") no-repeat; }
h3.jobs span 					{ background: url("/src/title-jobs.jpg") no-repeat; }
h3.working span 				{ background: url("/src/title-workinghere.gif") no-repeat; }
h3.contact span 				{ background: url("/src/title-contactus.jpg") no-repeat; }
h3.contact-right span 				{ background: url("/src/title-contactus-right.jpg") no-repeat; }
h3.other span 				{ background: url("/src/title-othergreatjobs.gif") no-repeat; }
h3.benefitsandrewards span 		{ background: url("/src/title-benefitsandrewards.gif") no-repeat; }
h3.dayinthelife span 			{ background: url("/src/title-dayinthelife.gif") no-repeat; }
h3.funevents span 				{ background: url("/src/title-funevents.gif") no-repeat; }
h3.workinghere span 			{ background: url("/src/title-workinghere.gif") no-repeat; }
h3.location span 				{ background: url("/src/title-location.gif") no-repeat; }
h3.viewouroffice span 			{ background: url("/src/title-viewouroffice.jpg") no-repeat; }
h3.privacy span 				{ background: url("/src/title-privacy.gif") no-repeat; }
h3.privacy2 span 				{ background: url("/src/title-spareparts.gif") no-repeat; }
h3.testimonial span 				{ background: url("/src/title-testimonials.gif") no-repeat; }
h3.literature span 				{ background: url("/src/title-literature.gif") no-repeat; }
h3.job1 span 					{ background: url("/src/title-csr.gif") no-repeat; }
h3.contactdetails span 					{ background: url("/src/title-contactdetails.gif") no-repeat; }
h3.applynow span 				{ background: url("/src/title-applynow.gif") no-repeat; }
h3.employeetestimonial span		{ background: url("/src/title-employeetestimonial.gif") no-repeat; }
h3.featuredjob span 			{ background: url("/src/title-featuredjob.gif") no-repeat; }
h3.requirements span 			{ background: url("/src/title-requirements.gif") no-repeat; }
h3.whoweare span 				{ background: url("/src/title-whoweare.jpg") no-repeat; }
h3.delivery span 				{ background: url("/src/title-delivery.gif") no-repeat; }
h3.affiliates span 				{ background: url("/src/title-affiliates.jpg") no-repeat; }
h3.news span 				{ background: url("/src/title-news.jpg") no-repeat; }
h3.archives span 				{ background: url("/src/title-archives.jpg") no-repeat; }
h3.capacity span 				{ background: url("/src/title-capacity.gif") no-repeat; }
	
#main h1 {
		font:15px "Lucida Grande", tahoma, sans-serif;
		color: #ffc528;
		text-align: left;
		line-height:22px;
		padding:10px 0 0 30px;
}
#main h4 {
		font:12px "Lucida Grande", tahoma, sans-serif;
		color: #ccc;
		text-align: left;
		line-height:16px;
		padding-left:30px;
		font-weight:bold;
		font-style:italic;
}	
hr {
	border: 1px solid #333333;
	width: 80%;
	text-align:left;
	height: 1 px;
	margin: 0 3px 20px 30px;
}

	
	
	
	
	
	
	
	
	
	
/* navigation links
-------------------------------------------------------- */
ul#nav {
	position: relative;
	height: 97px; width: 810px;
	background: url("/src/nav.gif") no-repeat;
	}

	ul#nav li {
		float: left;
		list-style: none;
		}
	
	ul#nav li a {
		position: absolute;
		text-indent: -9999px;
		text-decoration: none;
		border: none !important;
		top: 0; height: 97px;
		}

				ul#nav li#nav-logo a { 
			left: 0; width: 339px;
			background: url("/src/nav.gif") no-repeat;
			}
		ul#nav li#nav-home a { 
			left: 339px; width: 66px; 
			background: url("/src/nav.gif") -339px 0 no-repeat;
			}
		ul#nav li#nav-about a { 
			left: 404px; width: 87px; 
			background: url("/src/nav.gif") -404px 0 no-repeat;
			}
		ul#nav li#nav-jobs a { 
			left: 490px; width: 94px; 
			background: url("/src/nav.gif") -490px 0 no-repeat;
			}
		ul#nav li#nav-working a { 
			left: 583px; width: 113px; 
			background: url("/src/nav.gif") -583px 0 no-repeat;
			}
		ul#nav li#nav-contact a { 
			left: 695px; width: 99px; 
			background: url("/src/nav.gif") -695px 0 no-repeat;
			}
			

ul#nav li#nav-home a:hover  			{ background-position: -339px -97px; }
ul#nav li#nav-about a:hover  			{ background-position: -404px -97px; }
ul#nav li#nav-jobs a:hover  			{ background-position: -490px -97px; }
ul#nav li#nav-working a:hover  			{ background-position: -583px -97px; }
ul#nav li#nav-contact a:hover  			{ background-position: -695px -97px; }

ul#nav li#nav-home a.active  			{ background-position: -339px -194px; }
ul#nav li#nav-about a.active  			{ background-position: -404px -194px; }
ul#nav li#nav-jobs a.active  			{ background-position: -490px -194px; }
ul#nav li#nav-working a.active  		{ background-position: -583px -194px; }
ul#nav li#nav-contact a.active  		{ background-position: -695px -194px; }





	
	
	
	
	
	
	
	
	
	
	
/* non-navigation links
-------------------------------------------------------- */
a {
	color: #ffc528;		
	}

a:hover {
	color: #FFB128;
	}








/* content area
-------------------------------------------------------- */
#masthead img {
	float: left;
	}
	
	
	
	
	
	
	
	
	
	
	
	
/* text
-------------------------------------------------------- */
p {
	padding: 0 30px;
	margin-bottom: 21px;
}

h4 {
	padding: 15px 30px;
	font-size: 14px;
	}
	
	p.edit {
		font-size: 9px;
		}

#main  ul {
	padding-bottom: 21px;
	}
	
	#main li {
		background: url("/src/li.gif") 0 6px no-repeat;
		margin-left: 30px;
		padding-left: 12px;
	}

li {
	list-style: none;
	padding: 0 30px;
	}	


	
p.testimonialtext {
	color: #ccc;
	margin: 0 30px 15px 30px; !important;
	background: #333;
	padding: 15px !important;
	}
	
	
	
	
	
	
	
/* form content
-------------------------------------------------------- */h3.spareparts span {
	background: url("/src/title-privacy.gif") no-repeat;
}
h3.spareparts span {
	background: url("/src/title-privacy.gif") no-repeat;
}