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

	CORE STYLES

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


ul, ol { margin-left: 0; }
/* highlighting - these need to be seperate */
::-webkit-selection { background: #FF5E99; color:#fff; text-shadow: none; }
::-o-selection { background: #FF5E99; color:#fff; text-shadow: none; }
::-moz-selection { background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; } 

body {
	background-color: #FFF;
	border-top: 6px #5f6062 solid;
	color: #5f6062;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding-bottom: 20px;
	}
	
h1,h2,h3,h4,h5,h6 { font-weight: normal; }

a, a:active, a:visited { 
	color: #0093d0;
	font-weight: bold;
	text-decoration: none;
	-moz-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
	transition: color .2s ease-in-out, background-color .2s ease-in-out;
	}
a:hover { color: #111; }



/*************************************

HEADER

*************************************/

#header {
	background: url(../img/background_header.png) top right no-repeat;
	height: 196px;
	}

	#logo { height: 160px; }
	
		#logo a, #logo span {
			background: url(../img/logo.png) no-repeat;
			display: block;
			height: 125px;
			margin-top: 12px;
			text-indent: -9999em;
			width: 245px;
			}

/*NAV*/

#nav {
	background-color: #5f6062;
	height: 36px;
	position: relative;
	text-transform: uppercase;
	z-index: 100; /* may need to increase this depending on other z-indexes */
	}

	.primary-nav {
		list-style: none;
		float: left;
		font-size: 18px;
		margin: 0;
		padding: 0;
		}
		
		.primary-item {
			background: url(../img/nav_divide.png) left center no-repeat;
			float: left;
			height: 36px;
			padding-left: 2px;
			position: relative;
			}
			
		.primary-item:first-child { background: none; }
			
			.primary-item a {
				color: #FFF;
				display: block;
				float: left;
				font-weight: normal;
				line-height: 36px;
				padding: 0 21px;
				text-decoration: none;				
				-webkit-transition: color .4s ease-in-out, background-color .4s ease-in-out;
				-moz-transition: color .4s ease-in-out, background-color .4s ease-in-out;
				-o-transition: color .4s ease-in-out, background-color .4s ease-in-out;
				transition: color .4s ease-in-out, background-color .4s ease-in-out;
				}
			
			.secondary-nav {
				font-size: 14px;
				font-weight: bold;
				left: 0;
				list-style: none;
				margin: 0;
				opacity: 0;
				padding: 0;
				position: absolute;
				top: 36px;
				-webkit-transition: opacity .4s ease-in-out, visibility .4s ease-in-out;
				-moz-transition: opacity .4s ease-in-out, visibility .4s ease-in-out;
				-o-transition: opacity .4s ease-in-out, visibility .4s ease-in-out;
				transition: opacity .4s ease-in-out, visibility .4s ease-in-out;
				width: 145px;	
				visibility: hidden;					
				}
		
			.primary-item:hover .secondary-nav {
				opacity: 1;
				visibility: visible;
				}
				
				.secondary-item a {
					background-color: #5f6062;
					float: none;
					font-weight: bold;
					white-space: nowrap;
					}
					
				.secondary-item a:hover {
					background: #434445;
					}

/*************************************

CONTENT

*************************************/

#main-content h2 {
	color: #7ac142;
	font-size: 24px;
	margin-top: 20px;
	}

#main-content h2:first-child { margin-top: 0; }
	
#main-content h3 {
	font-size: 18px;
	margin-top: 20px;
	}
	
#main-content h4 {
	font-size: 15px;
	margin-top: 20px;
	}
	
#main-content ul, #main-content p {
	margin-top: 12px;
	}
	
#main-content ul { margin-left: 35px; }

	#main-content li { margin-top: 7px; }
	
	#main-content li:first-child { margin-top: 0; }

/* PAGE INTRO */

#page-intro {
	height: 260px;
	margin: 9px 0;
	position: relative;
	}
	
	#slogan {
		background-color: #0093d0;
		color: #FFF;
		font-size: 18px;
		height: 50px;
		line-height: 24px;
		margin-top: -40px;
		padding: 15px;
		position: absolute;
		right: 10px;
		text-align: right;
		top: 50%;
		width: 200px;
		z-index: 10;
		}

	#welcome {
		background-color: #0093d0;
		color: #FFF;
		height: 230px;
		margin-right: 0;
		padding: 15px;
		width: 440px;
		}
		
		#welcome p { 
			font-size: 13px;
			margin-bottom: 10px;
			}
		
		#welcome .summary { font-size: 18px; }
		
	#welcome-image {
		height: 260px;
		margin-left: 0;
		overflow: hidden;
		width: 470px;
		}

