/*-----------------------------------------------------------------------------
author:    www.blackwaspdigital.com
-----------------------------------------------------------------------------*/

/* =cypher-surveying Global
-----------------------------------------------------------------------------*/
body {
	background:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#ffffff;	
	padding:0;
	margin:0;
	position:relative;
	}
	
.bgImage {
	position:absolute;
	top:0;
	left:0;
	z-index:-100;
	width:100%;
	}
	
/* =nav Desktop
-----------------------------------------------------------------------------*/
	
header {
	height:177px;
	padding:8px 0 0 0;
	background:url(../img/bannerBg.png) top center no-repeat;
	}
	
#headerInner {
	width:1200px;
	margin:0 auto;
	position:relative;
	}
	
#headerLogo {
	padding:9px 0 0 0;
	float:left;	
	}
	
#motto {
	top:13px;
	right:93px;
	position:absolute;
	z-index:5000;
	}
	
nav {	
	height:72px;
	margin:91px 0 0 0;
	float:left;
	}
	
nav>ul {
	list-style:none;
	padding:0;
	margin:0 0 0 31px;
	font-family: 'eurostilebold', sans-serif;
	font-size:16px;
	height:72px;
	}
	
nav>ul>li {
	list-style:none;
	float:left;
	position:relative;	
	}
	
nav>ul>li>a:link, nav>ul>li>a:visited {
	color: #ffffff;  
    display: inline-block;
    text-align: center;  
    text-decoration: none;  
    line-height: 72px;   
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out; 
	box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
	margin-right:0;
	padding:0 0;
	text-shadow: 2px 2px 1px #003563;
	border-left:#003563 solid 1px;
	border-right:#0298d8 solid 1px;
	width:110px;
	}
	
nav>ul>li>a:hover, nav>ul>li>a:active {
	background:#003563;
	color:#a5a5a5;
	}
	
nav>a#pull {  
    display: none;  
	} 
	
/* dropdown details */

nav>ul>li>a:hover .navDownMenu:hover, nav>ul>li>a:active .navDownMenu:hover {
	color:#ffffff;
	}
	
nav>ul>li:hover .navDownMenu {
	display:block;
	width:150px;
	}

.navDownMenu {
	display:none;	
	position:absolute;
	z-index:150;
	background:#053f72;
	top:72px;
	left:0px;
	-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.25);
	padding:10px 0 10px 0;	
	font-size:14px; 
	font-weight:400;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	font-family: 'eurostileregular', sans-serif;
	}
	
.navDownMenu>li {
	text-align:left;
	list-style:none;
	}
	
.navDownMenu>li>a {
	text-decoration:none;
	color:#ffffff;
	line-height:15px;
	display:block;
	padding:5px 15px;		
	}
	
.navDownMenu>li>a:hover {
	color:#ffffff;
	background:#0298d8;
	}
	
@media screen and (max-width: 1250px) {
	
header {
	background:url(../img/bannerBgSm.png) top left no-repeat;
	}
	
#headerInner {
	width:100%;
	margin:0 auto;
	position:relative;
	}
	
#headerLogo {
	padding:9px 21px 0 21px;
	float:left;	
	}
	
}

@media screen and (max-width: 1100px) {
	
	
nav>ul {
	margin:0 0 0 10px;
			
	}

nav>ul>li>a:link, nav>ul>li>a:visited {
	width:100px;
	}
	
}

@media screen and (max-width: 1000px) {
	
nav>ul {
	font-size:15px;
	}

nav>ul>li>a:link, nav>ul>li>a:visited {
	width:93px;
	}
	
}

@media only screen and (max-width : 950px) { 

header {
	height:auto;
	padding:0;
	margin:0;
	background:rgba(0, 0, 0, 0.85);
	} 
	
#headerInner {
	padding:0;
	}

