@charset "UTF-8";


.titleHead {
    /* deprecated, slated for removal */
}
.name {
	font-family: "museo-slab",serif;
	font-size: 1.8em;
    line-height: 0.5em;	
	font-weight: 300;
	color: #333333;
	text-decoration: none;
	margin:20px 0 0 0;
	padding:0;
	min-width:90px;
}
.name a{
	color: #333333;
	text-decoration: none;
}
.titleKicker {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-style: normal;
    font-size: .8em;
    line-height: 1em;
	color: #333333;
	padding-left:0.2em;
	float:left;
	
}
.navList {}
.navList ul {}
.navList li {
	padding: 11px 10px 0 0;
	color: #333333;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: .8em;
}

.navList li a:link {
	color: #333333;
	text-decoration: none;
}

.navList li a:visited {
	color: #333333;
	text-decoration: none;
}

.navList li a:active {
	color: #333;
	text-decoration: none;
}

.navList li a:hover {
	color: #ebbc2e;
	text-decoration: none;
	font-weight:bold;
}

li.activePage a {
	color:#666666 !important;
	font-weight:bold;
}

/* New Message Container */
.message {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    /* From old */
    height: 300px;
    width: 100%;
    margin-bottom: 50px;
}
.message img {
    width: 100%;
    /*height: auto;*/
    
    /* From Old*/
    height: 300px;
    object-fit: cover;
}
.message .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background: rgba(0, 0, 0, 0.1); /* semi-transparent background */
}
.message .overlay p {
    color: white;
    /*font-size: 1.5em;*/
    /*text-align: center;*/
    padding: 20px;
    
    font-family: museo-slab, sans-serif;
    font-style: normal;
    font-weight: 400;

    height: 300px;
    margin: 20px 90px 0 40px;
    
}


.textR {
	text-align: right;
}
.textL {
	text-align: left;
}

/* Main Grid Stuff */
.imageGrid {
	
}

/* main
----------------------------------------------------------------------------------------------------*/
main h1, main h2, main h4, main h6, main figcaption {
    font-family: museo-slab, sans-serif;
    font-style: normal;
    font-weight: 700;
}

main h3, main h5 {
    /* placeholder for not mentioned above */
}

main .feature {
    background-color: white;
    border: thin solid #333;

}

/* main.kicker is for the case study box */
main .kicker {
    border: thin solid #333;
    margin: 0;
    padding: 5px;
    width: 35px;
}

main .kicker p {
    background-color: white;
    color: #333;
    font-size: 1rem;
    margin: 0;
    padding: 5px;
    text-transform: uppercase;
    width: 200px;
}

main a:link {
	color: #333;
	text-decoration: none;
}

main a:visited {
	color: #333;
	text-decoration: none;
}

main a:active {
	color: #555;
	text-decoration: none;
}

main a:hover {
	color: #333;
	text-decoration: none;
	font-weight:bold;
}

main h2 {
    font-size: 1.2rem;

}

main p{
    font-family: source-sans-pro, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: .8rem;
    line-height: 1.6rem;
}

.whyHire {
	background-color:#333;
}




/* .overlay styles
----------------------------------------------------------------------------------------------------*/
.overlay {
    position:absolute;
    top:60%;left:0;
    width:100%; height:40%;
    z-index:10;
    /*display:none;   UNCOMMENT THIS AND UNCOMMENT THE JQUERY SECTION FOR THE IMAGE SWAP */
    /*background-color:rgba(0,0,0,0.5);*/
    background-color:#333333;
}

.overlay::after {
    background:#000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    opacity:.5;
}
.overlay h1, .overlay h2, .overlay h5, .overlay p{
    font-family: "museo-sans",sans-serif;
    font-weight: 300;
    color:#FFFFFF;
}

.overlay h1 {
    font-size:1.8em;
    height:30%;
    line-height:1.2em;
    max-width:250px;
    margin:0 0 0 13%;
}

.overlay h2 {
    font-size:1rem;
    max-width:250px;
    margin:10px;
}

.overlay h5 {
    font-size: .75em;
    margin:50% 0 .3em 13%;
    text-transform: uppercase;
}

.overlay p {
    font-size: .75rem;
    margin:10px;
}

.imageGrid {
    position:relative;
    /*height:380px; width:380px;*/
}

.overlay img {
	
}


/* Footer Stuff ---------------------------------------------------------------------*/

#blackFoot {
	background-color:#333333;
	position:relative;
	bottom:0;

	min-height: 130px;   /*This value is the height of the footer */
	margin-top: 100px;
	padding-top: 20px;
	padding-bottom: 40px;
	width:100%;
}


.feet {
	color: #fff;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: .8rem;
	font-weight: lighter;
}

.feet ul {
	list-style-type: none;
	padding:0;
}
.feet li {
	color: #fff;
}
	.feet li a:link {
		color: #fff;
		text-decoration: none;
	}
	.feet li a:visited {
		color: #fff;
		text-decoration: none;
	}
	.feet li a:active {
		color: #FFC157;
		text-decoration: none;
	}
	.feet li a:hover {
		color: #FFC157;
		text-decoration: none;
	}
.orange {
	color: #FFC157;
}