/* CONTENT HEADER BLOCKS */

.header-block {
	background: url(../img/background_box.png) top right no-repeat;
	color: #FFF;
	height: 76px;
	overflow: hidden;
	padding: 12px;
	text-transform: uppercase;
	}
	
.grey .header-block { background-color: #5f6062; }
	
.green .header-block { background-color: #7ac142; }

.blue .header-block { background-color: #0093d0; }
	
	.header-block a { 
		color: #FFF;
		font-weight: normal;
		}
	
	#main-content .header-block h2 { 
		color: #FFF;
		font-size: 16px;
		margin-bottom: 9px;
		}
	
		.header-block span, .header-block strong { display: block; }
		
	.header-block select {
		background-color: #FFF;
		border: none;
		display: block;
		float: left;
		padding: 5px;
		width: 194px;
		}
		
	.header-block input {
		background-color: #222;
		border: none;
		color: #FFF;
		display: block;
		float: left;
		padding: 6px;
		width: 80px;
		}
		
.latest {
	background-color: #FFF;
	height: 250px;
	padding: 12px;
	}
	
.grey .latest {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #d4d4d5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d4d4d5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d4d4d5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#d4d4d5 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#d4d4d5 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d4d4d5',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#d4d4d5 100%); /* W3C */
	}
	
.green .latest {
	background: -moz-linear-gradient(top, #ffffff 0%, #dceecc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dceecc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#dceecc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#dceecc 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#dceecc 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dceecc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#dceecc 100%); /* W3C */
	}
	
.blue .latest {
	background: -moz-linear-gradient(top, #ffffff 0%, #a6e0f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#a6e0f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#a6e0f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#a6e0f2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#a6e0f2 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6e0f2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#a6e0f2 100%);
	}
	
	#main-content .latest h3 {
		font-size: 16px;
		margin: 0;
		}
		
		.latest h3 strong { font-weight: normal; }
		
	.latest dl { 
		font-size: 13px;
		margin-top: 15px;
		}
		
		.latest dt { font-weight: bold; }
	
		.latest dd { margin-top: 3px; }
		
			.latest dd a {
				display: block;
				text-align: right;
				}

#aviation, #power, #training { padding-bottom: 9px; }				
					
#aviation, #power {
	border-right: 2px #aaabac solid;
	margin-right: 0;
	padding-right: 9px;
	}
	
#power, #training { margin-left: 9px; }

/* ABOUT US */

.about #main-content { padding-bottom: 20px; }

	#buttons {
		overflow: hidden;
		padding-bottom: 9px;
		}
		
		#buttons a {
			color: #FFF;
			display: block;
			float: left;
			font-size: 16px;
			height: 70px;
			padding: 10px;
			position: relative;
			width: 445px;
			}
			
		#buttons .link1 { 
			background: #5f6062 url(../img/background_box.png) top right no-repeat;
			margin-right: 10px;
			}
		
		#buttons .link2 { background: #7ac142 url(../img/background_box.png) top right no-repeat; }
		
		#buttons a:hover { background-color: #222; }
			
			#buttons span { font-weight: normal; }
			
			#buttons strong { display: block; }
			
			#buttons b {
				bottom: 10px;
				display: block;
				font-weight: normal;
				position: absolute;
				right: 10px;				
				}
	
	#accreditations {
		border-bottom: 2px #aaabac solid;
		border-top: 2px #aaabac solid;
		border-width: 2px #aaabac solid;
		height: 255px;
		margin: 9px 0 0;
		padding: 9px 0;
		position: relative;
		width: 940px;
		}	
			
		#main-content #mycarousel ul { 
			height: 240px;
			margin: 0;
			}
	
			#mycarousel li {
				background-color: #FFF;
				float: left;
				height: 240px;
				margin: 0;
				overflow: hidden;
				width: 940px;
				}
				
				#mycarousel .caroImg {
					float: left;
					width: 260px;
					}
					
				#mycarousel .caroText {
					float: left;
					padding: 30px 0;
					width: 680px;
					}
					
					#main-content .caroText p {
						font-size: 18px;
						margin-top: 0; 
						}
					
						.caroText strong {
							display: block;
							margin-bottom: 15px;
							font-size: 24px;
							}
							
	#timeline { 
		margin-top: 20px;
		overflow: hidden;
		}
		
		#dates {
			height: 30px;
			margin-top: 9px;
			overflow: hidden;
			width: 940px;
			}
			
			#main-content #dates ul { margin: 0; }
			
				#main-content #dates li {
					float: left;
					list-style: none;
					margin: 0 5px 0 0;
					}
					
					#dates a {
						background-color: #0093D0;
						-moz-border-radius: 5px;
						-webkit-border-radius: 5px;
						border-radius: 5px;
						color: #FFF;
						display: block;
						float: left;
						line-height: 30px;
						padding: 0 9px;
						}
						
					#dates a:hover { background-color: #A6E0F2; }
						
		#timelineFrame { 
			border-radius: 5px;
			margin-top: 5px;
			overflow: hidden;
			width: 940px;
			}
		
			#main-content #timelineFrame ul {
				margin: 0;
				width: 9999em;
				}
			
				#main-content #timelineFrame li {
					border: 2px #DDD solid;
					-moz-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;
					float: left;
					height: 160px;
					list-style: none;
					margin: 0 20px 0 0;
					overflow: hidden;
					padding: 18px;
					width: 260px;
					}
					
					#main-content #timelineFrame h3 { margin: 0 0 10px; }
					
					#timelineFrame img {
						float: left;
						margin: 0 10px 10px 0;
						}
						
					#main-content #timelineFrame p { font-size: 13px; }

