﻿#expertiseMobile {
			background: #bed109;
			color: #fff;
		}

			#expertiseMobile p {
				color: #333;
			}

			#expertiseMobile .h3 {
				color: #fff;
			}

			#expertiseMobile .header {
				padding-top: 10px;
				padding-bottom: 10px;
			}

			#expertiseMobile .nav-btn {
				position: absolute;
				bottom: -20px;
				right: 10px;
				z-index: 2;
			}

				#expertiseMobile .nav-btn img {
					width: 40px;
					height: 40px;
				}

			#expertiseMobile .accordion {
				display: none;
			}

			#expertiseMobile.open .accordion {
				display: block;
			}

			#expertiseMobile.open .nav-btn img {
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}

			#expertiseMobile .accordion div {
				background-color: #757473;
				margin-bottom: 1px;
				padding-bottom: 10px;
				padding-top: 10px;
			}

			#expertiseMobile .accordion span {
				color: #b9cb10;
			}

			#expertiseMobile .graphic {
				padding-top: 10px;
			}

				#expertiseMobile .graphic img {
					max-width: 100%;
				}

		#expertise {
			display: none;
			height: 490px;
			background: #c3d600;
			overflow: hidden;
			position: relative;
		}

			#expertise .lightsOut {
				position: absolute;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				background: rgba(0,0,0,.2);
				z-index: 95;
				display: none;
			}

			#expertise .bgExpertise {
				position: absolute;
				left: -94px;
			}

			#expertise .expertiseContainer {
				position: relative;
				width: 964px;
				margin: 0 auto;
			}

				#expertise .expertiseContainer:before {
					content: '';
					display: block;
					background: url('../media/62538-bg-expertiseWaves.png') 22px 0 repeat-x;
					height: 377px;
					width: 1000px;
					position: absolute;
					top: 0;
					left: -1000px;
				}

			#expertise .copy {
				position: absolute;
				top: 60px;
				left: 660px;
				width: 300px;
			}

			#expertise h2 {
				font-size: 2.125em;
				color: white;
				margin-right: 60px;
			}

			#expertise .expModal {
				position: absolute;
			}

				#expertise .expModal .trigger {
					position: relative;
					z-index: 98;
				}

				#expertise .expModal .popup {
					position: absolute;
					background: #767574;
					border-radius: 50%;
					color: white;
					font-size: 1.4em;
					line-height: 1.2;
					box-sizing: border-box;
					-moz-box-sizing: border-box;
					display: none;
					z-index: 99;
				}

				#expertise .expModal span {
					font-weight: bold;
					display: block;
					font-size: 2.6em;
					line-height: 1;
					font-family: 'FranklinGothic', 'Arial', sans-serif;
					text-transform: none;
				}

				#expertise .expModal .cutout {
					position: absolute;
					display: none;
					z-index: 100;
				}

				#expertise .expModal .expClose .cutout {
					display: block;
				}

		.trigger {
			display: block;
			height: 42px;
			width: 42px;
		}

			.trigger:hover {
				cursor: pointer;
			}

			.trigger.white {
				background: url('../media/62533-spacer.png');
			}

			.trigger.blue {
				background: url('../media/62533-spacer.png');
			}

			.trigger.expClose {
				background: url('../media/62533-spacer.png');
			}

		.aircraft {
			left: 359px;
			top: 217px;
		}

			.aircraft .popup {
				height: 300px;
				width: 300px;
				left: 40px;
				top: -260px;
				padding: 105px 38px;
			}

			.aircraft .cutout {
				left: -132px;
				top: -19px;
			}

		.nasa {
			left: 76px;
			top: 83px;
		}

			.nasa .popup {
				width: 465px;
				height: 465px;
				padding: 70px 70px 75px 100px;
				left: 85px;
				top: -135px;
			}

			.nasa .cutout {
				left: -129px;
				top: -18px;
			}

			.nasa span {
				position: relative;
			}

				.nasa span:before {
					content: '';
					display: block;
					width: 36px;
					height: 42px;
					position: absolute;
					left: -45px;
				}

			.nasa .dollar:before {
				background: url('../media/1009/icon-dollar.png') left top no-repeat;
				top: 3px;
				left: -41px;
			}

			.nasa .up:before {
				background: url('../media/1011/icon-up.png') left top no-repeat;
				top: 10px;
			}

			.nasa .down:before {
				background: url('../media/1010/icon-down.png') left top no-repeat;
				top: 10px;
			}

			.nasa b {
				color: #C4D600;
				font-weight: bold;
			}

		.office {
			left: 490px;
			top: 160px;
		}

			.office .popup {
				width: 280px;
				height: 280px;
				padding: 60px 20px 60px 40px;
				left: 90px;
				top: -192px;
			}

			.office .cutout {
				left: -33px;
				top: -18px;
			}

		.navy {
			left: 35px;
			top: 278px;
		}

			.navy .popup {
				width: 280px;
				height: 280px;
				padding: 60px 40px;
				left: 52px;
				top: -262px;
			}

			.navy .cutout {
				left: -27px;
				top: -45px;
			}

		.game {
			left: 240px;
			top: 95px;
		}

			.game .popup {
				width: 340px;
				height: 340px;
				padding: 100px 30px;
				left: 85px;
				top: -65px;
			}

			.game .cutout {
				left: -48px;
				top: -95px;
			}

		.subs {
			left: 181px;
			top: 387px;
		}

			.subs .popup {
				width: 303px;
				height: 303px;
				padding: 88px 40px;
				left: -175px;
				top: -350px;
			}

			.subs .cutout {
				left: 0;
				top: -53px;
			}

		.dolphins {
			left: 909px;
			top: 332px;
		}

			.dolphins .popup {
				width: 310px;
				height: 310px;
				padding: 75px 40px;
				left: -280px;
				top: -305px;
			}

			.dolphins .cutout {
				left: -190px;
				top: -47px;
			}

		@media (min-width: 992px) {
			#expertise {
				display: block;
			}

			#expertiseMobile {
				display: none;
			}
		}