/* RESET CSS */

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,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
	width:40px;
}

.container_16 .grid_2 {
	width:90px;
}

.container_16 .grid_3 {
	width:140px;
}

.container_16 .grid_4 {
	width:190px;
}

.container_16 .grid_5 {
	width:240px;
}

.container_16 .grid_6 {
	width:290px;
}

.container_16 .grid_7 {
	width:340px;
}

.container_16 .grid_8 {
	width:390px;
}

.container_16 .grid_9 {
	width:440px;
}

.container_16 .grid_10 {
	width:490px;
}

.container_16 .grid_11 {
	width:540px;
}

.container_16 .grid_12 {
	width:590px;
}

.container_16 .grid_13 {
	width:640px;
}

.container_16 .grid_14 {
	width:690px;
}

.container_16 .grid_15 {
	width:740px;
}

.container_16 .grid_16 {
	width:790px;
}



/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
	padding-left:50px;
}

.container_16 .prefix_2 {
	padding-left:100px;
}

.container_16 .prefix_3 {
	padding-left:150px;
}

.container_16 .prefix_4 {
	padding-left:200px;
}

.container_16 .prefix_5 {
	padding-left:250px;
}

.container_16 .prefix_6 {
	padding-left:300px;
}

.container_16 .prefix_7 {
	padding-left:350px;
}

.container_16 .prefix_8 {
	padding-left:400px;
}

.container_16 .prefix_9 {
	padding-left:450px;
}

.container_16 .prefix_10 {
	padding-left:500px;
}

.container_16 .prefix_11 {
	padding-left:550px;
}

.container_16 .prefix_12 {
	padding-left:600px;
}

.container_16 .prefix_13 {
	padding-left:650px;
}

.container_16 .prefix_14 {
	padding-left:700px;
}

.container_16 .prefix_15 {
	padding-left:750px;
}



/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
	padding-right:50px;
}

.container_16 .suffix_2 {
	padding-right:100px;
}

.container_16 .suffix_3 {
	padding-right:150px;
}

.container_16 .suffix_4 {
	padding-right:200px;
}

.container_16 .suffix_5 {
	padding-right:250px;
}

.container_16 .suffix_6 {
	padding-right:300px;
}

.container_16 .suffix_7 {
	padding-right:350px;
}

.container_16 .suffix_8 {
	padding-right:400px;
}

.container_16 .suffix_9 {
	padding-right:450px;
}

.container_16 .suffix_10 {
	padding-right:500px;
}

.container_16 .suffix_11 {
	padding-right:550px;
}

.container_16 .suffix_12 {
	padding-right:600px;
}

.container_16 .suffix_13 {
	padding-right:650px;
}

.container_16 .suffix_14 {
	padding-right:700px;
}

.container_16 .suffix_15 {
	padding-right:750px;
}



/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
	left:50px;
}

.container_16 .push_2 {
	left:100px;
}

.container_16 .push_3 {
	left:150px;
}

.container_16 .push_4 {
	left:200px;
}

.container_16 .push_5 {
	left:250px;
}

.container_16 .push_6 {
	left:300px;
}

.container_16 .push_7 {
	left:350px;
}

.container_16 .push_8 {
	left:400px;
}

.container_16 .push_9 {
	left:450px;
}

.container_16 .push_10 {
	left:500px;
}

.container_16 .push_11 {
	left:550px;
}

.container_16 .push_12 {
	left:600px;
}

.container_16 .push_13 {
	left:650px;
}

.container_16 .push_14 {
	left:700px;
}

.container_16 .push_15 {
	left:750px;
}



/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
	left:-50px;
}

.container_16 .pull_2 {
	left:-100px;
}

.container_16 .pull_3 {
	left:-150px;
}

.container_16 .pull_4 {
	left:-200px;
}

.container_16 .pull_5 {
	left:-250px;
}

.container_16 .pull_6 {
	left:-300px;
}

.container_16 .pull_7 {
	left:-350px;
}

.container_16 .pull_8 {
	left:-400px;
}

.container_16 .pull_9 {
	left:-450px;
}

.container_16 .pull_10 {
	left:-500px;
}

.container_16 .pull_11 {
	left:-550px;
}

.container_16 .pull_12 {
	left:-600px;
}

.container_16 .pull_13 {
	left:-650px;
}

.container_16 .pull_14 {
	left:-700px;
}

