/* CSS Document 
-----------------------------------

Carefully crafted by Mike Wedge
- www.fifteenten.co.uk 

----------------------------------- */



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:none;font-size:100%;font:inherit;outline:none;margin:0;padding:0}
ul,ol{list-style-type:none}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
input[type=submit]::-moz-focus-inner,input[type=checkbox]::-moz-focus-inner{border:none;outline:none}
html{-webkit-font-smoothing:antialiased}
#accessibility_navigation,#website_information_print{display:none}
.hr.light{width:100%;border-top:1px solid #FFF;display:block;height:1px;border-bottom:1px solid #CCC;margin:20px 0}
.hr{width:100%;display:block;margin:20px 0;border-top:1px solid #313030}
hr {display:none;}
::selection,::-moz-selection{background:#f1d6c2}
img { border:none; }
a {outline:0 !important;}
.clearfix {clear:both;}
.no_display {display:none !important;}
.mob {display:none !important;}
.desk {display:block !important;}
.make_bold {font-weight:bold;}
.float_right {float:right;}
.float_left {float:left;}
ul {list-style:none;}
.align_right {text-align:right;}
.smaller_text {font-size:10px;}
.make-light {font-weight:normal !important;}
.make-white {color:#fff !important;}
.make-red {color:red;}
.last {margin-right:0px !important;}

/* Font face
-----------------------------------*/




/* Class Resets
-----------------------------------*/



* {margin:0;padding:0;outline:0 !important;}

html, body {
	height:100%;
	background:black;
	width:100%;
	font-family: 'helvetica neue', helvetica, arial;
	min-height:100%;
}

body {
	background:url(../images/body-bkd.jpg) repeat 0 0 #000; 
	line-height:18px;
	height:100%;
	font-size:12px;
	color:#fff;
	}

hr {
	display:none;
	}

.hr {
	height: 5px;
	clear: both;
	background: none;
	margin-bottom: 16px;
	margin-top: 10px;
	}

.contact_table {
	width:100%;
	}
	
.contact_table td {
	vertical-align:top;
	}

hr {display:none;}

span.make-blue, a {
	color:#54BAEF;
	text-decoration:none;
	}
	
a:hover, .active a {
	color:#1986c0;
	}


h1, h2, h3, h4, h5, h6 {
	font-family:arial, helvetica;
	font-weight:bold;
	color:#fff;
	}

h1 {font-size:34px;line-height:28px;}
h2 {font-size:26px;line-height:24px;}
h3 {font-size:22px;line-height:20px;}
h4 {font-size:18px;line-height:18px;}
h5 {font-size:16px;line-height:18px;}
h6 {font-size:14px;line-height:18px;}

h1, h2 {
	margin-top:30px;
	margin-bottom:20px;
}
h3, h4, h5, h6 {
	margin-top:25px;
	margin-bottom:20px;
}
p, ul, ol, table {
	margin:10px 0 25px;
	line-height:21px;
	font-size:13px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2. WRAPPERS 
-----------------------------------*/

#wrapper {
	position: relative;
	padding-bottom:0px;
	background-attachment: fixed;
	background-image: url(../images/city-bkd.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	padding-top:75px;
}
	
.content-wrap {
	width:960px;
	margin:0 auto;
	position:relative;
	}
	
	
/* 3. HOME PAGE 
-----------------------------------*/

#strike-agent {
	position: absolute;
	left: -70px;
	top: 0px;
	width: 495px;
	height: 648px;
}
#intro-text {
	width:460px;
	float:right;
	height:auto;
}
h1#home-logo {
	width:349px;
	height:185px;
	display:block;
}
h1#home-logo a {
	display:block;
	height:185px;
	width:349px;
	background:url(../images/logo.png) no-repeat 0 0 transparent;
	text-indent:-99999em;
}
ul.large li {
	font-size:14px;
	font-weight:bold;
	line-height:1.4em;
	background:url(../images/bullet.png) no-repeat left 17px transparent;
	padding:10px 0 10px 15px;
	border-top:1px solid #404040;
}
#home-top {
	display:block;
	padding-top:50px;
	position:relative;
	z-index:777;
	padding-bottom:80px;
}

/* 4. QUICKLINKS
-----------------------------------*/

