/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
	border: none;
}

html {
	height: 100%;
	background-color: #000000;
}

body {
	height: 100%;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: url(../images/background-tile.png) repeat-x;
}

#wrap {
	min-height: 100%;
}

#container {
	padding-bottom: 70px; /* must be same height as the footer */
	height: 100%;
}



h1 {
	
	font-family: CenturyGothic, Arial, Helvetica, sans-serif;
	font-size: 38px;
	color: #c0c0c0;
}

h2 {
	font-family: CenturyGothic, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #1d9ce3;
	line-height: 30px;
}

p {
	margin: 0px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

p.quote {
	margin: 0px 0px 20px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: italic;
	text-align: center;
	color: #1d9ce3;
}

#slider p {
	margin: 10px 0px 10px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

#header {
	margin: 0px auto;
	width: 1074px;
	height: 152px;
	background: url(../images/header.png) no-repeat;
}

#logo {
	padding: 8px 0px 0px 400px;
	width: 528px;
	height: 118px;
}

#toolbar {
	margin: 3px auto 0px auto;
	width: 960px;
	height: 46px;
	line-height: 46px;
	background: url(../images/nav-tile.png) repeat-x;
	text-align: center;
}

#slider {
	margin: 0px auto;
	width: 960px;
	height: 280px;
}

/*--- CONTENT ---*/

.content-container {
	margin: 25px auto 10px auto;
	width: 960px;
	overflow: auto;
	border-bottom: 1px solid #ffffff;
}

.header-container {
	margin: 0px 0px 20px 0px;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.header-bullet {
	margin: 5px 10px 0px 10px;
	width: 57px;
	height: 48px;
	float: left;
	background: url(../images/header-bullet.png) top left no-repeat;
}

.header-text {
	margin: 9px 0px 0px 0px;
	padding: 0px 20px;
	height: 47px;
	float: left;
	display: inline;
	/* background: url(../images/header-tile.png) repeat; */
}

.subheader-text {
	padding: 0px 10px;
	width: 280px;
	height: 30px;
	float: left;
	/* background: url(../images/header-tile.png) repeat; */
}

.text-container {
	padding: 0px 15px;
}

.text-thirds {
	padding: 0px 10px;
	width: 300px;
	float: left;
	overflow: auto;
}

.content-container .overflow-container {
	padding: 0px 0px 20px 0px;
	width: 100%;
	overflow: auto;
}

.content-container ul {
	margin: 15px 0px 0px 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
}

/*--- SERVICES ---*/

.company-logo-container {
	padding: 15px 15px;
	overflow: auto;
	font-size: 16px;
	font-style: italic;
	height: 100%;
}

.company-logo {
	float: left;
	width: 280px;
}

.button-container-engineering {
	margin: 31px auto 25px auto;
	width: 235px;
	float: right;
	overflow: auto;
}

.button-container-northsky {
	margin: 20px auto 25px auto;
	width: 235px;
	float: right;
	overflow: auto;
}

.button-container-northstar {
	margin: 18px auto 25px auto;
	width: 235px;
	float: right;
	overflow: auto;
}

.button-container-blackbox {
	margin: 7px auto 25px auto;
	width: 235px;
	float: right;
	overflow: auto;
}

.button-container-vigilant {
	margin: 7px auto 25px auto;
	width: 235px;
	float: right;
	overflow: auto;
}

.company-text-engineering {
	margin: 26px 0px 0px 15px;
	width: 400px;
	float: left;
}

.company-text-northsky {
	margin: 25px 0px 0px 15px;
	width: 400px;
	float: left;
}

.company-text-northstar {
	margin: 25px 0px 0px 15px;
	width: 400px;
	float: left;
}

.company-text-blackbox {
	margin: 5px 0px 0px 15px;
	width: 400px;
	float: left;
}

.company-text-vigilant {
	margin: 5px 0px 0px 15px;
	width: 400px;
	float: left;
}

ul.company-text {
	margin: 0px 0px 0px 20px;
	list-style: square;
}


/*---  CAREERS ---*/

.careers-container {
	margin: 25px auto 10px auto;
	width: 960px;
	overflow: auto;
	border-bottom: 1px solid #ffffff;
}

.careers-container .overflow-container {
	padding: 0px 0px 20px 0px;
	width: 100%;
	overflow: auto;
}

.careers-container ul {
	margin: 10px 0px 0px 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
}

.careers-container ul li {
	margin: 0px 0px 10px 0px;
	padding-left: 35px;
	line-height: 26px;
	background: url(../images/bullet-careers.png) top left no-repeat;
}

.careers-container ul li ul {
	margin: 10px 0px 0px 20px;
	list-style: square;
	font-style: italic;
}

.careers-container ul li ul li {
	padding-left: 10px;
	background: none;
	line-height: 16px;
	color: #ffffff;
}

.careers-container a {
	color: #1d9ce3;
	text-decoration: none;
}

.careers-container a:hover {
	text-decoration: underline;
}

/*--- CONTACT ---*/

.contact-container {
	margin: 25px auto 0px auto;
	width: 960px;
	overflow: auto;
}

.contact-container .overflow-container {
	padding: 0px 0px 10px 0px;
	width: 100%;
	overflow: auto;
}

.contact-container ul {
	margin: 45px 0px 0px 5px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
}

.contact-container ul li.home {
	margin: 0px 0px 10px 0px;
	padding-left: 35px;
	line-height: 26px;
	background: url(../images/contact-home.png) top left no-repeat;
}

.contact-container ul li.email {
	margin: 0px 0px 10px 0px;
	padding-left: 35px;
	line-height: 26px;
	background: url(../images/contact-email.png) top left no-repeat;
}

.contact-container ul li.phone {
	margin: 0px 0px 10px 0px;
	padding-left: 35px;
	line-height: 26px;
	background: url(../images/contact-phone.png) top left no-repeat;
}

.contact-text {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px;
	width: 650px;
	height: 100%;
	font-size: 24px;
	line-height: 32px;
	float: left;
}

.contact-container a {
	color: #ffffff;
	text-decoration: none;
}

.contact-container a:hover {
	color: #ffffff;
	background: url(../images/link-tile.png);
}

/*--- Button Top ---*/

.button-container {
	margin: 0px auto 25px auto;
	width: 960px;
	overflow: auto;
}

.button-top {
 	margin: 0px 30px 0px 0px;
	display: block;
	width: 154px;
 	height: 30px;
	float: right;
	background: url(../images/button-top.png) no-repeat 0 0;
}

.button-top:hover {
	background-position: 0 -30px;
}

/*--- Button Social Media Icons ---*/

.button-socialmedia-container {
	margin: 16px 20px 0px 0px;
	display: inline;
	float: right;
}

.button-facebook {
 	margin: 0px 10px 0px 0px;
	display: block;
	width: 30px;
 	height: 30px;
	float: right;
	background: url(../images/icon-facebook.png) no-repeat 0 0;
}

.button-facebook:hover {
	background-position: 0 -30px;
}

.button-twitter {
 	margin: 0px 10px 0px 0px;
	display: block;
	width: 30px;
 	height: 30px;
	float: right;
	background: url(../images/icon-twitter.png) no-repeat 0 0;
}

.button-twitter:hover {
	background-position: 0 -30px;
}

.button-linkedin {
 	margin: 0px 10px 0px 0px;
	display: block;
	width: 30px;
 	height: 30px;
	float: right;
	background: url(../images/icon-linkedin.png) no-repeat 0 0;
}

.button-linkedin:hover {
	background-position: 0 -30px;
}

/*--- Buton Careers ---*/

.button-careers {
 	margin: 0px 15px 0px 0px;
	width: 154px;
 	height: 30px;
	float: right;
	background: url(../images/button-careers.png) no-repeat 0 0;
}

.button-careers:hover {
	background-position: 0 -30px;
}

.button-apply {
 	margin: 0px 15px 0px 0px;
	width: 302px;
 	height: 30px;
	float: right;
	background: url(../images/button-apply.png) no-repeat 0 0;
}

.button-apply:hover {
	background-position: 0 -30px;
}
/*--- FOOTER ---*/

#footer {
	position: relative;
	margin-top: -70px; /* negative value of footer height */
	height: 70px;
	clear: both;
	background: url(../images/footer-tile.png) repeat-x;
}

