/* 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Default Styles
	CSS Document
	Author: 9xb.com
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* DEFAULT STYLES   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	html, body {
		font: 12px/1.4em verdana, arial, helvetica, tahoma, sans-serif;
		color: #767676;
		line-height: normal;
	}
	
	body {
		margin: 0;
		background:url(../images/outerwrap.background.jpg) no-repeat top center #010b17;
		color:#a6acb3;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* GLOBAL STYLES  */  
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	/* GLOBAL RESET */
		html,body,div,li,dl,dt,dd,h1,h2,h3,h4,h5,pre,form,blockquote,fieldset,input { margin: 0; padding: 0; }
		h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
		fieldset,img { border: none; }
		caption,th { text-align: left; }
		table { border-collapse: collapse; border-spacing: 0; }
		
	/* Hidden elements */
	.hidden, .screen_reader, hr {
		display: none;
	}
	/* Paragraph default styling, amend as desired */
	p {
		margin: 0 0 20px 0;
		padding: 0;
	}
	/* Removes blue border on img links */
	a img {
		border: 0;
	}
	/* Default link styling */
	a {
		color:#4c9cbb;
		text-decoration: none;
	}
	a.altLink {
		color:#a6acb3;
	}
	a.pdfLink {
		background:url(../images/pdf_icon.gif) no-repeat left center;
		height:32px;
		padding-left:40px;
		display:block;
		line-height:32px;
	}
	a:hover {
		text-decoration: underline;
	}
	/* Float an element left with a margin */
	.floatL {
		float: left;
		margin: 0 20px 20px 0;
	}
	/* Float an element right with a margin */
	.floatR {
		float: right;
		margin: 0 0 20px 20px;
	}
	.alignCenter {
		text-align:center;
	}
	
	.grey { color:#a6acb3; }
	.lightGrey { color:#eaeef3; }
	.darkBlue { color:#010b17; }
	.lightBlue { color:#4c9cbb; }
	.midBlue { color:#0c1421; } 
	
	p.banner {
		padding:15px;
		border:1px solid #313c49;
		background:#0c1421;
		color:#a6acb3;
	}
	p.banner.message {
		color:#000;
		border-color:#090;
		background:#efe;
	}
	p.banner.error {
		color:#000;
		border-color:#900;
		background:#fee;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* TEMPLATE ELEMENTS   */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#outerwrap {
		width:960px;
		margin:0 auto;
	}
	#header {
		float:left;
		width:960px;
		height:117px;
		position:relative;
	}
	#panel {
		background:#0c1421;
		width:960px;
		float:left;
	}
	/* shadow under banner image, hacking it for IE6< */
	#panelShadow {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/panelshadow.background.png');
		float:left;
		width:960px;
		height:15px;
		margin:0 0 5px 0;
	}
	#panelShadow[id] { background: transparent url("../images/panelshadow.background.png") repeat top left; }
	
	#contentwrap {
		width:960px;
		float:left;
		overflow:hidden;
	}
	#content {
		line-height:160%;
		width:675px;
		float:left;
	}
	#column {
		width:240px;
		float:right;
	}
	#footer {
		background:#0c1421;
		font-size:80%;
		float:left;
		width:960px;
		margin:0 0 50px 0;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FORM ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	input, textarea, select {
		font-family: arial, verdana, Trebuchet MS, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		font-size: 1em;
		color: #666;
	}	
	#content form {
		border:10px solid #192430;
		background:#0c1421;
		padding:20px;
		margin-bottom:10px;
	}
	#content form label {
		float:left;
		width:120px;
	}
	#content form div.row {
		margin:10px 0;
	}
	input.textfield, textarea.textfield, select.textfield {
		width:210px;
		border:1px solid #192430;
		padding:4px 8px;
	}
	textarea.textfield {
		height:100px;
	}
	#content form .address {
		float:right;
		width:220px;
		border:5px solid #192430;
		padding:10px;
	}
	input.button {
		padding:5px 15px;
		background:url(../images/button.background.jpg) repeat-x top left;
		border:1px solid #192430;
		color:#eaeef3;
	}
	input.button:hover {
		background-image:url(../images/button.background.hover.jpg);
		cursor:pointer;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADING ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	h1, h2, h3, h4 {
		color: #eaeef3;
		line-height: normal;
		margin: 0 0 15px 0;
		padding: 0;
	}
	
	h1 {
		/* This should be the main title of the content (SEO)*/
		overflow:hidden;
		margin:0;
		width:383px;
		position:absolute;
		top:0;
		left:-25px;
	}
	h1 a {
		display:block;
		width:383px;
		height:111px;
		background:url(../images/header.logo.jpg) no-repeat top right;
		text-indent:-10000px;
	}
	
	h2 {
		font-size:180%;
		color:#eaeef3;
		text-transform:uppercase;
		font-weight:bold;
		margin:0 0 20px 0;
	}
	h2 span {
		font-size:12px;
		display:block;
		color:#eaeef3;
		text-transform:uppercase;
		font-weight:bold;
		margin:0 0 20px 0;
	}
	
	.titleOurServices { 
		height:16px;
		text-indent:-3000em;
		font-size:1px;
		overflow:hidden;
		margin:0 0 15px 0;
		padding:0;
		background:url(../images/title_our_services.gif) no-repeat top left; 
	}
	
	
	h3 {
		font-size:120%;
		color:#eaeef3;
		margin:0;
		font-weight:bold;
	}
	
	h4 {
		text-transform:uppercase;
		color:#eaeef3;
	}
	
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HEADER STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.breadcrumb {
		width:960px;
		border-top:1px solid #010b17;
		border-bottom:1px solid #010b17;
		text-transform:uppercase;
		font-size:80%;
		float:left;
		margin-bottom:10px;
	}
	.breadcrumb p.floatR {
		float:right;
		margin:10px 0;
	}
	.breadcrumb ul {
		margin:10px 0;
		padding:0;
		list-style:none;
		float:left;
		margin-left:10px;
	}
	.breadcrumb ul li {
		float:left;
		margin:0 2px;
	}
	.breadcrumb li a:after {
		content:' >';
	}
	.breadcrumbLabel {
		float:left;
		color:#eaeef3;
		margin:10px 0;
	}

/* NAV STYLES  */
	#mainNav {
		float:right;
		margin:0;
		padding:0;
		list-style:none;
		position:absolute;
		bottom:1px;
		right:-10px;
	}
	#mainNav li {
		float:left;
		margin:0;
	}
	#mainNav li a {
		display:block;
		float:left;
		padding:14px 5px;
		margin:0 3px;
		text-transform:uppercase;
		color:#a6acb3;
		font-family:Arial, Helvetica, sans-serif;
		font-size:110%;
	}
	#mainNav li a:hover, #mainNav li a.current {
		text-decoration:none;
		border-bottom:3px solid #4c9cbb;
		padding-bottom:10px;
		color:#eaeef3;
	}

