@charset "utf-8";
/* Mineworks CSS Document */

body	{
	background-color: #000000;
	}
	
/* Sticky Footer */

html, body {
     height: 100%;
	 font-family: "Trebuchet MS", Arial, Tahoma, sans-serif;
 }
#container {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -116px;
 }
#bottom, .push {
     height: 116px;
 }
 
#bottom	{
	background: url(/~minework/images/footer-bg.gif) repeat-x;
	}
 
 /* Page boxes */
 
#main-col	{
 	width: 842px;
	margin-left: auto;
	margin-right: auto;
	}
 
#top	{
 	background: url(/~minework/images/top-bg.gif) repeat-x;
	width: auto;
	height: 159px;
	}
	
#header	{
	/*position: relative; top: -135px;*/
	}
	
#head-menu	{
	position: relative;
	width: 842px;
	margin: 0 auto;
	}
	
#content	{
	width: 850px;
	}
	
	
	
/* Search bar, phone number and logo */
/*
#searchBar	{
	background: url(/~minework/images/search.gif) no-repeat;
	width: 334px;
	height: 28px;
	float: right;
	margin-top: -25px;
	}
	
#searchBar	form	{
	margin-left: 70px;
	margin-top: 3px;
	display: inline;
	}
	
#searchBar .textField	{
	border: 1px solid #d58484;
	}
	
#searchBar .button	{
	position: relative; top: 4px;
	display: inline;
}*/

#searchBar {
	background:transparent url(/~minework/images/search.gif) no-repeat scroll 0 0;
	float:right;
	height:28px;
	width:337px;
}

#searchBar form {
	display:inline;
}

#searchBar .textField {
	border:1px solid #D58484;
	float:left;
	margin-left:70px;
	margin-top:4px;
	width:200px;
}

#searchBar .button {
	display:inline;
	float:left;
	margin-left:5px;
	margin-top:4px;
}

	
	
.phoneNo	{
	background: url(/~minework/images/phone-no.gif) no-repeat;
	width: 202px;
	height: 46px;
	float: right;
	position: relative; top: 58px; left: 320px;
	}
	
.logo	{
	float: left;
	margin-top: 25px;
	}
	
	
/* Flash Banner */

#flashBanner	{
	width: 842px;
	height:213px;
	margin: 30px 0 0px;
	}
	
/* Community Involvment */

.community	{
	background: url(/~minework/images/community-involvement.gif) no-repeat;
	width: 318px;
	height: 148px;
	float: right;
	margin: 10px 0 30px 0;
	}
	
.news	{
	background: url(/~minework/images/news.gif) no-repeat;
	width: 318px;
	height: 148px;
	float: right;
	margin: 10px 0 30px 0;
	}
	
.com-text	{
	margin: 38px 0 45px 20px;
	height: 100px;
	width: 280px;
	line-height: 20px;
	overflow: hidden;
	}
	
/* Text */ 

.text	{
	float: left;
	width: 490px;
	line-height: 20px;
	margin-bottom: 20px;
	}

.text p {
	color: #a1a1a1;
	font-size: 12px;
	margin: 0 0 8px 0;
}

.com-text p {
	color: #a1a1a1;
	font-size: 11px;
	margin: 0 0 8px 0;
}
	
/* h Formating */

	
h3	{
	color: #a1a1a1;
	text-transform: uppercase;
	font-size: 12px;
	}
	
/* Navigation Menu */

#menu	{
	clear: both;
	position: relative; top: 24px;/*top: -109px; */
	width: 842px;
	}

#menu li	{
	list-style: none;
	display: block;
	height: 29px;
	float: left;
	margin: 0 5px 0 0;
	}

#menu li.last {
	margin: 0px;
}

#menu li a {
	text-indent: -9999px;
	display: block;
}
	
#menu li a.active {
	background-position: 0px -29px;
}


