@import 'https://fonts.googleapis.com/css?family=Lato:300,400,700|Open+Sans|Source+Serif+Pro';

body {
	background-color: #ffffff;
	color: #000000;
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 19px;
	margin: 0;
	padding: 0;
	text-align: left;
	}
	.clear {
		clear: both;
		}
	a {
		color: #000000;
		text-decoration: none;
		}
	a:hover {
		color: #000000;
		text-decoration: underline;
		}
	p, ul, ol, address, table, pre, blockquote {
		margin: 10px 0 15px;
		padding: 0;
		}
	h1, h2, h3, h4, h5, h6 {
		font-family: "Source Serif Pro";
		font-weight: 400;
		line-height: 1.4em;
		margin: 20px 0 15px 0;
		}
	h1 {
		color: #004c94;
		font-size: 28px;
		font-weight: 400;
		line-height: 32px;
		margin: 40px 0 30px;
		text-align: center;
		}
		.h1-subhead {
			color: #000000;
			font-family: "Lato";
			font-size: 20px;
			font-weight: 300;
			line-height: 24px;
			margin: -20px 0 40px;
			text-align: center;
			}
	h2 {
		border-bottom: 1px solid #cccccc;
		color: #004c94;
		font-family: "Lato";
		font-size: 20px;
		font-weight: 300;
		letter-spacing: 2px;
		line-height: 26px;
		margin: 30px 0;
		text-align: center;
		text-transform: uppercase;
		}
		h2 span {
			background-color: #fff;
			padding: 0 10px;
			position: relative;
			top: 12px;
			}
	h3 {
		color: #004c94;
		font-size: 22px;
		font-weight: 400;
		line-height: 28px;
		margin: 0 0 15px;
		}
	h4 {
		font-size: 1.4em;
		line-height: 1.4em;
		}
	h5 {
		font-size: 1.2em;
		line-height: 1.4em;
		margin-top: 1.4em;
		}
	h6 {
		font-size: 1.0em;
		line-height: 1.4em;
		margin-top: 1.4em;
		}
		
#page-wrapper {
	max-width: 1200px;
	margin: 0 auto;
	}
		
	#header {
		width: 100%;
		margin: 0 auto;
		}
		#header .wrapper {
			margin: 15px;
			position: relative;
			}
			#logo {
				}
				#logo a {
					display: block;
					}
					#logo a img {
						display: block;
						height: auto;
						max-width: 360px;
						width: 100%;
						}
			#contact-info {
				bottom: 0;
				font-size: 12px;
				line-height: 17px;
				position: absolute;
				right: 0;
				text-align: right;
				}
				#contact-info .email-phone {
					position: relative;
					}
					#contact-info .linkedin {
						display: block;
						}
					#contact-info .email {
						display: block;
						}
					#contact-info .phone {
						display: block;
						}
@media only screen and (max-width: 560px) {	
	#logo {
		}
		#logo a {
			}
			#logo a img {

				}
	#contact-info {
		display: none;
		}
}

	#navigation {
		background: #003264 linear-gradient(to bottom, #003264 0%, #2e6499 100%) repeat scroll 0 0;
		}
		#navigation ul {
			list-style: inside none none;
			margin: 0;
			padding: 0;
			}
			#navigation li {
				float: left;
				margin: 0;
				padding: 0;
				width: 20%;
				}
				#navigation li a {
					color: #ffffff;
					display: block;
					font-family: "Lato";
					font-size: 13px;
					font-weight: 300;
					letter-spacing: 2px;
					line-height: 17px;
					margin: 0;
					padding: 15px 5px;
					text-align: center;
					text-decoration: none;
					text-transform: uppercase;
					}
				#navigation li a:hover,
				#navigation li a.selected {
					color: #ffffff;
					background-color: #2e6399;
					}

	#sub-navigation {
		background: #003264 linear-gradient(to bottom, #2e6499 0%, #003264 100%) repeat scroll 0 0;
		}
		#sub-navigation ul {
			list-style: inside none none;
			margin: 0;
			padding: 0;
			}
			#sub-navigation li {
				float: left;
				margin: 0;
				padding: 0;
				width: 100%;
				}
				#sub-navigation li a {
					color: #ffffff;
					display: block;
					font-family: "Lato";
					font-size: 13px;
					font-weight: 300;
					letter-spacing: 2px;
					line-height: 17px;
					margin: 0;
					padding: 15px 5px;
					text-align: center;
					text-decoration: none;
					text-transform: uppercase;
					}
				#sub-navigation li a:hover,
				#sub-navigation li a.selected {
					color: #ffffff;
					background-color: #2e6399;
					}

	