/* VACANCIES */

#main-content .vacancies {
	margin: 0;
	overflow: hidden;
	padding: 9px 0;
	}

	#main-content .vacancies li {
		background-color: #e7e7e8;
		float: left;
		font-size: 11px;
		height: 45px;
		list-style: none;
		margin: 9px 20px 9px 0;
		padding: 10px;
		width: 280px;
		}

	#main-content .vacancies .cls_col3 { margin-right: 0; }
	
		#main-content .vacancies dt {
			color: #0093D0;
			font-size: 12px;
			font-weight: bold;
			}
			
		#main-content .vacancies a {
			color: #5F6062;
			font-weight: normal;
			text-decoration: underline;
			}

#vacancy-info {
	border-right: 2px #aaabac solid;
	margin-right: 0;
	padding-bottom: 9px;
	padding-right: 9px;
	}
	
	.what-to-do {
		color: #888;
		font-size: 13px;
		}
	
#vacancy-form {
	background: -moz-linear-gradient(top, #ffffff 0%, #a6e0f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#a6e0f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#a6e0f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#a6e0f2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#a6e0f2 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6e0f2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#a6e0f2 100%);
	margin-left: 9px;
	margin-bottom: 9px;
	}
	
	#main-content #vacancy-form h3 { margin-top: 0; }
	
		
/* CLIENTS */

.clients #main-content { padding-bottom: 9px; }

	#client-logos {
		overflow: hidden;
		width: 940px;
		}
		
		#main-content #client-logos ul {
			margin: 0;
			width: 960px;
			}
			
			#main-content #client-logos li {
				display: table-cell;
				float: left;
				height: 75px;
				list-style: none;
				margin: 20px 20px 0 0;
				text-align: center;
				vertical-align: middle;
				width: 172px;
				}
	
	.clients blockquote {
		border-top: 9px #FFF solid;
		margin-bottom: 9px;
		padding: 12px;
		}
	
	.client { background-color: #d9eff8; }
		
	.contractor { background-color: #ebf6e3; }
		
		#main-content blockquote p {
			
			margin-top: 0;
			}

/* NEWS */

#download {
	border-right: 2px #aaabac solid;
	margin-right: 0;
	padding-bottom: 9px;
	padding-right: 9px;
	}
	
	#download img {
		display: block;
		margin-bottom: 15px;
		width: 300px;
		}
		
	#download span {
		color: #7AC142;
		display: block;
		font-size: 18px;
		font-weight: normal;
		text-align: center;
		text-transform: uppercase;
		-moz-transition: color .2s ease-in-out;
		-webkit-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
		width: 300px;
		}
		
	#download a:hover span { color: #000; }
	