.container_16 .pull_15 {
	left:-750px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* TEXT CSS */

body {
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:62.5%;
}
a:focus {
	outline:1px dotted invert;
}

hr {
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0;}
	
h1 {
	font-size:2.5em;
}

h2 {
	font-size:2.3em;
}

h3 {
	font-size:2.1em;
}

h4 {
	font-size:1.9em;
}

h5 {
	font-size:1.7em;
}

h6 {
	font-size:1.5em;
}

ol {
	list-style:decimal;
}

ul {
	list-style:square;
}

li {
	margin-left:0px;
}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
	margin-bottom:20px;
}

/* GLOBAL CSS */

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

/* -------------------------------------- defaults	 --------------------------------------------*/

.height0 {height:0;}
.height5 {height:5px;}

.width10 {width:10%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width30 {width:30%;}
.width40 {width:40%;}
.width50 {width:50%;}
.width60 {width:60%;}
.width70 {width:70%;}
.width75 {width:75%;}
.width80 {width:80%;}
.width90 {width:90%;}
.width100 {width:100%;}

.text10 {font-size:10px;}
.text11 {font-size:11px;}
.text12 {font-size:12px;}
.text13 {font-size:13px;}
.text14 {font-size:14px;}

.ml0 {margin-left:0px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left: 50px;}

.mt0 {margin-top:0px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}

.mr0 {margin-right:0px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}

.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb50 {margin-bottom:50px;}

.ma0{margin:0;}
.ma5{margin:5px;}
.ma10{margin:10px;}
.ma15{margin:15px;}
.ma20{margin:20px;}

.pl0 {padding-left:0px;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}

.pt0{padding-top:0px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}

.pr0 {padding-right:0px;}
.pr5 {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}

.pb0 {padding-bottom:0px;}
.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}

.pa0{padding:0;}
.pa5{padding:5px;}
.pa10{padding:10px;}
.pa15{padding:15px;}
.pa20{padding:20px;}

.resetAll {line-height:0px; margin:0; padding:0; height:0; font-size:0;}

.positionRelative{position:relative;}
.positionAbsolute{position:absolute;}

.noBorder{border:0;}

.clearBoth {clear: both;}

#container {
	overflow: hidden;
}

#header {
	padding: 0 0 0 20px;
	background: url('images/swoosh.jpg') no-repeat;
	height: 46px;
}

#header p {
	color: #bcbdc1;
	text-decoration: none;
	font-size: 3.8em;
	margin: 0;
	padding: 0 0 0 25px;
}

#header span {
	color: #00a0e4;
}

#header p a, #header p a:link, #header p a:visited, #header p a:hover, #header p a:active {
	color: #bcbdc1;
	text-decoration: none;
	font-weight: bold;
}

#opportunity h2 {
	font-size: 1.6em;
	color: #bcbdc1;
	margin: 20px 0 0 0;
	padding: 0 0 0 25px;
}

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

#navigation {
	font-size: 1.2em;
}

#navigation ul {
	background: #00a1e5;
	list-style: none;
	margin: 0;
	padding: 10px;
}

#navigation li {
	display: inline;
	border-right: 1px solid #fff;
	padding: 0 9px;
}

#navigation a:link, #navigation a:visited {
	padding: 3px 3px 1px 3px;
	color: #fff;
	text-decoration: none;
}

#navigation a:hover {
	color: #fff;
	text-decoration: underline;
}

#main1 {
	margin: 15px 0 0 0;
	/*padding: 5px;*/
}

#contact_connect {
	margin: 15px 0 0 0;
	/*padding: 5px;*/
}

#contact_ndc {
	margin: 30px 0 0 0;
	clear: both;
	/*padding: 5px;*/
}

#main1 h2, #main4 h2, #contact_connect h2, #contact_ndc h2, .post h2{
	color: #00a1e5;
	font-size: 2.4em;
	/*margin: 0;*/
}

#progression_text h2 {
	color: #00a1e5;
	font-size: 2.4em;
	margin: 0;
	padding: 0;
}

#benefits_text {
	margin: 10px 0 0 0;
	height: 205px;
	padding: 0 0 0 10px;
}

.training_text {
	margin: 10px 0 0 0;
	color: #666;
	font-size: 1.2em;
}

#training_text p {
	color: #666;
	font-size: 1.2em;
	margin: 0 0 14px 0;
}

#benefits_text h2 {
	color: #00a1e5;
	font-size: 1.8em;
	font-weight: normal;
}

#benefits_text p {
	color: #666;
	font-size: 1.2em;
	margin: 0 0 14px 0;
}

#benefits_pic p {
	color: #666;
	font-size: 1.1em;
}

#benefits_text ul {
	list-style: none;
	color: #666;
	font-size: 1.2em;
}