/* start suckerfish */
#menu, #menu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	font: 12px Arial, Helvetica, sans-serif;
}

#menu li ul li {
	display: block;
	width: 13em;
	margin: 0px;
}

#menu li ul a {
	text-indent: 0;
	color: #fff;
	text-decoration: none;
	height:29px;
	line-height:29px;
	padding:0 0 0 1em;
	border-bottom: 1px solid #921111;
}

#menu li ul a:hover {
	background-color: #921111;
	text-decoration: none;
}

#menu li ul { /* second-level lists */
	position: absolute;
	background: #000;
	width: 13em;
	border-left: 1px solid #921111;
	border-right: 1px solid #921111;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	visibility:visible;
}
/* end suckerfish */
	
.hom	{
	background: url(/~minework/images/home-button.gif) no-repeat;
	height: 29px;
	width: 62px;
	}
	
.hom:hover	{
	background-position: 0 -29px;
	background-repeat: no-repeat;
	}
	
#home .hom	{
	background: url(/~minework/images/home-button.gif) no-repeat 0 -29px;
	}

.abo	{
	background: url(/~minework/images/about-button.gif) no-repeat;
	height: 29px;
	width: 71px;
	}
	
.abo:hover	{
	background-position: 0 -29px;
	background-repeat: no-repeat;
	}
	
#about .abo	{
	background: url(/~minework/images/about-button.gif) no-repeat 0 -29px;
	}
	
.mac	{
	background: url(/~minework/images/hiresales-button.gif) no-repeat;
	height: 29px;
	width: 111px;
	}
	
.mac:hover	{
	background-position: 0 -29px;
	background-repeat: no-repeat;
	}
	
.tec	{
	background: url(/~minework/images/technical-button.gif) no-repeat;
	height: 29px;
	width: 92px;
	}
	
.tec:hover	{
	background-position: 0 -29px;
	background-repeat: no-repeat;
	}

.ele	{
	background: url(/~minework/images/electrical-button.gif) no-repeat;
	height: 29px;
	width: 154px;
	}
	
.ele:hover	{
	background-position: 0 -29px;
	background-repeat: no-repeat;
	}
	
#machinery .mac	{
	background: url(/~minework/images/machinery-button.gif) no-repeat 0 -29px;
	}
	
.rec	{
	background: url(/~minework/images/recruitment-button.gif) no-repeat;
	height: 29px;
	width: 95px;
	}
	
.rec:hover	{
	background-position: 0 -29px;
	background-repeat: no-repeat;
	}
	
#recruitment .rec	{
	background: url(/~minework/images/recruitment-button.gif) no-repeat 0 -29px;
	}
	
.ser	{
	background: url(/~minework/images/service-button.gif) no-repeat;
	height: 29px;
	width: 71px;
	}
	
.ser:hover	{
	background-position: 0 -29px;
	background-repeat: no-repeat;
	}
	
#service .ser	{
	background: url(/~minework/images/service-button.gif) no-repeat 0 -29px;
	}
	
.lin	{
	background: url(/~minework/images/links-button.gif) no-repeat;
	height: 29px;
	width: 62px;
	}
	
.lin:hover	{
	background-position: 0 -29px;
	background-repeat: no-repeat;
	}
	
#links .lin	{
	background: url(/~minework/images/links-button.gif) no-repeat 0 -29px;
	}
	
.con	{
	background: url(/~minework/images/contact-button.gif) no-repeat;
	height: 29px;
	width: 83px;
	}
	
.con:hover	{
	background-position: 0 -29px;
	background-repeat: no-repeat;
	}
	
#contact .con	{
	background: url(/~minework/images/contact-button.gif) no-repeat 0 -29px;
	}
	
.inn	{
	background: url(/~minework/images/innovation-button.gif) no-repeat;
	height: 29px;
	width: 92px;
	}
	
.inn:hover	{
	background-position: 0 -29px;
	background-repeat: no-repeat;
	}
	
