/*
 * @author Gavin Williams
 * @version 0.1
 * 
 * Index
 * 		=generic
 * 		=layout
 * 			=header
 * 			=content
 * 			=footer
 * 			=block
 */

body, html {
	height: 100%;
	background: url('../images/background/body.gif') top left repeat-x #000000;
}

button.image {
	border: 0;
	vertical-align: middle;
	padding: 5px 0 0 0;
	background: none;
}

strong {
	font-weight: bold;
}

/*
 * Generic styles =generic
 */

body {
/*	font-family: "Myriad Pro", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-family: arial, helvetica verdana, sans-serif;
	color: #000000;
	font-size: 0.69em;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #245381;
	text-decoration: none;
}

h1, h2, h3, h4 {
	color: #000000;
	font-weight: normal;
	margin-bottom: 0.5em;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
	text-transform: uppercase;
}

#content p {
	font-size: 1.1em;
	margin-bottom: 1em;
}

#content div#primary .section {
	width: 529px;
}

div.content ul, div.content ol, div.content li {
	list-style: disc;
	margin-left: 20px;
	font-size: 1.05em;
	margin-bottom: 1em;	
}

.text {
	width: 145px;
	padding: 2px;
	background: #FFFFFF;
	border: none;
	border: 1px solid #bbbbbb;
}


/*
 * Generic styles =layout
 */

#container {
	width: 824px;
	border-left: 3px solid #1f4c87;
	border-right: 3px solid #1f4c87;
	border-bottom: 3px solid #1f4c87;
	margin: 0 auto;
	background: #FFFFFF;
}

/*
 * Generic styles =header
 */

#header {
	height: 130px;
	position: relative;
}

#header span.telephone {
	font-size: 2em;
	position: absolute;
	right: 10px;
	top: 30px;
	
}

#header .seo_header1 {
	font-size: 0.5em;
}

#header .seo_header1 a {
	color: #FFFFFF;
}

.seo_header1.footer {
	text-align: center;
} 

.seo_header1.footer a {
	color: #000000;
}

#header h1.branding {
	background-image: url('../images/background/logo.gif');
	background-repeat: no-repeat;
	background-position: top left;
	top: 15px;
	left: 30px;
	position: absolute;
	width: 113px;
	height: 99px;

}

#header h1.branding a {
	width: inherit;
	height: inherit;
	display: block;
	text-indent: -10000000px;
	overflow: hidden; 
}

#header form#search {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 400px;
}

#header form#search ol {
	float: right;
}

form ol li {
	display: inline;
	margin-left: 9px;
}

.section form ol li {
	margin-left: 0;
	margin-right: 5px;
}

#header form#search ul li input.text {
	width: 200px;
}

#header form#search ul li.search {
	margin-right: 72px;
	position: relative;
}

#header form#search ul li.search input {
	position: absolute;
	top: -6px;
}

/*
 * Generic styles =primaryNav
 */

ul#primaryNav {
	width: 824px;
	height: 29px;
	background-image: url('../images/background/navigation.gif');
	background-repeat: repeat-x;
	background-position: top left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

ul#primaryNav li {
	float: left;
	padding-right: 1px;
	background-image: url('../images/background/navigation-dash.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

ul#primaryNav li a:link,
ul#primaryNav li a:visited,
ul#primaryNav li a:hover,
ul#primaryNav li a:active {
	display: block;
	padding: 0 15px;
	height: 29px;
	line-height: 29px;
	text-transform: uppercase;
	font-weight: normal;
	color: #FFFFFF;
	float: left;
}

ul#primaryNav li a:hover {
	background-image: url('../images/background/navigation-over.gif');
	background-repeat: repeat-x;
	background-position: top left;
}

ul#primaryNav li ul li {
	background: none;
	width: 180px;
}

ul#primaryNav li ul a:link,
ul#primaryNav li ul a:visited,
ul#primaryNav li ul a:hover,
ul#primaryNav li ul a:active {
	display: block;
	float: none;
	height: auto;
	line-height: 1em;
	padding: 5px 10px;
	background: #113775;
	border-bottom: 1px solid #FFFFFF;	
}

/*
 * Generic styles =hero
 */