#footer {
	background-color: #f4f4f4;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15) inset;
	color: #000000;
	padding: 10px;
	text-align: center;
	}
	#footer .wrapper {
		}
		#footer address {
			font-style: normal;
			margin: 0;
			padding: 0;
			}
			#footer address .name {
				border-right: 1px solid #666;
				padding-right: 15px;
				}
			#footer address .street {
				border-right: 1px solid #666;
				margin-left: 15px;
				padding-right: 15px;
				}
			#footer address .city {
				margin-left: 15px;
				}
					
	#masthead {
		background-color: #4595e5;
		background-position: center center;
		background-size: cover;
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25) inset;
		}
		#masthead.home {
			background-image: url("../images/header-home.jpg");
			}
		#masthead.about {
			background-image: url("../images/header-about.jpg");
			}
		#masthead.experience {
			background-image: url("../images/header-experience.jpg");
			}
		#masthead.careers {
			background-image: url("../images/header-careers.jpg");
			}
		#masthead.contact {
			background-image: url("../images/header-contact.jpg");
			}
		#masthead .wrapper {				
			height: 240px;
			text-align: center;
			overflow: hidden;
			position: relative;
			}
			#masthead .title {
				color: #ffffff;
				display: none;
				font-family: "Lato",sans-serif;
				font-size: 34px;
				font-weight: 300;
				letter-spacing: 0;
				line-height: 34px;
				margin-left: 50%;
				overflow: visible;
				position: absolute;
				text-shadow: 0 0 10px rgba(0, 0, 0, 1), 0 0 3px rgba(0, 0, 0, 1);
				top: 90px;
				width: 100%;
				}			
			#masthead.experience .title {
				}
			#masthead.careers .title {
				}
			#masthead.contact .title {
				}
				#masthead .title span {
					background-color: rgba(0, 0, 0, 0.5);
					box-sizing: padding-box;
					display: inline-block;
					left: -50%;
					padding: 10px;
					position: relative;
					}
	#page {}
		
		a.jump-link {
			background-color: #4595e5;
			box-shadow: 0 4px 8px 2px rgba(0, 0, 0, 0.25) inset;
			color: #ffffff;
			display: block;
			font-size: 12px;
			font-weight: 400;
			letter-spacing: 1px;
			line-height: 18px;
			padding: 10px;
			text-align: center;
			text-decoration: none;
			text-transform: uppercase;
			}
			a:hover.jump-link {}
		
		ul.fancy-list {
			list-style: outside none square;
			margin: 15px 20px;
			padding: 0;
			}
			ul.fancy-list ul {
				}
			ul.fancy-list li {
				margin: 10px 0;
				}
				
		.table .cell ul {
			list-style: outside none square;
			margin: 15px 20px;
			padding: 0;
			}
			.table .cell ul li {
				margin: 10px 0;
				}
				
		#page #content {
			}
			#page #content .page-border {
				font-size: 13px;
				line-height: 19px;
				margin: 20px;
				}
		#page #content .main-cta {
			background: #003264 linear-gradient(to top, #003264 0%, #2e6499 100%) repeat scroll 0 0;
			box-shadow: 0 7px 3px -2px rgba(0, 0, 0, .45);
			color: #ffffff;
			display: block;
			font-family: "Lato";
			font-size: 14px;
			font-weight: 300;
			letter-spacing: 1px;
			line-height: 18px;
			margin: 10px 0 0;
			padding: 10px;
			text-align: center;
			text-transform: uppercase;
			border-radius: 10px;
			}
			#page #content .main-cta span {
				}
		
		#page .focus {
			margin: 10px 0 10px -10px;
			}
			#page .focus .table {
				border-collapse: collapse;
				display: table;
				margin: 10px 0;
				width: 100%;
				}
				#page .focus .table .row {
					display: table-row;
					}
					#page .focus .table .cell {
						background: #f2f2f2 linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%) repeat scroll 0 0;
						border: 10px solid #fff;
						display: table-cell;
						text-align: left;
						vertical-align: top;
						width: 33%;
						}
						#page .focus .table .cell .wrapper {
							padding: 20px 20px 5px 20px;
							}
						#page .focus .table .cell h3 {
							font-size: 18px;
							line-height: 22px;
							margin-bottom: 5px;
							margin-top: 0;
							}
						#page .focus .table .cell p {
							font-size: 13px;
							line-height: 19px;
							margin: 5px 0 15px;
							}
		
		#page .features {
			margin: 10px 0 10px -10px;
			}
			#page .features .table {
				border-collapse: collapse;
				display: table;
				margin: 10px 0;
				width: 100%;
				}
				#page .features .table .row {
					display: table-row;
					}
					#page .features .table .cell {
						background: #f2f2f2 linear-gradient(to bottom, #f2f2f2 0%, #ffffff 100%) repeat scroll 0 0;
						border: 10px solid #fff;
						display: table-cell;
						text-align: left;
						vertical-align: top;
						width: 33%;
						}
						#page .features .table .cell .wrapper {
							padding: 20px 20px 5px 20px;
							}
						#page .features .table .cell h3 {
							font-size: 18px;
							line-height: 22px;
							margin-bottom: 5px;
							margin-top: 0;
							}
						#page .features .table .cell p {
							font-size: 13px;
							line-height: 19px;
							margin: 5px 0 15px;
							}
		
		#page .clients {
			margin: 10px 0;
			}
			#page .clients .table {
				border-collapse: collapse;
				display: table;
				margin: 10px 0;
				width: 100%;
				}
				#page .clients .table .row {
					display: table-row;
					}
					#page .clients .table .cell {
						display: table-cell;
						vertical-align: top;
						width: 33%;
						}
						#page .clients .table .cell .wrapper {
							margin: 20px;
							}
						#page .clients .table .cell h3 {
							color: #cccccc;
							display: none;
							font-family: "Source Serif Pro";
							font-size: 10px;
							line-height: 12px;
							margin: 0;
							text-align: center;
							}
						#page .clients .table .cell p {
							font-size: 13px;
							line-height: 19px;
							margin: 5px 0 15px;
							text-align: center;
							}
						#page .clients .table .cell .client-logo {
							max-width: 300px;
							width: 100%;
							height auto;
							margin: 0 auto;
							display: block;
							}