#innovation .inn	{
	background: url(/~minework/images/innovation-button.gif) no-repeat 0 -29px;
	}

/* Lower Boxes */

.lower-boxes	{
	height: auto;
	/*width: 640px;*/
	clear: both;
	margin: 0 auto;
	/*margin-left: 5px;*/
	}
	
.lower-boxes div	{
	margin-bottom: 20px;
	}
	
.lower-boxes ul	{
	list-style: disc;
	list-style-position: inside;
	font-size: 13px;
	line-height: 16px;
	position: relative; top: 110px; left: 8px;
	}
	
.box1	{
	background: url(/~minework/images/mw-box-recruitment.gif) no-repeat;
	width: 206px;
	height: 178px;
	float: left;
	margin-right: 3px;
	}

.box2	{
	background: url(/~minework/images/mw-box-hire.gif) no-repeat;
	width: 206px;
	height: 178px;
	float: left;
	margin-right: 3px;
	}
	
.box3	{
	background: url(/~minework/images/mw-box-electrical.gif) no-repeat;
	width: 206px;
	height: 178px;
	float: left;
	margin-right: 3px;
	}
	
.box4	{
	background: url(/~minework/images/mw-box-technical.gif) no-repeat;
	width: 206px;
	height: 178px;
	float: left;
	margin-right: 3px;
	}
	
.box1 a	{
	display: block;
	width: 206px;
	height: 96px;
	}
	
.box2 a	{
	display: block;
	width: 206px;
	height: 96px;
	}
	
.box3 a	{
	display: block;
	width: 206px;
	height: 96px;
	}
	
.box4 a	{
	display: block;
	width: 206px;
	height: 96px;
	}
	
.rec-text li	{
	color: #fabdc0;
	position: relative; top: -100px;
	}
	
.hir-text li	{
	color: #e1b0b0;
	position: relative; top: -100px;
	}
	
.ele-text li	{
	color: #edf4d8;
	position: relative; top: -100px;
	}
	
.tec-text li	{
	color: #fff;
	position: relative; top: -100px;
	}
	
/* Footer */

#footer	{
	position: relative; top: 25px;
	width: 842px;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

#footer-left	{
	float: left;
	text-align: center;
	line-height: 15px;
	}
	
#footer-left p	{
	color: #727272;
	}
	
#footer-left img	{
	margin-top: -10px;
	margin-bottom: 10px;
	}
	
#footer-right	{
	float: right;
	
	color: #aeaeae;
	text-align: right;
	}
	
#footer-right li	{
	display: inline;
	margin-left: 5px;
	}
	
.fr-lower	{
	color: #727272;
	margin-top: 15px;
	}
	
.fr-upper a:link, .fr-upper a:visited	{
	color: #aeaeae;
	text-decoration: none;
	}
	
.fr-upper a:hover, .fr-upper a:focus	{
	color: #aeaeae;
	text-decoration: underline;
	}
	
.fr-lower a:link, .fr-lower a:visited	{
	color: #727272;
	text-decoration: none;
	}
	
.fr-lower a:hover, .fr-lower a:focus	{
	color: #727272;
	text-decoration: underline;
	}

/* Horizontal Rule and Holder */

.hr	{
	border-bottom: #747474 solid 1px;
	margin: 15px 0 15px 0;
	}
	
.hr hr	{
	display: none;
	}

.holder	{
	clear: both;
	width: auto;
	}
	
/*  CONTENT PAGE - CONTENT AREA STYLING
	HEADER AND FOOTER USES STYLING DEFINED ABOVE THIS LINE
*/


/* Banner */

#main-col-content {
	width:850px;
	margin: 0 auto;
}

#banner	{
	width: 850x;
	height: 193px;
	margin: 30px 0;
}

.content-container {
	width:804px;
	background: #ffffff url(/~minework/images/contentbg.gif) top left no-repeat;
	padding: 23px;
}