.headerLogoBox {
	padding:5%;
	float:none;
	margin:0 auto;
	display:block;
	background:#FFFFFF;
	width:30%;
	float:left;	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+45,f1f1f1+76,f6f6f6+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 45%, #f1f1f1 76%, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 45%,#f1f1f1 76%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  #ffffff 45%,#f1f1f1 76%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
	
#headerLogo {
	padding:0;
	float:none;
	margin:0 auto;
	max-width:219px;
	width:85%;
	height:auto;
	}
	
#motto {
	top:0;
	right:0;
	position:relative;
	float:right;
	width:50%;
	padding:5% 5% 0 5%;
	height:auto;
	}
	
nav {   
	height: auto; 
	font-size:1em; 
	width:100%;
	float:none;
	background:#006fbe;
	margin:0;
	clear:both;
    }  
	
nav>ul {   
	display: block;  
	height: auto; 
	background:#003d73; 
	font-size:20px;
	margin:0;
	padding:0;
    } 
	 
nav>ul>li {  
	display: block;  
	float: none;  
	width: 100%; 
	border-bottom: 1px solid #0298d8;
	float:none;
	border-right:none;
	border-left:none;
	text-align:center;
    }  
	
nav>li>a {  
	border-right:none; 
	height:auto;
	padding:0;
	display: block;
    } 
	
nav li:first-child a {  
    border-left:none; 
	} 
	 
nav>a {  
	text-align: left;  
	width: 100%;  
	text-indent: 25px;  
	height:auto;
	line-height:60px;  
	display:inline-block;
	color:#0298d8;
	text-decoration:none;
	font-family: 'eurostilebold', sans-serif;
    }
	
nav>li>a {   
    box-sizing:border-box;  
    -moz-box-sizing:border-box;  
    -webkit-box-sizing:border-box;  
	border-top:none;
	border-bottom:none;
	margin:0;
	display:block;
	border-right:none;
	border-left:none;
	text-align:center;
	} 
	
nav>ul>li>a:link, nav>ul>li>a:visited {
    display:block;
	border-left:none;
	border-right:none;
	width:100%;
	}
	
nav>li>a:hover, nav>li>a:active {    
	border-top:none;
	border-bottom:none;
	background:rgba(255, 255, 255, 0.15);
	}
	
nav {  
	border-bottom: 0; 
    } 
	 
nav>ul {  
	display: none;  
	height: auto;  
    } 
	 
nav a#pull {  
	display: block;    
	width: 100%;  
	position: relative;  
    }  
	
nav a#pull:after {  
	content:"";  
	background: url('../img/nav-icon.png') no-repeat top right;  
	width: 30px;  
	height: 30px;  
	display: inline-block;  
	position: absolute;  
	right: 20px;  
	top: 18px;  
    }  
	
nav>ul>li:hover .navDownMenu li {
	display:none;
	}
	
.navDownMenu {
	display:none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding:0;
	margin:0;
	border:none;
	} 
	
ul.navDownMenu li {
	display:none;
	padding:0;
	margin:0;
	border:none;
	} 
	
}

	
.clearfix:before, .clearfix:after {  
    content: " ";  
    display: table;  
	} 
	 
.clearfix:after {  
    clear: both;  
	} 
	 
.clearfix {  
    *zoom: 1;  
	}	