#quicklinks {
	width:100%;
	border-top:1px solid #202020;
	border-bottom:1px solid #202020;
	height:195px;
	display:block;
	position:relative;
	z-index:888;
	background:url(../images/qlink-bkd.png) repeat 0 0 transparent;
}
#quicklinks li {
	display: block;
	float: left;
	width: 22%;
	margin-right: 3%;
}
#quicklinks li a {
	text-transform:uppercase;
	font-weight:bold;
}
#quicklinks ul li a span {
	display:block;
	font-size:16px;
}
#quicklinks ul li a:hover {
	color:#fff;
}
#quicklinks ul li a span.link-box {
	margin-top:10px;
	overflow:hidden;
	width:224px;
	height:109px;
	display:block;
	position:relative;
	border:1px solid #444;
}
img.qlink-button-bkd {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10;
}
img.corner-shadow {
	position: absolute;
	z-index: 20;
	bottom: 0px;
	left: 0px;
}
img.chevron-blue {
	position: absolute;
	z-index: 30;
	bottom: 11px;
	left: 10px;
}
img.chevron-hover {
	position: absolute;
	z-index: 40;
	bottom: 11px;
	left: 10px;
	display:none;
}





/* 5. FOOTER
-----------------------------------*/

footer {
	background:#000;
	display:block;
	clear:both;
	color:#fff;
	font-size:10px;
	padding-top:5px;
	text-transform:uppercase;
	font-weight:bold;
	height:28px;
	border-top:1px solid #202020;
}
footer li, footer p {
	font-size:11px;
	line-height:20px;
	margin-bottom:20px;
}
#footer-left {
	float:left;
	width:45%;
}
#footer-right {
	float:right;
	width:45%;
}



/* 6. NAV-----------------------------------*/

nav {
  position: fixed;
  top: 0;
  left: 0px;
  width: 100%;
  background: #000;
  height: 57px;
  z-index: 999;
  display: block;
  border-bottom: 1px solid #565656;
  z-index: 9995;
}
nav ul {
	margin:0 auto;
	padding-top:10px;
}
nav ul li {
	display:block;
	float:left;
}
nav ul li a {
  display: block;
  float: left;
  position: relative;
  height: auto;
  width: 98px;
  padding: 6px 0 8px 30px;
  background: #121b21;
  border: 1px solid #396C88;
  text-align: left;
  margin-right: 8px;
}
nav ul li a img {
  margin: 0 auto;
  position: absolute;
  left: 5px;
  top: 7px;
}
nav ul li a span {
  clear: both;
  border-top: 0px;
  padding-top: 0px;
  font-weight: bold;
  margin-top: 0px;
  color: #fff;
  display: block;
  max-width: 90px;
  font-size: 13px;
  margin: 0 auto;
}
nav ul li.last a {
	margin-right:0px;
}

#menu-button {
	display:none;
	position:absolute;
	font-weight:bold;
	font-size:20px;
	top:0;
	right:0px;
	text-transform:uppercase;
	z-index:8888;
}
#menu-button span {
	width: 122px;
	height: 35px;
	color: #fff;
	position: absolute;
	right: 14px;
	display: block;
	background: url(../images/menu-icon.png) no-repeat 26px 13px #000;
	border-left: 1px solid #565656;
	border-bottom: 1px solid #565656;
	border-right: 1px solid #565656;
	border-top: 1px solid #000;
	text-align: center;
	padding-top: 10px;
	cursor:pointer;
	padding-left: 23px;
	color: #0098ca;
	background-size: 20px;
}
#menu-button span.open {display:none;}

#mob-menu {
	display: none;
	height: 25px;
	width: 32px;
	position: absolute;
	top: 25px;
	right: 22px;
	text-indent: -9999em;
	cursor: pointer;
	z-index:9999;
	overflow:hidden;
}
#mob-menu span {
	display:block;
	width:32px;
	height:25px;
	position:absolute;
	top:0px;
	left:0px;
}
#mob-menu span.closed {
	background: url(../images/menu-icon.png) no-repeat 0px 0 transparent;
}

#mob-menu span.open {
	background: url(../images/menu-icon-close.png) no-repeat 0px 0 transparent;
	display:none;
	}