.content-bottom {
	height:17px;
	width: 850px;
	background: url(/~minework/images/contentbottom.gif) top left no-repeat;
	margin: -15px 0 30px 0;
}

.left-col {
	float:left;
	define:inline;
	width:505px;
}

.right-col {
	float:right;
	define:inline;
	width: 260px;
	margin: 0 0 0 35px;
}

/* --------------- RECRUITMENT ---------------- */

.rec-left-col {
	float:left;
	define:inline;
	width: 235px;
	margin: 0;
}

.rec-right-col {
	float:left;
	define:inline;
	/*width:560px;*/
}

.left-col p, .right-col p, .left-col ul, .rec-right-col p, .rec-left-col p, .rec-right-col ul {
	text-align: justify;
	line-height: 20px;
	font-size: 12px;
	margin: 0 0 30px 0;
	color: #000000;
	list-style-type:disc;
}

.left-col ul, .rec-right-col ul  {
	margin-left: 15px;
}

.left-col p/*, .rec-right-col p*/ {
	clear:both;
}

.right-col p {
	line-height: 20px;
	font-size: 12px;
	margin: 0 0 30px 0;
	color: #000000;
	list-style-type:disc;
	text-align: center;
}

ul.leftul {
	float:left;
	width: 220px;
	margin: 0 0 15px 15px;
}

#content a:link, #content a:visited, .left-col a:link, .left-col a:visited {
	color: #727272;
	text-decoration: none;
}

#content a:hover, .left-col a:hover, .left-col a:visited  {
	text-decoration: underline;
}

#content a:link.hslink, #content a:hover.hslink, #content a:visited.hslink {
	color: #981A38;
}

#content a:link.reclink, #content a:hover.reclink, #content a:visited.reclink {
	color: #ed1c24;
}

#content a:link.techlink, #content a:hover.techlink, #content a:visited.techlink {
	color: #fcb040;
}

#content a:link.eleclink, #content a:hover.eleclink, #content a:visited.eleclink {
	color: #39b54a;
}

.right-col p {
	margin: 0 0 30px 0;
}

.required {
	color: red;
	font-weight: bold;
}

.hs	{
	color: #981A38 !important;
	}
	
.rec	{
	color: #ed1c24 !important;
	}
	
.tech	{
	color: #fcb040 !important;
	}

.elec	{
	color: #39b54a !important;
	}

/* ---- CONTCT FORM STYLES --- */
form#contact p {
	text-align: left;
}

form#contact .textinput, form#contact .textbox  {
	width: 250px;
	background-color: #1f1f1f;
	border: 1px solid #444;
	padding: 3px;
	color: #fff;
} 

form#contact .textbox {
	width: 250px;
	height: 150px;
}

form#contact .button {
	background-color: #1f1f1f;
	border: 1px solid #444;
	padding: 3px;
	color: #fff;
}

/* --- Enquiry Form Style ---*/

.enquiry2	{
	width: 383px;
	}

form#enquiry p {
	text-align: left;
}

form#enquiry .textinput, form#enquiry .textbox  {
	width: 250px;
	background-color: #F1F1F1;
	border: 1px solid #DEDEDE;
	padding: 3px;
	color: #000000;
} 

form#enquiry .textbox {
	width: 250px;
	height: 150px;
}

form#enquiry .button {
	background-color: #F1F1F1;
	border: 1px solid #DEDEDE;
	padding: 3px;
	color: #000000;
}

form#enquiry .dropdown	{
	width: 250px;
	background-color: #F1F1F1;
	border: 1px solid #DEDEDE;
	padding: 3px;
	color: #000000;
}

#enquiryform {
	width: 425px;
}

#enquiryform label {
	width: 190px;
	margin-right: 15px;
	float:left;
	font-size: 12px;
	color: #000000;
	display: inline;
}

