@charset "UTF-8";
/* Web Solutions 4.0 Mobile Compatible */
html{-webkit-box-sizing:border-box;box-sizing:border-box;}
*, *:before, *:after{-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;}
body{margin:0;padding:0;}
body>*{position:relative;overflow:auto}
td, th {empty-cells:show;vertical-align:top;text-align:left}
body{background:#fff}
ul li{list-style:none}
/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}

/* typography --------------------*/
html{line-height:1.4}
body, .text, input{font-family:"myriad-pro", sans-serif;color:#333}
a {color: rgba(0,45,114,.65);text-decoration:none; -webkit-transition: ease all 200ms; transition: ease all 200ms}
a:hover, a:active {color:#002d72;text-decoration:none}
h2 a {color:#002d72;}
h2 a:hover {color: rgba(0,45,114,.65);}
#content p a {font-weight: 600}

p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:1em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400; margin: 0.8em 0}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#000; font-weight: 700;}
em, i{font-style: italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin:1em 0}
p{font-size:1em}
h1 {font-size:1.75em;color: #002D72;}
    .home > section h1 {font-size: 1.313em; color:#002D72; margin: 1.5em 0; text-align:center}
	.home .CTA h1 {font-size:1.5em; color:#fff; margin:0 0 0.25em; text-shadow: 0 0 10px #000; line-height:110%}
	.home .CTA h1 span {display:block; font-size:1rem; font-weight: 400;}
    footer h1,footer .title {font-size:1em; font-weight:600; font-style: italic; color:#000; text-transform:uppercase}
	.highlight h1 {font-size:1.375em; color: #002D72; font-weight:700}
	#rightCol section h1 {font-size: 1.125em; font-weight: 600; font-style: italic; line-height: 100%; text-transform:uppercase; color: #2e2e2e}
    #content h1 {margin: 0}
h2 {font-size:1.5em; color:#333; font-weight:600; font-style: italic;}
	h1+h2 {font-size:1.3em; line-height: 1.238em; font-weight: 400; font-style: normal; color:#333; margin-bottom:1.4em}
h3 {font-size:1.4em; font-weight:600; color: #000;}
h4, th {font-size:1.3em; font-weight:700; color:#8c8c8c; text-transform: uppercase;}
h5 {font-size: 1.2em; font-style: italic; font-weight: 400; color: #002D72;}
h6, h7, h8, h9 {font-size:1.15em;}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
table{border-collapse:collapse}
.req{color:#c00}
#content>section{margin:2em 0}
.button-style, .formButton {cursor: pointer; font-size: 1em; display: inline-block; color:#fff; padding:0.5em 1em; background: #002D72; border-radius: 6px}
.button-style:hover, .formButton:hover {color: #002D72; background: #b0c8ee;}

/* level1 list */
#content ul {padding:0}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{position: relative; padding-left: 1em; margin-bottom: 0.6em}
#content ul li:before, #Editor ul li:before, #featVid ul li:before, #news ul li:before, #events ul li:before, #blog ul li:before, #quickLinks ul li:before {content: "\f0da"; font-family: FontAwesome; font-size:0.8em; color:#F9B932; position:absolute; left:0.25em; top:0.15em;}
#content ul li li:before, #Editor ul li li:before, #featVid ul li li:before, #news ul li li:before, #events ul li li:before, #blog ul li li:before, #quickLinks ul li li:before{content:"-"; top:0; left:1.75em}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px}

/* level2 list */
#content ul li li, #Editor ul li li, #featVid ul li li, #news ul li li, #events ul li li, #blog ul li li, #quickLinks ul li li{font-size: 0.9em; color:#666}
#content ul li li:before, #Editor ul li li:before, #featVid ul li li:before, #news ul li li:before, #events ul li li:before, #blog ul li li:before, #quickLinks ul li li:before{content:"-"; top:0; left:0.25em}

/* forms */
input{font-size:1em}
input[type="text"],input[type="password"],input[type="tel"], input[type="number"],input[type="email"],input[type="url"], input[type="search"], textarea, select,input[type="button"],input[type="submit"],input[type="reset"]{border-radius:0;-webkit-appearance:none}
input[type="radio"],input[type="checkbox"]{border:1px solid #999;}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select{border:1px solid #999;background:#efefef;padding:3px 5px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus{background-color:#ffc}
textarea{display:block}
select{padding:0}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/32x32/select.png);background-repeat:no-repeat;background-position:right center;background-size:16px 16px;padding:3px 16px 3px 5px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
.button,input[type="button"],input[type="submit"],input[type="reset"]{font-size: 1em;display: inline-block;color: #fff;padding: 0.5em 1em;background: #002d72;border-radius: 6px;border: 0;}
input::-moz-focus-inner {border:0;padding:0;}
input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#b0c8ee}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable td{width:50%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{width:100%}
.formTable td{padding:0 0 5px 5px}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable td:first-child{padding:0 5px 5px 0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding:0 0 5px 0}
.subjClass{display:none}
#Captcha label{padding-left:0}


/* HEADER --------------------*/

body>header{text-align: left;position: relative;width:100%;background:#fff;}
body.home>header {position: absolute; top:0; left:0; z-index:2; background:none}
#brand {width:8.75rem;line-height: 3rem; height: 6rem;display: block;margin-left:1rem; padding: 2px 0 0; position: relative;}
#brand img {width:auto; height: 5.5rem; position: absolute; left:0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
header .headerTop {background: #fff; float: left; position: relative; width: 100%;}

header .emergency-response {background-color: #fff; float: right; height: 3.25rem; padding-right: 1em; width: 100%; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center;}
header .emergency-response span {font-style: italic; display: inline-block; vertical-align:middle; font-size: 0.7rem;color: #000000;text-align: right;}
header .emergency-response a {padding:0 0.75em 0 2.25em; font-weight: 600;font-size: 0.75rem; display: inline-block; vertical-align: middle; color: #fff;text-align: center;line-height: 2rem; margin-left: 0.5em; border-radius: 3px; background:#ff0000 url(/images/phone-white.svg) no-repeat 8px center / 1.25em;}

/* TOPNAV */
.primary{background-color:#f1f1f1; display: table; width:100% }
.primary {background:none; border-top: 1px solid rgba(255,255,255,0.4);  border-bottom: 1px solid rgba(255,255,255,0.4);}
.interior .primary {background:#002D72}
.primary>* {color: #fff}
.primary>*{display: table-cell; width:20%; line-height:2.923em;padding:0;white-space: nowrap; font-size: 0.85em; font-weight:600; text-align: center; position: relative;}
.primary>*+*:before {content: ""; position: absolute; left:0; height:100%; top:0; border-left: 1px solid rgba(255,255,255,0.4)}
	header .menu:after{content:"\f0c9";}
	header .search:after{content:"\f002";}
.secondary{position: absolute;right: 0;top:0;line-height: 3rem;text-align: center;padding:0 .5rem}
.secondary .navIcon{padding:0 .5rem;height: 3rem;float: left;display: inline-block;font-size: 1.5em; color:#747578}
.interior .secondary .navIcon {color: #747578}
.navIcon{text-align: center}
.navIcon:after{font-family: FontAwesome;display: inline-block;}
header .menu{cursor: pointer}
.primary .menu:after{padding-left:.5em}
header>.menu{position: fixed;right: 0;top: 0;width: 2.5em;height: 2.5em;line-height: 2.5em;z-index:-1;opacity: 0; color:#213A41; background-color: rgba(255,255,255,.5)}
.scroll header>.menu{opacity: 1;z-index: 2}

/* HAMBURGER */
body,body>nav,header>.menu{transition:all .3s ease 0s; -webkit-transition:all .3s ease 0s}
body {right:0;position:relative;}
.slideNav,.slideNav header>.menu{right:80%}
.slideNav>nav {right:0}
body.slideNav {overflow: hidden}
body>nav {right:-80%; position:fixed; overflow:scroll;-webkit-overflow-scrolling: touch; height:100vh; top:0; padding:0; width:80%; z-index:10; background:#1972c4;}

/* MENU --------------------*/
body>nav{background:#002D72;}
body>nav>*:last-child{margin-bottom: 3em}
body>nav li{position: relative;border-top:1px solid rgba(255,255,255,.2)}
body>nav ul{padding-left: 0; margin:0}
body>nav a{position: relative;padding:.65em .5rem .65em 1rem;color:rgba(255,255,255,.65);line-height:1.2em;display:block;}
body>nav li ul{display: none}
body>nav li.on>ul{display:block}
body>nav li>span{display: none}
body>nav li>ul+span{display: block;z-index: 2;margin-left:.5rem;position: absolute;right: 0;top:0;opacity:.2;color:#fff;text-align: center;display: inline-block;width: 2.5rem;height: 2.5em;line-height:2.5em}
body>nav li>ul+span:before{content:"\f054";font-family: FontAwesome;color: #000;background-color:#fff;border-radius: 50%; line-height: 1em;width: 1.5em;height:1.5em;padding: .25em 0; display: inline-block;}
body>nav li.on>span{-webkit-transform: rotate(90deg);transform: rotate(90deg);opacity:.5}
body>nav li li{font-size:.95em;border-top:1px solid rgba(255,255,255,.1)}
body>nav li.on{background:rgba(0,0,0,0.25)}
body>nav a{color:#fff}
body>nav a.menu:before{content:"\f00d\00A0";font-family: FontAwesome; margin-right:0.25rem}
body>nav ul a{padding-left:1rem}
body>nav ul ul a{padding-left:2rem}
body>nav ul ul ul a{padding-left:3rem}
body>nav ul ul ul ul a{padding-left:4rem}

body>nav .search,body>footer .search{width:100%;display: block}
body>nav .search{position: relative;overflow: auto; margin:5%; width:90%}
.search input[type="search"]{height: 2.286em;width:100%;line-height: 2.286em;font-size: 0.875em;padding: 0 0 0 .75em;border:1px solid #dadada; border-radius:6px; float: left;background-color: #fff; color: #222222; opacity:1; font-style:italic}
.search input[type="search"]:focus{border: 1px solid #1a333b;}
.search button{height: 2em;width: 2em;line-height: 2em;font-size: 0.9em;padding: 0;border: 0;float: left;-webkit-appearance:none; background:none; position: absolute; top:0; right:0}
.search button:before{content:"\f0da";font-family: FontAwesome; color: rgba(26,51,59,0.5)}

/* MAIN --------------------*/
main{padding:1rem 1rem 3rem;clear:both;word-wrap:break-word}
#content{max-width:40rem;margin:0 auto;min-height: 50vh}
#content img{max-width:100%;height:auto}
#content .photoright, #content .photoleft{max-width:100%;height:auto; border:1px solid #787878; border-radius:6px;}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
img.phototreatment, .phototreatment img{max-width:100%; max-height:120px}
.photoright, .photoleft{float:none;display: block}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight{background: #f3f3f3; border: 1px solid #dadada; border-radius: 6px; padding:1em;margin:.7em 0}
#content * h1{font-size:1.2em}
nav.breadcrumb{font-size:.8em}
nav.breadcrumb a{white-space:nowrap;overflow: visible;text-overflow:ellipsis;max-width:35%;display:inline-block;vertical-align:bottom}
nav.breadcrumb a:last-child{}
.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:32px;width:32px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}
.textIcon{background:#999; background-color:rgba(0,0,0,.2);font-size:.8em;line-height:1em;display:inline-block;padding:.2em .4em;border-radius: .5em;color:#fff}

.wrap {padding: 0 1em; overflow: auto}

.topCTA {height: auto; width:100%; position: relative; padding: 12.5em 1em 6em; background: url(/images/m/top-cta-bg.jpg) no-repeat center center; background-size:cover}
.CTA {z-index:2; text-align:center;}
.topCTA h1 {text-shadow: 0 0 17px rgba(0,0,0,0.2)}
.topCTA p {color:#fff; font-size: 0.938em; text-shadow: 0 0 10px #000;}
.topCTA .button-style {font-size: 1.25em; font-weight: 600; border:1px solid #fff; margin:1em 0 0.75em}
.topCTA .button-style+br+a {font-style: italic; color:#fff; border-bottom: 1px solid #b0c8ee; text-shadow: 0 0 10px #000;}
.topCTA .CTA #slideDown {position: absolute; bottom: 0; left: 0; opacity:0.3; text-align: center; width:100%; cursor:pointer}
.topCTA .CTA #slideDown i{font-size:4em; color:#fff; line-height: 100%; display: inline-block;}

#core {padding:0 1em 2em; border-bottom: 1px solid #ccc}
#core .buttons {overflow: auto}
.buttons a {width: 47%; margin-bottom: 6%; display: block; float: left; color: #002D72; text-align: center;border:1px solid #ccc; border-radius: 7px}
.buttons a:nth-child(2n+2) {margin-left: 6%}
.buttons a span {display: block; width:100%; position: relative; color: #002D72; font-size: 0.85em; height:4.125em;}
.buttons a span span {height:auto; color:#fff; font-weight:600; display: block; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%)}
    .buttons a div {height:0; padding-bottom: 80%; border-radius: 7px 7px 0 0}

   .industries .buttons a span {background: #0a255d}
   .industries .buttons a:first-child div {background: url(/images/thumbnails/energy.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(2) div {background: url(/images/thumbnails/river-terminals.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(3) div {background: url(/images/thumbnails/engineering-lans.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(4) div {background: url(/images/thumbnails/construction-companies.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(5) div {background: url(/images/thumbnails/general.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(6) div {background: url(/images/thumbnails/government.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(7) div {background: url(/images/thumbnails/environmental-response.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:last-child div {background: url(/images/thumbnails/salvage.jpg) no-repeat center ; background-size: cover}


/*new */
 .home .buttons a.Power-Plant-Power-Service div {background: url(/images/thumbnails/Divers-Power-Plant_Nuclear.jpg) no-repeat center top / cover}
 .home .buttons a.Marine-Construction div {background: url(/images/thumbnails/Marine-Construction.jpg) no-repeat center top / cover}
 .home .buttons a.Vessel-Support div {background: url(/images/thumbnails/American-Queen-Vessel-Support.jpg) no-repeat center top / cover}
 .home .buttons a.Mussel-Surveys div {background: url(/images/thumbnails/Charlie-Mussel-Survey.jpg) no-repeat center top / cover}
 .home .buttons a.Technical-Services div {background: url(/images/thumbnails/Technical-Services.jpg) no-repeat center top / cover}
 .home .buttons a.Marine-Salvage div {background: url(/images/thumbnails/Marine-Salvage.jpg) no-repeat center top / cover}
 .home .buttons a.Diver-Operated-Dredging div {background: url(/images/thumbnails/Diver-Operated-Dredging.jpg) no-repeat center top / cover}
 .home .buttons a.Confined-Space-Entry div {background: url(/images/thumbnails/Confined-Space-Entry.jpg) no-repeat center top / cover}
 .interior .buttons .nuclear {background: url(/images/thumbnails/nuclear_diving.jpg) no-repeat top center / cover no-repeat center top / cover}
 .interior .buttons .extreme-diving {background: url(/images/thumbnails/environmental-response.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .casino {background: url(/images/thumbnails/casino.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .potable-water {background: url(/images/thumbnails/potable-water.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .marina {background: url(/images/thumbnails/marina-and-pleasurecraft.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .vessel-support {background: url(/images/thumbnails/american-Queen-Vessel-Support.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .confined-space {background: url(/images/thumbnails/confined-spaces.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .custom-fabrication {background: url(/images/thumbnails/custom-fabrication.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .driver-operated {background: url(/images/thumbnails/dredging.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .diving-support {background: url(/images/thumbnails/horizontal-directional-drilling.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .deep-air {background: url(/images/thumbnails/deep-air-diving.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .remotely-operated {background: url(/images/thumbnails/rov.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .Structural {background: url(/images/thumbnails/structural-services.jpg) no-repeat top center / contain no-repeat center top / cover}
 .interior .buttons .Power-Plant-Power-Service {background: url(/images/thumbnails/Divers-Power-Plant_Nuclear.jpg) no-repeat center top / cover}
 .interior .buttons .Marine-Construction {background: url(/images/thumbnails/Marine-Construction.jpg) no-repeat center top / cover}
 .interior .buttons .Vessel-Support {background: url(/images/thumbnails/American-Queen-Vessel-Support.jpg) no-repeat center top / cover}
 .interior .buttons .Mussel-Surveys {background: url(/images/thumbnails/Charlie-Mussel-Survey.jpg) no-repeat center top / cover}
 .interior .buttons .Technical-Services {background: url(/images/thumbnails/Technical-Services.jpg) no-repeat center top / cover}
 .interior .buttons .Marine-Salvage {background: url(/images/thumbnails/Marine-Salvage.jpg) no-repeat center top / cover}
 .interior .buttons .Diver-Operated-Dredging {background: url(/images/thumbnails/Diver-Operated-Dredging.jpg) no-repeat center top / cover}
 .interior .buttons .Confined-Space-Entry {background: url(/images/thumbnails/Confined-Space-Entry.jpg) no-repeat center top / cover}

 .interior .buttons .Intake-Outfall-Services {background: url(/images/thumbnails/intake-outfall.gif) no-repeat center top / cover}
 .interior .buttons .Lock-and-Dam-Services {background: url(/images/thumbnails/lock-dam.jpg) no-repeat center top / cover}
 .interior .buttons .Bridge-Services {background: url(/images/thumbnails/bridge-services.jpg) no-repeat center top / cover}
 .interior .buttons .Pipeline-Services {background: url(/images/thumbnails/pipeline.jpg) no-repeat center top / cover}
 .interior .buttons .Contaminated-and-Extreme-Diving-Conditions {background: url(/images/thumbnails/extreme-diving.jpg) no-repeat center top / cover}
 .interior .buttons .Custom-Fabrication {background: url(/images/thumbnails/custom-fabrication.jpg) no-repeat center top / cover}
 .interior .buttons .Potable-Water-Services {background: url(/images/thumbnails/potable-water.jpg) no-repeat center top / cover}
 .interior .buttons .River-Terminal-and-Commercial-Dock-Services {background: url(/images/thumbnails/river-terminal.jpg) no-repeat center top / cover}
 .interior .buttons .Crane-and-Barge-Rental {background: url(/images/thumbnails/crane-barge.jpg) no-repeat center top / cover}
 .interior .buttons .Diver-Operated-Dredging-Services {background: url(/images/thumbnails/Diver-Operated-Dredging.jpg) no-repeat center top / cover}
 .interior .buttons .Deep-Diving-Operations {background: url(/images/thumbnails/deep-air-diving.jpg) no-repeat center top / cover}
 .interior .buttons .Environmental-Services  {background: url(/images/thumbnails/environmental-response.jpg) no-repeat center top / cover}

 #content .staff-list {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
 #content .staff-list li {width: 48%; margin: 0 4% 4% 0; padding: 0;}
 #content .staff-list li:nth-child(even) {margin-right:0}
 #content .staff-list li:before {display: none}
 #content .staff-list li a {display: block; border:2px solid rgba(0,0,0,0.05); overflow:hidden; background:#d2e3ff; height:100%; padding:1em 1em 2em; text-align:center}
 #content .staff-list li a .headshot {margin:-2rem -1rem 1rem; width:calc(100% + 2rem); padding-bottom: 100%; background-size: cover; background-position:center top}
 #content .staff-list li a h2 {margin:0; font-size:1.125rem; color:#000; font-style: normal}
 #content .staff-list li a .title {display: block; font-size:0.875rem; line-height:1.25em; color:#000; margin: 0.25rem 0 0;}
 
.buttons a span span {
    height: auto;
    color: #fff;
    font-weight: 600;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


        .industries .buttons a {border:1px solid rgba(0,0,0,0.6)}
        .industries .buttons a div {height:4em; background: rgba(10,37,93, 0.88); border:0}
        .industries .buttons a:hover div {height: 100%; background: #006be3;}
        .industries .buttons a:hover .button-title {padding-top:25%}
        .industries .buttons a:first-child, .interior .buttons .energy {background: url(/images/thumbnails/energy.jpg) no-repeat center ; background-size: cover}
        .industries .buttons a:nth-child(2), .interior .buttons .river-terminals-shipping {background: url(/images/thumbnails/river-terminals.jpg) no-repeat center ; background-size: cover}
        .industries .buttons a:nth-child(3), .interior .buttons .engineering-firms {background: url(/images/thumbnails/engineering-lans.jpg) no-repeat center ; background-size: cover}
        .industries .buttons a:nth-child(4), .interior .buttons .construction-companies {background: url(/images/thumbnails/construction-companies.jpg) no-repeat center ; background-size: cover}
        .industries .buttons a:nth-child(5), .interior .buttons .general-industry {background: url(/images/thumbnails/general.jpg) no-repeat center ; background-size: cover}
        .industries .buttons a:nth-child(6), .interior .buttons .government {background: url(/images/thumbnails/government.jpg) no-repeat center ; background-size: cover}
        .industries .buttons a:nth-child(7), .interior .buttons .environmental-response {background: url(/images/thumbnails/environmental-response.jpg) no-repeat center ; background-size: cover}
        .home .industries .buttons a:last-child, .interior .buttons .salvage {background: url(/images/thumbnails/salvage.jpg) no-repeat center ; background-size: cover}

   .interior .buttons a .button-title { display: block; left: 50%;-webkit-transform: translate(-50%, -50%); margin: 13em 0 -2.5em 0; font-size: 2.5vw; line-height: 110%; text-align: center;   position: relative;  padding: 1em 0; vertical-align: middle;}

    .interior .buttons a  {width:47%; margin: 0 2% 4.5% 0;
    padding-bottom: -2em;}

.buttons a div, .buttons a > span { bottom:0; background: #002d72; -webkit-transition:ease all 200ms; transition:ease all 200ms;}

.button-title {color: #ffffff !important;     height: auto;     font-weight: 600;top: 50%;}

   .interior .buttons a .button-title


.buttons a .button-title {top: 50%; font-size: 1em; font-weight:600; line-height: 100%; padding:1.5em 0.5em; color:#fff; width:100%; text-align:center; -webkit-transition:ease all 200ms; transition:ease all 200ms; }


.industries {padding: 1em 1em 3em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3f3f3+0,e0e0e0+100 */
background: rgb(243,243,243); /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(243,243,243,1)),to(rgba(224,224,224,1)));
background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(224,224,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
}
   .industries .buttons a span {background: #002D72}
   .industries .buttons a:first-child div {background: url(/images/thumbnails/energy.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(2) div {background: url(/images/thumbnails/river-terminals.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(3) div {background: url(/images/thumbnails/engineering-lans.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(4) div {background: url(/images/thumbnails/construction-companies.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(5) div {background: url(/images/thumbnails/general.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(6) div {background: url(/images/thumbnails/government.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:nth-child(7) div {background: url(/images/thumbnails/environmental-response.jpg) no-repeat center ; background-size: cover}
   .industries .buttons a:last-child div {background: url(/images/thumbnails/salvage.jpg) no-repeat center ; background-size: cover}

.news {text-align: center; padding-bottom: 2.5em; border-top: 1px solid #d8d8d8;}
.news .wrap h1 {margin:1.75em 0 1.25em}
.news .wrap .storyTitle {font-size: 0.938em; font-weight:600; line-height: 1.167em; color:#1a333b; display:block}
.news .wrap .storyDate {font-size:0.781em; font-style: italic; color:#666666; display:block; margin:0.5em 0}
.news .wrap > a {display: block; font-size: 0.875em; color: #adadad; font-style: italic; text-decoration: underline; margin:1em 0 0;}


.twoCol {
-webkit-columns:1;
        columns:1;
-webkit-column-gap:0;
        column-gap:0;
}
.threeCol {
-webkit-columns:1;
        columns:1;
-webkit-column-gap:0;
        column-gap:0;
}
.fourCol {
-webkit-columns:1;
        columns:1;
-webkit-column-gap:0;
        column-gap:0;
}

.industryThumbs {width: 100%; height: auto; clear:both}
.industryThumbs a {display: block; width: 100%; height: auto; background: #ececec; padding:1em; border-radius:6px; margin:0 0 1em}
.industryThumbs .industryTitle {display: block; font-size:1.25em; text-transform: uppercase; font-weight:700; margin: 0.5em 0}
.industryThumbs img {display: block; width: 100%; height:auto; margin-bottom: 1em}
.industryThumbs .button-style {display: none}
.industryThumbs strong {display: block}

.ContactForm table, .ContactForm input {width: 100%}
.ContactForm td {display: block; width:100% !important}
.ContactForm td td {display: block; width:40% !important; float: left; margin-right:5%}
.ContactForm [type="submit"] {margin-bottom:0.5em}

a.position {display: block;padding: 0 0 1em;border-top: 1px solid #ccc;}
a.position h5:before {content: "›"; float: right}

[action="searchProcess.asp"] td {display: block}
[action="searchProcess.asp"] input {margin-bottom: 1em}
.locationList {padding-left: 1.5em}

/* Breadcrumb */
.breadcrumb a:after{content:"\00A0\f105\00A0\0020";font-family:FontAwesome;margin: 0 0.25rem; color:#ccc}
.breadcrumb a:last-child:after{content:""}

/* Children */
#content nav.children{margin-top:2em}
#content nav.children ul{background-color:#f1f1f1;border-radius:4px;padding:0}
#content nav.children li{background:none;padding:0;margin:0}
#content nav.children li:before {content:''}
#content nav.children a{padding:.4em .6em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#content nav.children li+li a{border-top:1px solid rgba(255,255,255,1)}

#m-login {
    background-color: #002D72;
    padding: 2em;}
.highlight.photoright h2 {font-size: 1.25em}

#m-login a {color:#f3f3f3; font-size: .9em;}
#m-login .tabs input, .connectWithUs input {font-size: 1em; width:100%; margin-bottom: 0.5em;
    background-color: white;
    font: 14px BlinkMacSystemFont;
    border:1px solid #dadada;
    border-radius: 5px;
    height: 2.188em;
    line-height: 2.188em;
    padding: 0 1em;
    -webkit-appearance: textfield;}
#m-login .tabs button, .connectWithUs button {font-size: 0.9em; cursor: pointer; border: none;}

.tabs {position: relative; min-height: 11em; clear: both;}

.tab {width:50%; float: left; text-align: center; overflow: visible}
.tab .option {-webkit-transition: ease all 200ms;transition: ease all 200ms;  height:2.333em; line-height: 2.333em; font-size: 0.938em; font-weight:500; background: #ffffff; color:#333; padding: 0;border-radius: 5px 0 0 5px;  position: relative; width:100%;  display: block; cursor: pointer}
.tab+.tab .option {border-radius: 0 5px 5px 0}
.tabbed-content {position: absolute; top: 2.563em; left: 0; width: 100%;  text-align:left; z-index:-1}
.tab .option.on {color:#002d72; background: #b0c8ee;z-index: 2; cursor: text}
.tab .tabbed-content.on {z-index: 2;}
.tab .tabbed-content.off {z-index: 1;}

#m-login .tabbed-content.off a {display: none;}

/* FOOTER --------------------*/
body>footer{color:#222; padding-top: 1em; background-color: #f3f3f3; border-top: 1px solid #d8d8d8;}
body>footer>*{max-width: 40rem;margin-left: auto;margin-right: auto}
body>footer a{color:#002d72;}
body>footer .title {font-weight: 600; text-transform: uppercase; font-style: italic; color:#000; margin:0.5em 0}
body>footer address {font-style: normal}
body>footer .search{position: relative;overflow: auto;margin:.5em auto 2em}
body>footer .search button {height: auto}
footer .wrap div {text-align: center}
footer .wrap div > div {margin: 1em 0;}
footer .wrap div > div a {position: relative; display: inline-block; padding: 0px .25em;}
footer .wrap div > div a img {width: 100%; height: auto;}
footer nav ul {margin:2em 0; padding:0; text-align: center;}

footer .brand a img {height:auto; margin-bottom: 1em; width: 12rem;}

footer span {margin-bottom:0.5em; display:block}
footer address {font-size: 0.750em}
footer .wrap .social {display: inline-block; margin:1em 0 0; width: 100%;}
footer .wrap .social a {font-size: 2.25em; margin: 0 0.15em; -webkit-transform: none; transform: none}
footer .wrap .social a i {color:#c2c2c2; }
footer .wrap+.wrap {font-size: 0.625em; text-align: center; margin:0 auto; color: rgba(26,51,59,0.5); border-top: 1px solid rgba(26,51,59,0.2); margin:1.5rem auto 0; padding:0.75rem 1rem}
footer .wrap+.wrap a {color: rgba(26,51,59,0.5)}

footer .connectWithUs {margin-bottom: 2em;}

footer .wrap div > div a.mer-eel {display: table;margin: 1rem auto;max-width: 100%; padding: .5em 1em;}

.forgot {display: block; margin-top: .5em; padding-left: 1em;}
.forgot a {font-style: italic;}

.bigLogo {display: block; margin-bottom: 1em; text-align: center; width: 100%;}
a.bigLogo img {height: auto; max-width: 25em; width: 100%;}

.bigLogo {display: block; margin-bottom: 1em; text-align: center; width: 100%;}
footer .wrap section > div a.bigLogo img {height: 3.25rem; width: auto;}
.bigLogo {display: block; margin-bottom: 1em; text-align: center; width: 100%;}
footer .wrap section > div a.bigLogo img {height: 3.25rem; width: auto;}
.wrap.logos {text-align: center; margin-left: auto;margin-right: auto;margin-top: 2rem;}
.wrap.logos img {width: auto;height: 2em; display: block;text-align: center;margin:1em auto;}
.wrap.logos .small {color: #333333;font-style: italic;}

@media screen and (max-width:350px) {
.albumThumb a{width:25%;float:left;line-height:0}}
.albumThumb img{width:100%;height:auto;padding:2px}


/* TRANSITIONS */
#alertApp,#alertApp span,#alertDesc,body>nav li>span,body>nav li{
	-webkit-transition:all 200ms ease-out;
	        transition:all 200ms ease-out}


/* Time Entry Tool */

#content .login {max-width: 50em; margin:0 auto}
#content .login form {max-width: 25em; margin:0 auto}
#content .login form table {width:100%}
#content .login form td:first-child {width: 7em; padding-bottom: 1em}
#content .login form td {padding-bottom: 1em}
#content .login form td input {width:100%}
#content .login .formButton {cursor: pointer; display: block; width:100%; font-size: 1em; display: block; color: #333333; padding:0.75em 0; text-align: center; background: #f9b932; border-radius: 6px}


#timeEntry input[type="text"], #timeEntry textarea, #timeEntry select,
#PTOrequest input[type="text"], #PTOrequest textarea, #PTOrequest select,
.login input[type="text"], .login input[type="email"], .login input[type="password"], .login textarea, .login select {width:100%; font-size: 1em; line-height: 2.188em; font-family: "myriad-pro",sans-serif; padding:0 1em; border:1px solid #dadada; background:#fff; border-radius:5px; -webkit-transition: all 100ms ease-out; transition: all 100ms ease-out}
.formButton {cursor: pointer; display: block; width:100%; font-size: 1.25em; display: block; color: #333333; padding:0.75em 0; text-align: center; background: #f9b932; border-radius: 6px}
#timeEntry, #PTOrequest {margin-bottom: 2em}
#timeEntry h2, #PTOrequest h2 {margin: 0 0 0.25em; font-size: 1.125em}
#timeEntry label, #PTOrequest label {display: block; padding:0; margin-bottom: 1em}
#timeEntered {background: #f1f1f1; padding: 1.5em 1em 1em; border-radius:5px}
#timeEntered h2 {margin: 0 0 1em; font-size: 1.5em}
#timeEntered .entry-dates {background:#fff; padding: 1em}
#timeEntered .entry-dates h3 {font-size: 1.125em; margin:0 0 0.25em}
#timeEntered .entry-dates .entry-time {position: relative; margin-bottom: 0.25em; padding-left:1em}
#timeEntered .entry-dates .entry-time i {position: absolute; top:0.25em; left:0}
#timeEntered .entry-dates .entry-time .timeType {display: inline-block; color: #016e70; font-size: 0.875em; font-style: italic; margin-left:0.5em}
#timeEntered .entry-dates .entry-time .notes {color:#666; font-size: 0.875em}


/*---- Resources Tool ----*/
#resources-tool {position:relative; width:100%}
#resources-tool .tool-filters {border-bottom: 1px dashed #ccc; padding-bottom: 1em; margin-bottom:1em; display: flex; flex-wrap:wrap}
#resources-tool .tool-filters label {margin-top: 0.5rem; display: block; width:100%; font-weight:600;}
#resources-tool .tool-filters label select {width: 100%; display: block; height:2.5rem; padding-left:0.5em; margin:0; font-size: 1em; line-height: 2.188em; font-family: "myriad-pro",sans-serif; border: 1px solid #dadada; background: #fff; border-radius: 5px; -webkit-transition: all 100ms ease-out; transition: all 100ms ease-out;}
#resources-tool .tool-filters label input:not([type=radio]) {width:100%; display: block; height:2.5rem; margin:0}
#resources-tool .tool-filters label.radio {position:relative; padding-left: 1.25rem; padding:0.5em 0.5em 0.5em 1.5rem}
#resources-tool .tool-filters label.radio input {position:absolute; top:0.8125rem; left:0.25rem; margin:0; visibility: visible !important;}
#resources-tool .tool-filters label.zip-input input {width:100%; font-size: 1em; line-height: 2.188em; font-family: "myriad-pro",sans-serif; padding: 0 0.5em; border: 1px solid #dadada; background: #fff; border-radius: 5px; -webkit-transition: all 100ms ease-out; transition: all 100ms ease-out;}
#resources-tool .tool-filters label.disabled {opacity:0.5; pointer-events: none;}
#resources-tool .tool-filters label small {font-size:0.875rem; display: block; line-height: 1em; font-weight: 400; font-style: italic}
#resources-tool .tool-filters .button {padding: 0 1rem; height:2.5rem; background: rgba(0,45,114,1); border-radius: 5px; font-weight:600; color:#fff}
#resources-tool .tool-filters .button:hover {background:#666}
#resources-tool .tool-filters > input[type=submit] {margin-top: 0.5rem; width: 100%; text-align: center; font-size: 1rem; height:2.5rem}
#resources-tool .legend {display: flex; flex-wrap:wrap; margin-bottom:1rem}
#resources-tool .legend span {display:block; position:relative; line-height:1.25em; padding:5px 1em 5px 1.5em; font-size:0.875rem;}
#resources-tool .legend span img {position: absolute; top:3px; left:0;}
#resources-tool #map {position: relative; padding-bottom: 40%}
#resources-tool #map #mapWrapper {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;}
#resources-tool #map #mapWrapper iframe {position: absolute; width:100%; height:100%;}
#resources-tool #map #mapWrapper #map_canvas {position: absolute; width:100%; height:100%;}
#resources-tool .location {margin-bottom:1.25rem; position: relative; padding: 1rem 1rem 1rem 2rem; border:1px solid #ccc}
#resources-tool .location .marker {position: absolute; top: 18px; left: 9px; width:20px; height: 20px; display: flex; justify-content: center; align-items: center; align-content: center;}
#resources-tool .location .marker img {max-width: 100%; width:auto; max-height:100%; height: auto;}
#resources-tool .location h3 {font-size:1.25rem; margin: 0 0 0.5rem}
#resources-tool .location h3 + strong {font-size: 0.875rem;font-style: italic;margin: -0.75rem 0 0.25rem;display: block;}
#resources-tool .location p {font-size:0.875rem; margin:0; line-height:1.25em}
#resources-tool .location p + p {margin-top:0.35rem}