div#hero {
	height: 200px;
	background-image: url('../images/background/hero-background.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_oil {
	height: 200px;
	background-image: url('../images/background/hero-background_oil.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_electronics {
	height: 200px;
	background-image: url('../images/background/hero-background_electronics.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_telco {
	height: 200px;
	background-image: url('../images/background/hero-background_telco.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_automotive {
	height: 200px;
	background-image: url('../images/background/hero-background_automotive.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_aerospace {
	height: 200px;
	background-image: url('../images/background/hero-background_aerospace.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_random1 {
	height: 200px;
	background-image: url('../images/background/hero-random1.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_random2 {
	height: 200px;
	background-image: url('../images/background/hero-random2.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_random3 {
	height: 200px;
	background-image: url('../images/background/hero-random3.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_random4 {
	height: 200px;
	background-image: url('../images/background/hero-random1.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_random1 {
	height: 200px;
	background-image: url('../images/background/hero-random4.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_random5 {
	height: 200px;
	background-image: url('../images/background/hero-random5.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}

div#hero_random6 {
	height: 200px;
	background-image: url('../images/background/hero-random6.jpg');
	background-position: top left;
	background-repeat: no-repeat;
}


ul#hero-links {
	float: right;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: lowercase;
	text-align: left;
}

ul#hero-links li {
	display: block;
	height: 32px;
	width: 200px;
	margin-top: 25px;
	background-image: url('../images/background/hero-links.gif');
	background-repeat: repeat-x;
	background-position: top left;
}

ul#hero-links li a:link,
ul#hero-links li a:visited,
ul#hero-links li a:hover,
ul#hero-links li a:active {
	display: block;
	height: auto;
	color: #FFFFFF;
	width: 180px;
	padding: 0 10px;
	line-height: 32px;
}


/*
 * Generic styles =sectors
 */

div#sectors {
	background-image: url('../images/background/sectors.gif');
	background-repeat: no-repeat;
	background-position: top left;
}

div#sectors p {
	height: 59px;
	font-size: 2.3em;
	color: #FFFFFF;
	padding: 9px;
}

div#sectors ul li {
	float: left;
	width: 275px;
	height: 120px;
	position: relative;
	background-repeat: no-repeat;
	background-position: top right;
}

div#sectors ul li a {
	display: block;
	height: 100%;
	width: 100%;
}

div#sectors ul li span {
	display: block;
	height: 34px;
	background-image: url('../images/background/sectors-description.gif');
	background-repeat: repeat-x;
	background-position: top left;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 271px;
	line-height: 34px;
	color: #FFFFFF;
	font-size: 1.5em;
	padding-left: 10px;
	
}

div#sectors ul li.senior {
	background-image: url('../images/background/senior.jpg');
}

div#sectors ul li.it {
	width: 271px;
	background-image: url('../images/background/it.jpg');
}

div#sectors ul li.it span {
	width: 264px;
}

div#sectors ul li.engineering {
	width: 278px;
	background-image: url('../images/background/engineering.jpg');
}

/*
 * Generic styles =content
 */

div#content {
/*	overflow: auto;*/
	clear: both;
}

/*
 * Generic styles =primary
 */

div#content div#primary {
	width: 549px;
	border-right: 4px solid #1F4C87;
	float: left;
}

div#content div.section {
	background-image: url('../images/background/section.jpg');
	background-repeat: repeat-x;
	background-position: bottom left;
	padding: 20px 10px;
}

/*
 * Generic styles =secondary
 */

div#content div#secondary {
	float: right;
	width: 271px;
}

/*
 * Generic styles =footer
 */

div#footer {
	height: 40px;
	clear: both;
	background-image: url('../images/background/section.jpg');
	background-repeat: repeat-x;
	background-position: bottom left;
	border-top: 4px solid #1F4C87;
	padding: 5px 5px;
	color: #7d7e80;
}

div#footer p {
	float: left;
	margin-bottom: 0;
}

div#footer img {
	float: right;
	margin-left: 5px;
}

dl.details {
	width: 500px;
}

dl.details {
	margin-bottom: 1em;
	font-size: 1.1em;
}

dl.details dd,
dl.details dt {
	float: left;
	width: 95px;
	color: #000000;
	padding-bottom: 5px;
}

dl.details dd {
	width: 150px;
	color: #666666;
}

ul.jobs {
/*	margin-left: 4em;*/
	position: relative;
}

ul.jobs .details {
	position: absolute;
	left: -4em;
}

div.wp-pagenavi span,
div.wp-pagenavi a {
	padding: 5px 10px;
	border: 1px solid #245381;
	background: #FFFFFF;
	margin-right: 5px;
}

p.credit {
	text-align: center;
	padding: 1em 0 2em 0;
	color: #FFFFFF;
}