#enquiryform input, #enquiryform textarea {
	width: 300px;
	float: left;
	background-color: #F1F1F1;
	border: 1px solid #DEDEDE;
	padding: 3px;
	color: #000000;
	display: inline;
}

#enquiryform textarea {
	width: 250px;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
}

#enquiryform input.file {
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #000;
	background-color: #F1F1F1;
	border: 1px solid #DEDEDE;
}

#enquiryform textarea.availability {
	width: 300px;
	margin: 0 0 15px 0;
}

#enquiryform input.button {
	/*clear: both;*/
	width: 100px;
	/*display: inline;*/
	margin-top:10px;
	position: relative;
	float:right;
}

/* --- Search Results Styles --- */

#searchRes	{
	color: #FFFFFF;
	font-size: 12px;
	}
	
#searchRes	tr.row1	{
	background-color: none;
	}

#searchRes tr.row2	{
	background-color: #333333;
	}
	
#searchRes th {
	text-align: left;
}

#searchRes tr	{
	height: 30px;
	padding: 10px;
	}
	
#searchRes td	{
	width: 120px;
	padding: 3px;
	line-height:22px;
	}
	
#searchRes td.excerpt {
	text-transform: lowercase;
}
	
.paginate	{
	color: #FFFFFF;
	margin-top: 10px;
	font-size: 12px;
	}

.pdflink {
	background: url(/~minework/images/pdf.gif) 0px 0px no-repeat;
	padding-left: 18px;
	line-height:40px;
	color: #981A38 !important;
}

.newshr	{
	border-bottom: 1px dotted #ccc;
	padding-bottom:10px;	
	width: 500px;
	margin-bottom: 10px;
	}
	
.newshr hr	{
	display: none;
	}
	
#pressArticles	p	{
	margin-bottom: 0 !important;
	}

.press {
	border-bottom: 1px dotted #ccc;
	padding-bottom:10px;
}

.fineprint {
	display:none;
}

#enquiryform label.jobalert {
	width: 110px;
	line-height: 22px;
}

#enquiryform label.radio {
	width: auto;
	line-height: 22px;
	margin-left: 100px;
}

#enquiryform input.radiobutton {
	float:left;
}
	
.right-col p.cam {
	margin:45px 0 75px;
}

.right-col p.john {
	margin-bottom:30px;
	margin-top: 45px;
}
.right-col p.clinton {
	margin-bottom:78px;
}

.right-col p.adrian {
	margin-bottom:75Fpx;
}

.right-col p.georgia {
	margin-bottom:45px;
}

.right-col p.grant {
	margin-bottom:45px;
}

.right-col p.sharon {
	margin-bottom:35px;
}

.right-col p.darren {
	margin-bottom:35px;
}

.right-col p.paul {
	margin-bottom:40px;
}

a:link.map {
	background: url(../images/magnifying.jpg) 0px 0px no-repeat;
	padding-left: 18px;
}

.rec-left-col p.fastlink {
	margin-bottom: 10px;
}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
width: 840px; 
height: 35px; 
margin: 15px auto; 
padding: 0;
overflow: hidden;
background: url(/~minework/images/marquee.gif) 0px 0px no-repeat;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 3px;
top: 10px;
width: 832px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 840px;
font: bold 12px "Trebuchet MS", Arial;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
width: 900px;
padding: 0;
font: bold 12px "Trebuchet MS", Arial;
color: #fff;
}
#content ul.newsticker a, #content ul.newsticker a:visited  {
white-space: nowrap;
padding: 0;
color: #981A38;
font: bold 12px "Trebuchet MS", Arial;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
color: #981A38;
} 

/* ------ IFRAME ------ */
iframe.jobsearch {
	background-color:#292929;
	height:255px;
	margin-bottom:10px;
	width:495px;
	border: 1px solid #7a7a7a;
}

iframe.searchresults {
	width: 800px;
	height: 800px;
	background-color:#292929;
}