nav ul li a:hover,
nav ul li.active a {background:1b4d68;}
nav ul li+li a:hover,
nav ul li+li.active a {background:#1c6b5d;}
nav ul li+li+li a:hover,
nav ul li+li+li.active a {background:#2b6b1c;}
nav ul li+li+li+li a:hover,
nav ul li+li+li+li.active a {background:#6a5d1c;}
nav ul li+li+li+li+li a:hover,
nav ul li+li+li+li+li.active a {background:#6a2a1c;}
nav ul li+li+li+li+li+li a:hover,
nav ul li+li+li+li+li+li.active a {background:#681c44;}
nav ul li+li+li+li+li+li+li.active a,
nav ul li+li+li+li+li+li+li a:hover {background:#681b1b;}

/* 7. WHITE OVERLAY -----------------------------------*/

#white-overlay {
	position:fixed;
	top:0px;
	display:none;
	left:0px;
	width:100%;
	height:100%;
	background:url(../images/menu-overlay.png) repeat 0 0 transparent;
	z-index:888;
	cursor:pointer;
}

/* 8. CONTENT PAGES
-----------------------------------*/

.content h1#home-logo {
	width: 243px;
	height: 117px;
	display: block;
	margin:0 auto;
}
.content h1#home-logo a {
	display: block;
	height: 117px;
	width: 243px;
	background: url(../images/logo.png) no-repeat 0 0 transparent;
	text-indent: -99999em;
	background-size: 100%;
}
.content #strike-agent {
	width: 200px;
	height: 210px;
	position: absolute;
	z-index: 10;
	left: 0px;
	bottom: -15px;
	top: auto;
}
.content #strike-agent img {
	width:100%;
	height:auto;
}
#main-header {
	height:195px;
	padding-top:40px;
	overflow:hidden;
}
#main-header h2 {
	text-align: center;
	letter-spacing: -1px;
}
#main {
	width: 100%;
	display: block;
	background: url(../images/main-nkd.jpg) repeat 0 0 transparent;
	padding-top: 30px;
}
#focus {
	width:710px;
	float:left;
	margin-bottom:30px;
}

/* 9. TEXT AREA 
-----------------------------------*/


#focus h1:first-child::after,
#focus h2:first-child::after,
#focus h3:first-child::after,
#focus h4:first-child::after,
#focus h5:first-child::after {
	border-bottom: 1px solid #fff;
	clear: both;
	display: block;
	content: ' ';
	width: 50px;
	margin: 20px 20px 20px 0;
}
#text-area {
	display:block;
	width:88%;
	padding:20px 6%;
	background:#000;
	margin-top:20px;
}
ul.big-link {
	margin:30px 0 10px;
	font-size:16px;
	font-weight:bold;
}
ul.big-link li {
	background: url(../images/chevron-icon.png) no-repeat 0 0 transparent;
	padding: 3px 0 5px 35px;
	margin-bottom:12px;
}
#focus li {
  background: url(../images/chevron-white-small.png) no-repeat 3px 13px transparent;
  padding: 6px 0 6px 16px;
}




/* 10. ASIDE
-----------------------------------*/

aside {
	display: block;
	float: right;
	width: 225px;
}
#subnav {
	background: #000;
	padding: 20px;
}
#subnav h4 {
	margin-top:0px;
}
#subnav ul li {
	display:block;
	margin-bottom:9px;
}
#subnav ul li a {
	display: block;
	padding: 8px 27px 8px 10px;
	width: 140px;
	background: url(../images/chevron-white.png) no-repeat 152px 11px transparent;
	border: 1px solid #236d94;
	font-weight: bold;
	font-size: 14px;
	transition:ease-in 0.1s all;
	-webkit-transition:ease-in 0.1s all;
	-moz-transition:ease-in 0.1s all;
}
#subnav ul li.active a,
#subnav ul li a:hover {
	background: url(../images/chevron-white.png) no-repeat 159px 11px #101b21;
}
aside #quicklinks {
	background: none;
	border: 0px;
	margin: 20px 0;
	height:auto;
}
aside #quicklinks li {
	float: none;
	width: 100%;
	margin-right: 0;
}
aside #quicklinks li a {
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	width: 100%;
	height: 142px;
	padding: 10px 1px 0;
	margin-bottom: 20px;
}


/* 11. SEARCH BOX
-----------------------------------*/

#search-box {
	background: #000;
	width: 92%;
	margin-left:1%;
	margin-right:1%;
	height: 70px;
	padding: 25px 4% 40px;
}
img#sparkle {
	position: absolute;
	top: -18px;
	right: -27px;
}
#search-box .search-col {
	width:22%;
	display:block;
	float:left;
	margin-right:3%;
}
#search-box p {
	font-size:14px;
	font-weight:bold;
	margin:10px 0;
}
#search-box input {
	background:#000;
	border:1px solid #444;
	padding:8px 6%;
	width:88%;
	color:#fff;
}