/* =banner
-----------------------------------------------------------------------------*/
.banner {
	background:#333333 url(../img/bannerBg.jpg) center center;
	padding:3% 3% 8% 3%;
	border-bottom:#777c84 solid 3px;
	position:relative;
	z-index:4000;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
	
.banner h1 {
	font-size:4em;
	line-height:90%;
	padding:0;
	margin:0 0 0 0;
	font-family: 'eurostilebold', sans-serif;
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	}
	
@media screen and (max-width: 1450px) {
	
.banner {
	padding:3% 3% 10% 3%;
	}
		
}
	
@media screen and (max-width: 1350px) {
	
.banner {
	padding:3% 3% 3% 3%;
	}
		
}

@media screen and (max-width: 800px) {
	
.banner {
	padding:1.25em 1em 1em 1em;
	}
	
.banner h1 {
	font-size:2em;
	}
		
}


/* =content structure
-----------------------------------------------------------------------------*/
.container {
	padding:18px 0 0 0;
	}
	
.content {
	width:1200px;
	margin:0 auto 0 auto;
	padding:0 0 3em 0;
	position:relative;
	}

section {
	width:90%;
	padding:5%;	
	margin:0 auto;
	background:rgba(0, 0, 0, 0.85);
	}	
	
.leftColTwoThirds {
	width:60%;
	float:left;
	}
	
.rightColOneThird {
	width:35%;
	float:right;
	}
	
.leftCol{
	width:47.5%;
	float:left;
	}
	
.rightCol {
	width:47.5%;
	float:right;
	}

	
/* =blueBtn
-----------------------------------------------------------------------------*/
.blueBtn {
	width:100%;
	padding:0;
	margin:0 0 1.5em 0;
	height:auto;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	text-align:center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006fbe+0,003d73+100 */
	background: #006fbe; /* Old browsers */
	background: -moz-linear-gradient(top,  #006fbe 0%, #003d73 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #006fbe 0%,#003d73 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #006fbe 0%,#003d73 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fbe', endColorstr='#003d73',GradientType=0 ); /* IE6-9 */

	}
	
.blueBtn:hover {
	color:#ffffff;
	background:#333333;
	}
	
.blueBtn a {
	font-family: 'eurostileregular', sans-serif;
	font-size:1em;	
	font-weight:normal;
	color:#ffffff;
	display:block;
	padding:5% 5% 4% 5%;
	width:90%;
	text-decoration:none;
	line-height:90%;
	text-shadow: 2px 2px 1px #003563;
	}
	
.blueBtn a:hover {
	text-shadow: 2px 2px 1px #000000;
	}
	
/* divider */
	
.divider {
	height:1px;
	background:#c70600;
	width:100%;
	margin:0 0 1.5em 0;
	}
	
@media screen and (max-width: 1250px) {
	
.content {
	width:100%;
	}
	
}
	
@media screen and (max-width: 950px) {
	
.container {
	padding:0 0 0 0;
	}
	
.content {
	padding:0 0 0 0;
	}
		
}

@media screen and (max-width: 600px) {
	
section {
	width:85%;
	padding:10% 7.5%;	
	}
	
.leftColTwoThirds {
	width:100%;
	float:none;
	}
	
.rightColOneThird {
	width:100%;
	float:none;
	}
	
.leftCol{
	width:100%;
	float:none;
	}
	
.rightCol {
	width:100%;
	float:none;
	}

}
	


/* =Typography
-----------------------------------------------------------------------------*/	
section h1 {
	font-size:3.25em;
	line-height:70%;
	padding:0 0 0 56px;
	margin:0 0 .35em 0;
	font-family: 'eurostilebold', sans-serif;
	font-weight:normal;
	color:#ffffff;
	background:url(../img/h1Bar.png) top left no-repeat;
	vertical-align:top;
	text-shadow:2px 2px 2px #000000;
	}
	
section h2 {
	font-size:1.25em;	
	line-height:90%;
	margin:0 0 .25em 0;
	font-family: 'eurostilebold', sans-serif;
	font-weight:normal;
	}
	
section h2 a {
	color:#0078c1;
	padding:1px 2px;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}
	
section h2 a:link, section h2 a:visited {
	text-decoration:underline;
	}

section h2 a:hover, section h2 a:active {
	color:#ffffff;
	background:#0078c1;
	text-decoration:none;
	}
	
section h3 {
	font-family: 'eurostilebold', sans-serif;
	font-weight:normal;
	color:#d9d9d9;
	margin:0 0 .25em 0;
	}
	
small {
	font-size:80%;
	}
	
em {
	font-style:italic;
	}
	
section p {
	padding:0 0 2em 0;
	line-height:1.2em;
	}
	
ul.contentUl {
	width:100%;	
	margin:0 0 2em 1.5em;
	list-style:none;
	}
	
ul.contentUl li {
	list-style:disc;
	padding:0 0 .1em 0;
	}
	
ul.contentUl ul {
	margin:0 0 1em 1.5em;
	list-style:none;
	}

	
/* Links */	
		
section p a {
	padding:1px 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	color:#0078c1;
	}

section p a:link, section p a:visited {
	text-decoration:underline;
	}

section p a:hover, section p a:active {
	color:#ffffff;
	background:#0078c1;
	text-decoration:none;
	}
	
@media screen and (max-width: 620px) {
	
body {
	font-size:80%;	
	}
	
section h1 {
	text-align:center;
	padding:0 0 0 0;
	background:none;
	}
	
section h2 {
	text-align:center;	
	}
	
section h3 {
	text-align:center;	
	}
	
section p {
	text-align:center;	
	}
	
}

@media screen and (max-width: 450px) {
	

	
}
	
	

/* =footer
-----------------------------------------------------------------------------*/
.footerContainer {
	position:fixed;
	bottom:-85px;
	left:0;
	width:100%;
	height:140px;
	}

.footerUpper {
	background:url(../img/footerUpperOuterBg.png) top center no-repeat;
	height:76px;
	margin:-2em 0 0 0;
	}

footer {
	width:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:#ffffff;
	background:#000000;
	height:140px;
	}
	
.footerInner {
	width:1200px;
	margin:0 auto;
	padding:1.5em 0 5em 0;
	}
	
.footerLeft {
	width:30%;
	float:left;
	}
	
.footerLogo {
	-webkit-transition: opacity 0.4s ease-in-out;
	-moz-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	max-width:198px;
	width:100%;
	margin:0 0 .5em 0;
	}
	
.copyRight {
	font-size:.75em;
	color: #CCC;
	}
	
#bwdCredits {
	width:127px;
	padding:0 0 50px 0;
	margin:-.7em 0 0 0;
	float:right;
	display:none;
	}
	
#bwdCredits h1 {
	width:127px;
	font-size:60%;
	height:44px;
	text-indent:-10000px;
	position:relative;
	}
	