#news {
	margin-left: 9px;
	padding-bottom: 9px;
	}
	
	#news a { color: #7AC142; }
	
	#news a:hover { color: #000; }
	
	#main-content #news-list { margin: 0 9px; }
	
		#main-content #news-list li {
			border-top: 1px #aaabac dashed;
			list-style: none;
			margin-top: 20px;
			padding-top: 20px;
			}
			
		#main-content #news-list li:first-child {
			border-top: none;
			padding-top: 0;
			}
			
	#news p { margin: 9px 9px 0; }

/* DOWNLOADS */

#main-content #download-list {
	margin: 0;
	overflow: hidden;
	padding: 9px 0;
	}
	
	#main-content #download-list li {
		background-color: #d9eff8;
		float: left;
		margin: 9px 20px 9px 0;
		height: 65px;
		list-style: none;
		width: 300px;
		}
		
	#main-content #download-list .trois { margin-right: 0; }
	
		#download-list a {
			display: block;
			height: 45px;
			font-size: 13px;
			line-height: 45px;
			margin-left: 5px;
			padding: 9px 10px 9px 60px;
			width: 225px;
			}
			
		#download-list .pdf a { background: url(../img/file_pdf.png) left center no-repeat; }
			
		#download-list .doc a { background: url(../img/file_doc.png) left center no-repeat; }
			
		#download-list .ppt a { background: url(../img/file_ppt.png) left center no-repeat; }

/* CONTACT US */

#contact-info {
	border-right: 2px #aaabac solid;
	margin-right: 0;
	overflow: hidden;
	padding-bottom: 9px;
	padding-right: 9px;
	}
	
	#addresses {
		margin-bottom: 20px;
		overflow: hidden;
		width: 620px;
		}
	
		.contact-address {
			float: left;
			margin-right: 20px;
			width: 290px;
			}
	
	#map_canvas {
		height: 280px;
		width: 620px;
		}	
		
#contact-form {
	background: -moz-linear-gradient(top, #ffffff 0%, #a6e0f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#a6e0f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#a6e0f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#a6e0f2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#a6e0f2 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a6e0f2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%,#a6e0f2 100%);
	margin-left: 9px;
	margin-bottom: 9px;
	}

	#login-info { margin: 0 20px; }

/* FORMS */

.myForm form {
	padding: 0 20px 20px;
	width: 260px;
	}
	
	#main-content .myForm p, .myForm form div { margin-top: 9px; }
	
		.myForm label {
			display: block;
			font-size: 13px;
			margin-bottom: 5px;
			}
			
		.myForm input, .myForm textarea {
			background-color: #FFF;
			border: 1px #AAA solid;
			border-left-color: #FFF;
			border-top-color: #FFF;
			display: block;
			font-size: 13px;
			padding: 4px;
			width: 250px;
			}
			
		.myForm textarea { height: 80px; }
		
		.myForm .submit {
			background-color: #0093D0;
			border: none;
			color: #FFF;
			font-size: 18px;
			font-weight: bold;
			padding: 8px;
			width: 260px;
			}
			
		.myForm .submit:hover { background-color: #7AC142; }

/* LEGALS */

.legals #main-content { padding-bottom: 9px; }

#sitemap {
	overflow: hidden;
	width: 940px;
	}
	
	.cls_ul_Sitemap {
		float: left;
		margin-right: 20px;
		width: 265px;
		}
		
	#sitemap .col_3 { margin-right: 0; }

/*************************************

FOOTER

*************************************/

#site-info, #bigButtons { 
	border-top: 2px #aaabac solid;
	overflow: hidden;
	}
	
#bigButtons { height: 86px; }

	#bigButtons li {
		border-right: 2px #aaabac solid;
		float: left;
		list-style: none;
		margin-right: 9px;
		padding: 9px 9px 9px 0;
		}
	
	/*.page #bigButtons .middle { border-right-color: #FFF; }*/
		
	#bigButtons .last {
		border-right: 0;
		margin-right: 0;
		padding-right: 0;
		}
	
		#bigButtons img { display: block; }
	
#site-info {
	padding-top: 9px;
	}

	#otherNav {
		float: right;
		}
		
		#otherNav li {
			float: left;
			list-style: none;
			margin-left: 10px;
			}