#benefits_text li {
	margin: 0;
	font-size: 1.2em;
	padding: 2px 0;
}

#benefits_text img {
	padding: 0 5px 0 0;
}

#main1 h3 {
	color: #666;
	font-size: 1.6em;
	font-weight: bold;
}

#container .full_hdr1 {
	color: #00A1E5;
	font-size: 1.6em;
	font-weight: bold;
}

#careers_text .full_hdr1{padding:8px 0 0 0 ;}

.full_hdr2 {
	color:#00A1E5;
	font-size:2.4em;
}

#main1 p, #contact_connect p, #contact_ndc p {
	color: #666;
	font-size: 1.2em;
	margin: 5px 0 0 0;
}

#main1 p a, #main1 p a:link, #main1 p a:visited, #main1 p a:active{
	color: #666;
	text-decoration: underline;
}

#main1 p a:hover {
	color: #666;
	text-decoration: none;
}

#main1 ul{
	color: #666;
	font-size: 1.2em;
	line-height:1.3em;
}

#careers_text h3 {
	color: #666;
	font-size: 1.6em;
	font-weight: bold;
}

#careers_text p {
	color: #666;
	font-size: 1.2em;
	margin: 5px 0 0 0;
}

#careers_text p a, #careers_text p a:link, #careers_text p a:visited, #careers_text p a:active {
	color: #666;
	text-decoration: none;
}

#careers_text p a:hover {
	color: #666;
	text-decoration: underline;
}

#main2 {
	margin: 0;
}

#contact_connect_map {
	margin: 10px 0 0 0;
	border: 1px solid red;
	padding: 10px;
	width: 290px;
}

#contact_ndc_map {
	margin: 30px 0 0 0;
	border: 1px solid red;
	padding: 10px;
	width: 290px;
}

#main2 h2 {
	color: #00a1e5;
}

#main2 p, #main4 p, #progression_text {
	color: #666;
	font-size: 1.2em;
}

#meet p {
	color: #00a1e5;
	font-size: 1.2em;
	border-left: 1px solid #C6C6C6;
	border-bottom: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	margin: 0;
}

#meet img {
	margin: 15px 0 15px 0;
}

#success img {
	margin: 15px 0 15px 0;
}

#twitter img {
	margin: 15px 0 15px 0;
}

/*#meet {
	background-image:url(../images/square.jpg);
	background-repeat:no-repeat;
	height: 109px;
	width: 190px;
	margin: 15px 0 15px 0;
}

#success {
	padding: 0 0 0 90px;
}

#success img{
	margin: 0 0 10px 0;
}

#success p {
	color: #00a1e5;
	font-size: 1.2em;
	border-left: 1px solid #C6C6C6;
	border-bottom: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	margin: 0;
}*/

#footer {
	background: #c6c6c6;
	width: 790px;
	text-align: center;
	font-size: 1.2em;
}


#borders {
	border-left: 1px solid #C6C6C6;
	border-right: 1px solid #C6C6C6;
	width: 788px;
	
}

#banner {
	margin: 0 0 0 -6px;
}

#progression_text {
	height: 215px;
}

#current_vacancies{
	list-style:none;
	padding:0;
}

#current_vacancies h2{
	font-size:1.2em; 
	margin:2px 0;
	font-weight:normal;
}

#current_vacancies a:link, #current_vacancies a:visited{
	color:#666; 
	text-decoration:none;
}

#current_vacancies a:hover{
	color:#666; 
	text-decoration:underline;
}

#current_vacancies a:active{
	color:#666; 
	text-decoration:none;
}

#current_vacancies li {
	font-size: 1.2em;
}

#team_text h2 {
	color: #00a1e5;
	font-size: 1.6em;	
}

#team_text p {
	color: #666;
	font-size: 1.1em;
	margin: 5px 0 0 0;
}

#work_connect h2 {
	color: #00a1e5;
	font-size: 2.3em;
	margin: 30px 0;
}

#meet_list h2 {
	color: #00a1e5;
	font-size: 2em;
}

#meet_list ul {
	margin: 0px;
	padding: 0;
	list-style: none; 
	width: 100%;
}

#meet_list li {
	float: left; 
	list-style: none; 
	margin: 0; 
	padding: 0; 
	width: 35%; 
	color: #666;
	font-size: 1.6em;
	height: 20px;
	line-height: 20px;
}

#meet_list li a, #meet_list li a:link, #meet_list li a:visited, #meet_list li a:active {
	color: #666;
	text-decoration: none;
}

#meet_list li a:hover {
	color: #666;
	text-decoration: underline;
}