#primary form input { vertical-align:middle; margin-left: 10px; }
#primary form input.default { width:250px; font:normal 12px arial; padding:3px; float: left; clear: left;}
#primary form select.default { width:260px; font:normal 12px arial; padding:3px; margin-left: 10px; float: left; clear: left;}
#primary form textarea.default { width:250px; height:100px; font:normal 12px arial; padding:3px; margin-left: 10px; float: left; clear: left;}
#primary form input.cf-box-b { width:auto}
#primary form fieldset { border:0;}
#primary form legend { font-size: 18px; display:none }
#primary form p.success { display:none;}
#primary form p.failure { display:block; color:red; font-weight:bold}
#primary form ol li {  float: left; margin-bottom:5px;}
#primary form li label {width: 480px; clear: left;}
#primary form label { width:250px; display:block; float:left; margin-right: 10px; margin-bottom: 5px; }
#primary form img { vertical-align:middle}
span.reqtxt, span.emailreqtxt, img.captcha { display: block; float: left; }
#primary form .sendbutton, a.button { border: 1px solid #cccccc; background: #e8e8e8; font: normal 12px arial; color: #000000; padding: 5px 8px; cursor: pointer }
#usermessage4a { color:red; font-weight:bold}
#usermessage3a { color:red; font-weight:bold}
#primary form .cf-ol {margin-left:0px;padding-left:0px;}

ul.jobs li {
	padding-right: 5em;
	position: relative;
}

ul.jobs li a.button {
	position: absolute;
	top: 30px;
	right: 0;
}

ol.latestjobs li {
	margin-bottom: 1em;
}

#post-entry .button {
	float: right;
}

/*=========================================
 * =superfish
 */

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			29px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			-16em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			-12em; /* match ul width */
	top:			0;
}

/*=========================================
 * =jobs_by_email
 */

tr.line {
	height: 22px;
}
td.the_insert input {
	margin-left: 3px;
}

/*
 * Generic styles =generic
 */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}




.cform input { 
vertical-align:middle; 
margin-left: 10px; 
background-color: #FFFFFF;	
background-image: url(../images/bg_input.gif);	
background-position: top;	
background-repeat: repeat-x;	
border: 1px solid #000000;	
font-family: "Century Gothic", Arial, sans-serif;	
font-size: 12px;	
padding: 1px;	
color: #666666;
float: left;}

.cform input.default { 
width:250px; 
font:normal 12px arial; 
padding:3px; 
background-color: #FFFFFF;	
background-image: url(../images/bg_input.gif);
background-position: top;
background-repeat: repeat-x;
border: 1px solid #000000;
font-family: "Century Gothic", Arial, sans-serif;
font-size: 12px;
padding: 1px;	color: #666666;
float: left;}

.cform select.default { width:250px; font:normal 12px arial; padding:3px;}
.cform textarea.default { width:250px; height:100px; font:normal 12px arial; padding:3px;}
.cform input.cf-box-b { width:auto}
.cform fieldset { border:0;}
.cform legend { font-size: 18px; display:none }
.cform p.success { display:none;}
.cform p.failure { display:block; color:red; font-weight:bold}
.cform ol li {  clear:both; margin-bottom:10px;}
.cform label { width:150px; display:block; float:left; margin-right: 10px; }
.cform img { vertical-align:middle}
.cform .sendbutton { border:0; background:#000; font:bold 12px arial; color:#fff; padding:5px 8px; cursor:pointer }
#changefonts a { color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; }

.textonly { vertical-align:middle; margin-left: 10px; font-weight:bold; padding-top: 5px; }
#content form input { vertical-align:middle; margin-left: 10px; background-color: #FFFFFF;	background-image: url(../images/bg_input.gif);	background-position: top;	background-repeat: repeat-x;	border: 1px solid #000000;	font-family: "Century Gothic", Arial, sans-serif;	font-size: 12px;	padding: 1px;	color: #666666;}
#content form input.default { width:250px; font:normal 12px arial; padding:3px; background-color: #FFFFFF;	background-image: url(../images/bg_input.gif);	background-position: top;	background-repeat: repeat-x;	border: 1px solid #000000;	font-family: "Century Gothic", Arial, sans-serif;	font-size: 12px;	padding: 1px;	color: #666666;}
#content form select.default { width:250px; font:normal 12px arial; padding:3px; margin-left: 10px;}
#content form textarea.default { width:245px; height:100px; font:normal 12px arial; padding:3px;background-color: #FFFFFF;	background-image: url(../images/bg_input.gif);	background-position: top;	background-repeat: repeat-x;	border: 1px solid #000000;	font-family: "Century Gothic", Arial, sans-serif;	font-size: 12px;	padding: 1px;	color: #666666;}
#content form input.cf-box-b { width:auto}
#content form fieldset { border:0;}
#content form legend { font-size: 18px; display:none }
#content form p.success { display:none;}
#content form p.failure { display:block; color:red; font-weight:bold}
#content form ol li {  clear:both; margin-bottom:10px;}
#content form label { width:250px; display:block; float:left; margin-right: 10px; }
#content form img { vertical-align:middle}
#content form .sendbutton { border:0; background:#000; font:bold 12px arial; color:#fff; padding:5px 8px; cursor:pointer; position:relative; top:5px; }
#usermessage4a { color:red; font-weight:bold}
#usermessage3a { color:red; font-weight:bold}
.free-call-back {
	float: right;
	font-size: 1px;
	line-height: 0;
}