#footer-container {
	margin: 0px auto;
	width: 960px;
	height: 70px;
}

.logo {
	width: 158px;
	height: 70px;
	float: left;
}

.button-nedg {
 	margin: 10px 0px 0px 0px;
	display: block;
	width: 98px;
 	height: 49px;
	background: url(../images/footer-nedg.png) no-repeat 0 0;
}

.button-nedg:hover {
	background-position: 0 -49px;
}

.button-engineering {
 	margin: 25px 0px 0px 0px;
	display: block;
	width: 115px;
 	height: 27px;
	background: url(../images/footer-engineering.png) no-repeat 0 0;
}

.button-engineering:hover {
	background-position: 0 -27px;
}

.button-northsky {
 	margin: 25px 31px 0px 0px;
	display: block;
	width: 130px;
 	height: 27px;
	background: url(../images/footer-northsky.png) no-repeat 0 0;
}

.button-northsky:hover {
	background-position: 0 -27px;
}

.button-northstar {
 	margin: 25px 31px 0px 0px;
	display: block;
	width: 148px;
 	height: 28px;
	background: url(../images/footer-northstar.png) no-repeat 0 0;
}

.button-northstar:hover {
	background-position: 0 -28px;
}

.button-blackbox {
 	margin: 32px 0px 0px 20px;
	display: block;
	width: 137px;
 	height: 21px;
	background: url(../images/footer-blackbox.png) no-repeat 0 0;
}

.button-blackbox:hover {
	background-position: 0 -21px;
}

.button-vigilant {
 	margin: 30px 0px 0px 0px;
	display: block;
	width: 132px;
 	height: 26px;
	float: right;
	background: url(../images/footer-vigilant.png) no-repeat 0 0;
}