.styled-select select {
   background: url(../images/select-arrow.png) no-repeat right top transparent;
   width: 100%;
   padding: 8px 5%;
   line-height: 1;
   border: 1px solid #444;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   color:#fff;
   }
#search-box input.blue-button {
	background:#1779ad;
	font-weight:bold;
	width:100%;
	text-transform:uppercase;
	margin-top:40px;
	cursor:pointer;
}
#vacancy-boxes {
	display:block;
}
#vacancy-boxes li {
	display:block;
	float:left;
	width:23%;
	margin-right:1%;
	margin-left:1%;
	background:#000;
	margin-bottom:20px;
}
#vacancy-boxes li a {
	padding:20px;
	display:block;
	position:relative;
	height:160px;
}
#vacancy-boxes li a span.job-title {
	font-size:16px;
	font-weight:bold;
	display:block;
}
#vacancy-boxes li a span.job-title::after {
	border-bottom: 1px solid #fff;
	clear: both;
	display: block;
	content: ' ';
	width: 50px;
	margin: 15px 20px 15px 0;
}
#vacancy-boxes li a span.subtitle {
	color:#fff;
}
#vacancy-boxes li a img {
	max-width:25px;
	height:auto;
	position:absolute;
	bottom:20px;
	right:20px;
}
#vacancy-boxes li a img.cv {
	width: 100%;
	height: auto;
	max-width: 100%;
	bottom: auto;
	top: 0px;
	right: auto;
	left: 0px;
}
#pagination {
	font-weight: bold;
	text-align: center;
	padding: 20px 0 10px;
	background: #000;
}
#pagination p {
	font-size:16px;
}
#pagination a {
	margin:0 7px;
}

#banner-contain {
	display:block;
	margin-bottom:20px
}


/* 12. MEET THE TEAM PAGE
-----------------------------------*/

.team-box {
	background: #000;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
}
.profile-pic {
	height:100%;
	width:125px;
	display:block;
	position:absolute;
	top:20px;
	left:20px;
}
.profile-text {
	display: block;
	float: right;
	margin-left: 165px;
	padding: 20px 40px 20px 0;
}
.profile-text p.team-name {
	margin-top:10px;
	font-weight:bold;
}
.profile-text span.fullname {
	font-size:18px;
	margin-bottom:10px;
	display:block;
}
.profile-text span.jobtitle {
	font-size:14px;
	margin-bottom:10px;
	display:block;
}
.profile-text span.jobtitle::after {
	border-bottom: 1px solid #fff;
	clear: both;
	display: block;
	content: ' ';
	width: 50px;
	margin: 15px 20px 15px 0;
}
p.soc-links {
	max-width: 140px;
	float: right;
}
p.email-address {
	font-weight:bold;
	font-size:16px;
}
p.soc-links img {
	max-width:37px;
}

/* BLOG LIST 
----------------------------- */

#blog-list {
	display:block;
}
article.blog-hint {
  position: relative;
  width: 88%;
  padding: 20px 6%;
  margin-top: 25px;
  background: #000;
  overflow: hidden;
}
#blog-list article:first-child {
	margin-top:0px;
}
.blog-pic {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}
.blog-summary {
  margin-left: 200px;
}
.blog-article #text-area {
	margin-top:0px;
}

/* JOBS PAGE
-----------------------------------*/

#search-box.job-detail {
  margin-left: 0;
  margin-right: 0;
}

aside img.cv {
  margin-top: 15px;
}

form {
	display:block;
	clear:both;
}
input, textarea {
	border: 1px solid #555;
	background:none;
	padding:12px 3%;
	width:94%;
	clear:both;
	display:block;
	color:#fff;
}
textarea {
	min-height:80px;
	margin-bottom:20px;
}
label {
	display:block;
	clear:both;
	margin:20px 0 5px;
}
input.blue-button {
  background: #1779ad;
  font-weight: bold;
  width: 100%;
  text-transform: uppercase;
  cursor: pointer;
}
input[type="file"] {
	width:auto;
	padding-left:10px;
}
input[type="submit"] {
	width:200px;
	margin:30px 0;
}