#h1bwd {
	width:127px;
	height:44px;
	background:url(../img/bwdCredits.png) no-repeat;
	position:absolute;
	top:0;
	left:0;
	}
	
#bwdCredits a, #bwdCredits a:link, #bwdCredits a:visited  {
	text-decoration:none;
	}
	
@media screen and (max-width: 1250px) {
	
.footerInner {
	width:85%;
	padding:1.5em 0 3em 0;
	}
	
}

@media screen and (max-width: 950px) {
	
.footerContainer {
	position:relative;
	bottom:auto;
	left:auto;
	}

.footerUpper {
	background:url(../img/footerUpperOuterBg.png) top center no-repeat;
	height:76px;
	margin:0 0 0 0;
	clear:both;
	}
		
}

@media screen and (max-width: 750px) {

.footerLeft {
	width:100%;
	float:none;
	}
	
.footerLogo {
	max-width:198px;
	margin:0 auto .5em auto;
	}
	
.copyRight {
	text-align:center;
	}
	
#bwdCredits {
	width:127px;
	padding:0 0 50px 0;
	margin:2em auto 0 auto;
	float:none;
	}
			
}



/* =IE Sucks
-----------------------------------------------------------------------------*/
#iewarning {
	padding:10em;
	text-align:center;
	color:#C00;
	background:#ffffff;
	font-weight:bold;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.25em;
	}
	
#iewarning a {
	color:#ffffff;
	background:#C00;
	padding:0px 3px;
	font-weight:bold;
	-webkit-transition: background 0.4s ease-in-out;
	-moz-transition: background 0.4s ease-in-out;
	-o-transition: background 0.4s ease-in-out;
	transition: background 0.4s ease-in-out;
	}

#iewarning a:link, #iewarning a:visited {
	text-decoration:none;
	}

#iewarning a:hover, #iewarning a:active {
	color:#C00;
	background:none;
	text-decoration:underline;
	}