.button-vigilant:hover {
	background-position: 0 -26px;
}

/* ---------- Fonts ----------*/

@font-face {
	font-family: CenturyGothic;
	src: url(../fonts/GOTHIC.TTF);
}
 
@font-face {
	font-family: CenturyGothicBold;
	font-weight: bold;
	src: url(../fonts/GOTHICB.TTF);
}

/*---------- Navigation ----------*/

#nav-container {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 960px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	background: url(../images/nav-tile.png);
}

#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}	

#nav li {
	float: left; 
	display: block; 
	width: 158px; 
	position: relative;
	z-index: 500;
	line-height: 45px;
	border-left: 1px solid #313131;
	border-right: 1px solid #1e1e1e;
}
		
#nav li a {
	display: block; 
	height: 46px; 
	text-decoration: none; 
	color: #ffffff; 
	text-align: center;
}

#nav li a:hover {
	color: #1d9ce3;
}

#nav li a:active {
	color: #ffffff;
	background: url(../images/nav-active.png);
}
	
/* Submenu */

#nav ul {
	margin: 0px 0px 0px -1px;
	padding: 0px;
	font-size: 12px;
	list-style: none;
	left: 0px;
	position: absolute; 
	display: none;
	border: 2px solid #393939;
	background: url(../images/nav-sub-background.png);
}
		
#nav ul li {
	width: 210px; 
	line-height: 15px;
	float: left;
	border-bottom: 1px solid #444444;
	border-left: none;
	border-right: none;
}
		
#nav ul a {
	padding: 10px 15px; 
	height: 15px;
	color: #fff;
	text-align: left;
	display: block;
}
		
#nav ul a:hover {
	color: #ffffff;
	background: url(../images/nav-sub-hover.png);
}

#nav ul a:active {
	color: #ffffff;
	background: url(../images/nav-sub-active.png);
}

/*---------- Slider ----------*/

/*--- Arrows ---*/

/* Sets position and main configs */
.slider_arrow_left {		
	bottom: 10px;
	cursor: pointer !important;
	float: left;
	height: 22px;
	left: 10px;
	position: absolute;
	width: 22px;
	z-index: 5;	
}
		
/* left arrow image */
.slider_arrow_left {	
	background: url(../images/left_arrow.png) no-repeat top left;		
}
		
/* Sets position and main configs */
.slider_arrow_right {
	bottom: 10px;
	cursor: pointer;
	float: left;
	height: 22px;
	left: 37px;
	position: absolute;
	width: 22px;
	z-index: 5;	
}
		
/* Right arrow Background */
.slider_arrow_right {	
	background: url(../images/right_arrow.png) no-repeat top left;			
}

/*--- Selectors ---*/
	
/* Sets configs for selectors containers : absolute positioned in relation to #slider */
.slider_selector, .slider_selector_dis {
	bottom: 10px;
	list-style: none;
	margin: 0 0 0 5px;
	position: absolute;
	right: 10px;
	z-index: 5;
}
	
/* Sets image of selectors */
.slider_selector li, .slider_selector_dis li {
	display: block !important;
	background: url(../images/slider_selector.png) no-repeat top left;
	cursor: pointer;
	float: left;
	margin: 0 3px !important;
	height: 10px !important;
	position: relative !important;
	width: 10px !important;
}
		
/* Sets the current selector */
.slider_selector li.current, .slider_selector_dis li.current {
	background: url(../images/slider_selector_current.png) no-repeat top left;
}
	
/* Disables the selectors */
.slider_selector_dis li {
	cursor: default !important;
	z-index: 5;
}

/*--- Logo/Button/Text ---*/

.slider-logo {
	width: 170px;
	height: 88px;
}

.logo-ad-nedg {
	margin: 0px 0px 0px 370px;
	width: 159px;
	height: 75px;
}

.logo-ad-geomatics {
	margin: 135px 0px 0px 75px;
	display: block;
	float: left;
}

.logo-ad-engineering {
	margin: 127px 0px 0px 75px;
	display: block;
	float: left;
}

.logo-ad-northsky {
	margin: 125px 0px 0px 75px;
	display: block;
	float: left;
}

.logo-ad-blackbox {
	margin: 34px 0px 0px 355px;
	width: 192px;
	height: 42px;
}

a.learn_more {
	background: url(../images/button-more-01.png) no-repeat top left;
	float: left;
	height: 36px;
	margin: 0 20px 0 0;
	width: 164px;
}

a.learn_more:hover {
	background: url(../images/button-more-02.png) no-repeat top left;
}

a.sliderlink:link { color: #005596; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; }
a.sliderlink:visited { color: #005596; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: normal; }
a.sliderlink:hover { color: #005596; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: underline; font-weight: normal; }
a.sliderlink:active { color: #005596; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; font-weight: normal; }
	
/*--- Navigation Container ---*/

.container {
	float: left;
	position: relative;
	width: 100%;
	z-index: 15;		
}