#team_text h2 {
	color: #00a1e5;
	font-size: 1.6em;	
}

#team_text p {
	color: #666;
	font-size: 1.1em;
	margin: 5px 0 0 0;
}


/* CONTACT FORM */

.submit_form div{clear: left; margin: 0 0 0 30px; padding: 0; }
#submit_form label {float: left; width: 25%; font-weight: bold; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; color: #000; padding: 10px 0 0 0;}
#btn {float: right; margin: 0; padding: 0 205px 0 0;}

/* APPLICATION FORM */

#application_form{border-top:1px dashed #C6C6C6; }
#application_form h3{font-size:1.9em; margin:15px 0; color: #00A1E5;}
#application_form h4{font-size:1.4em; margin:20px 0; font-weight:normal; border-bottom:1px solid #c6c6c6; font-weight:bold; color:#00A1E5;}
#application_form div{margin:10px 0;}
#application_form label{font-size:1.2em; color:#00A1E5;}
#application_form input{margin:1px 0;}
#application_form #submit {}

/* UPLOAD CV */

#upload_cv {font-size: 1.2em; padding: 5px;}
#upload_cv p {font-size: 1.1em; color: #00A1E5;}
#upload_cv div {margin: 10px 0;}
#upload_cv span {color: #666;}

.cv_img {margin: 35px 0 0 0;}

/* VACANCIES */

.vacancies {
	border: 1px solid #00a1e5;
	margin-bottom: 10px;
	height: 207px;
}

.vacancies h2 {
	font-size: 1.4em;
	color: #fff;
	background: #00a1e5;
	padding: 5px;
}

.vacancies h3 {
	font-size: 1.2em;
	color: #00a1e5;
	padding: 5px;
}

.vacancies p {
	font-size: 1.1em;
	color: #666;
	padding: 5px;
}

.apply_btn {
	float: right;
	/*background: #00a1e5;*/
	color: #fff;
	font-size: 1.4em;
	padding: 5px;
	margin: 0 7px 5px 0;
	position: absolute;
	top: 160px;
	left: 600px;
	width: 70px;
	
}

.apply_btn a {
	color: #fff;
	text-decoration: none;
	padding: 5px;
	position: absolute;

	
}

.apply_btn a:link, .apply_btn a:visited, .apply_btn a:active {
	color: #fff;
	text-decoration: none;
	padding: 5px;
	background: #ff6600;
	border-bottom: 2px outset #666;
	border-right: 2px outset #666;

}

.apply_btn a:hover {
	color: #fff;
	/*text-decoration: underline;*/
	background: #666;
	padding: 5px;
	border-top: 2px inset #666;
	border-left: 2px inset #666;
	border-bottom: 0;
	border-right: 0;
}

#vacancies_box {
	border: 1px solid #00a1e5;
	/*margin-bottom: 10px;*/
	background: #00a1e5;
}

#vacancies_box h2 {
	font-size: 1.4em;
	color: #fff;
	background: #00a1e5;
	padding: 5px;
}

#vacancies_box p {
	font-size: 1.1em;
	color: #fff;
	padding: 3px;
}

#vacancies_box a, #vacancies_box a:link, #vacancies_box a:visited, #vacancies_box a:active {
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
}

#vacancies_box a:hover {
	text-decoration: underline;
}

.post h1 {
	color: #00a1e5;
}

.post h3 {
	color: #00a1e5;
	font-size: 1.2em;
}

.post span {
	color: #00a1e5;
}

.links1 a, .links1 a:link, .links1 a:visited, .links1 a:active{
	color: #fff;
	text-decoration: none;
}

.links1 a:hover {
	text-decoration: underline;
	color: #fff;
}

.container_wrapper {
	 margin: 0 0 0 45px;
}

.people_text {
	color: #666;
	font-size: 1.1em;
	margin-bottom: 5px;
}	

.people_text .fullhdr3 {
	color: #00a1e5;
	font-size: 1.6em;
	font-weight: normal;
}

.people_text p{
	color: #666;
	margin-bottom: 5px;
}

ul#current_vacancies, #current_vacancies li {margin: 0; padding: 0; list-style: none; width: 100%; }

#current_vacancies li {float: left; list-style: none; margin: 0; padding: 0; width: 31%; }

/*--------------------------------------------------------------------------------------
 		SKIP LINKS
 */

.skip_links {position: absolute; left: -999em; width: 990em;}
a.skip_links:active,  a.skip_links:focus {
        left: -8.5em;
        border: 3px #3399cc solid;
        background-color: #fff;
    }