@media only screen and (max-width: 540px) {	
	.mobilehide {
		display: none;
		}
		
	#navigation li {
		float: left;
		margin: 0;
		padding: 0;
		width: 25%;
		}
		#navigation li a {
			font-size: 10px;
			line-height: 17px;
			}
		
	#sub-navigation li {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		}
		#sub-navigation li a {
			font-size: 10px;
			line-height: 17px;
			}
			
	#page .focus {
		margin: 20px 0;
		}
		#page .focus .table {
			border-collapse: separate;
			display: block;
			margin: 0;
			width: 100%;
			}
			#page .focus .table .row {
				display: block;
				}
				#page .focus .table .cell {
					background-color: #f4f4f4;
					border: 0 none;
					display: block;
					width: auto;
					vertical-align: top;
					margin: 10px 0;
					}
					#page .focus .table .cell .wrapper {
						margin: 0;
						padding: 15px;
						}
					#page .focus .table .cell h3 {
						font-size: 18px;
						line-height: 22px;
						margin-bottom: 5px;
						margin-top: 0;
						}
					#page .focus .table .cell p {
						font-size: 13px;
						line-height: 19px;
						margin: 5px 0 15px;
						}
			
	#page .features {
		margin: 20px 0;
		}
		#page .features .table {
			border-collapse: separate;
			display: block;
			margin: 0;
			width: 100%;
			}
			#page .features .table .row {
				display: block;
				}
				#page .features .table .cell {
					background-color: #f4f4f4;
					border: 0 none;
					display: block;
					width: auto;
					vertical-align: top;
					margin: 10px 0;
					}
					#page .features .table .cell .wrapper {
						margin: 0;
						padding: 15px;
						}
					#page .features .table .cell h3 {
						font-size: 18px;
						line-height: 22px;
						margin-bottom: 5px;
						margin-top: 0;
						}
					#page .features .table .cell p {
						font-size: 13px;
						line-height: 19px;
						margin: 5px 0 15px;
						}
}