/* PANEL STYLES  */	
	.imgWrap {
		padding:9px;
		float: left;
	}
	.hpimgWrap {
		padding:0;
	}
	.subnavWrap {
		float: right;
		width: 215px;
		padding: 15px 10px 0 10px;
		margin: 0;
	}
	* html .IEwidth{
		width: 213px;
	}
	.subnavWrap h3 {
		font-size:140%;
		text-transform:uppercase;
		margin:0 0 10px 0;
		font-weight:normal;
	}
	.subnavWrap h3 a {
		color:#fff;
	}
	.nosubnav {
		display: none;
	}
	#subnav {
		list-style:none;
		margin:0;
		padding:0;
		font-size:120%;
		font-weight:bold;
	}
	#subnav li {
		background:url(../images/icon.arrow.gif) no-repeat 0 0;
		padding:0 0 0 25px;
	}
	#subnav li a {
		display:block;
		padding:0 0 10px 0;
		text-transform:uppercase;
		color:#a6acb3;
	}
	#subnav li a:hover, #subnav li a.current {
		color:#4c9cbb;
		text-decoration:none;
	}
	
	
	
/* TOP MENU */	
	.topMenu {
		list-style:none;
		margin:0;
		padding:0;
		position:absolute;
		top:0;
		right:-10px;
		font-weight:bold;
		font-size:90%;
	}
	.topMenu li {
		float:left;
	}
	.topMenu li a {
		display:block;
		margin:0;
		padding:10px;
		padding-left:30px;
		float:left;
		background:url(../images/icon.arrow.gif) no-repeat center left;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CONTENT STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.homepage .subnavWrap {
		display:none;
	}
	.intro {
		font-size:170%;
		line-height:130%;
	}
	.intro span {
		color:#eaeef3;
	}	
	.contentImg {
		border:10px solid #192430;
	}
	.clientsLink {
		display:block;
		text-align:center;
		background:#fff;
		padding:20px 0;
	}
	.callToAction {
		margin:0 0 20px 0;
	}
	.newsCta div {
		border:1px solid #313c49;
		padding:10px;
	}
	.highlight {
		color:#4c9cbb;
	}
	
/* Homepage services' boxes */	
	.ourServices {
		float:left;
		width:990px;
		margin: 0 -30px 30px 0;
	}
	.ourServices ul {
		list-style:none;
		margin:0;
		padding:0;
		float:left;
	}
	.ourServices li {
		float:left;
		padding:0;
		margin: 0 19px 0 0;
	}
	* html .ourServices li {
		margin: 0 15px 0 0;
	}
	.ourServices li.last {
		margin: 0;
	}
	.ourServices li a {
		display:block;
		float:left;
		width:176px;
		height:150px;
		margin:0;
		padding:0;
		opacity:1;
	}
	.ourServices li a:hover {
		opacity:0.7;
	}
	
/* Homepage CTA's' boxes */		
	.homepageQuarterWrap {
		float:left;
		width:960px;
		margin:0 -20px 20px 0;
	}
	.homepageQuarter {
		float:left;
		width:225px;
		height:175px;
		overflow:hidden;
		margin-right:20px;
	}
	.homepageQuarterWrap .last { margin-right:0; }
	
	.homepageQuarter div {
		background:#0c1421;
		padding:15px;
		font-size:0.9em;
	}
	.homepageQuarter a {
		opacity:1;
	}
	.homepageQuarter a:hover {
		opacity:0.7;
	}
	
	.homepageQuarter h3, .callToAction h3 {
		height:16px;
		text-indent:-3000em;
		font-size:1px;
		overflow:hidden;
		margin:0 0 10px 0;
		padding:0;
	}
	.titleClientshp { background:url(../images/title_clientshp.gif) no-repeat left top; }
	.titleCareershp { background:url(../images/title_careershp.gif) no-repeat left top; }
	.titleNewshp { background:url(../images/title_newshp.gif) no-repeat left top; }
	.titleContacthp { background:url(../images/title_contacthp.gif) no-repeat left top; }
	
	
	.vacancy {
		border-bottom:1px solid #192430;
		border-top:1px solid #192430;
		padding-top:15px;
	}
	.vacancy h3 span {
		display:block;
		font-size:80%;
		color:#666;
		margin:5px 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* NEWS STYLES  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.leadStory {
		border-bottom:1px solid #192430;
		padding-bottom:20px;
		margin-bottom:20px;
	}
	.leadStory h3 span {
		display:block;
		font-size:80%;
		color:#999;
		margin-bottom:10px;
	}
	.leadStory .leadIntro {
		font-size:140%;
		line-height:150%;
		border:1px solid #313c49;
		padding:10px;
		margin:0 0 20px 0;
		color:#4c9cbb;
	}
	.newsArchive {
		margin:0 0 30px 0;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* FOOTER ELEMENTS  */   
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

 	.quarter {
		width:175px;
		float:left;
		margin:0 20px 0 0;
		padding:25px;
	}
	#footer .last {
		margin:0;
	}
	#footer p {
		line-height:160%;
		margin: 0;
	}



#seotools {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background:#fff;
	text-align:center;
	z-index:100;
	padding:5px 0;
	opacity:0.9;
	}