@charset "UTF-8";
/* CSS Document */

/** CSS RESET **/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** NORMALIZE **/

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}


/** CSS RESET ENDS **/


body {
	font: 1em/1.5em  "nimbus-sans", helvetica, arial, sans-serif;
	color:#656565;
	font-style:normal;
	font-weight:400;
	-webkit-text-size-adjust: 100%;
	background-color:#fbfbfb;
}
em {
font-style: italic;
}
strong {
font-weight: 700;
}

::selection { background: #dadada none repeat scroll 0 0; color: #231f20; }
::-moz-selection { background: #dadada none repeat scroll 0 0; color: #231f20; }

a {
	color:inherit;
	text-decoration:none;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-chrome-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
a:visited {
	color: inherit;
	text-decoration:none;
}
a:hover {
	color:#cf284b;
	text-decoration:none;
}
a:active {
}

img {
	max-width: 100%;
	height: auto;
	width: auto; /* ie8 */
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



.f1 a {
color:inherit;
text-decoration:none;
}
.f1 a:active {
color:inherit;
text-decoration:none;
}
.f1 a:hover {
color:inherit;
text-decoration:underline;
}
.f1 a:visited {
color:inherit;
text-decoration:none;
}

.h1 a {
font-size:1.1em;
color:#231f20;
font-weight:700;
text-decoration:none;
}
.h1 a:active {
color:inherit;
text-decoration:none;
}
.h1 a:hover {
color:inherit;
text-decoration:none;
}
.h1 a:visited {
color:inherit;
text-decoration:none;
}
.h3 a {
color:inherit;
text-decoration:none;
opacity:1.0;
	-webkit-transition: opacity 0.2s ease-in-out;
	-o-transition: opacity 0.2s ease-in-out;
	-moz-transition: opacity 0.2s ease-in-out;
	-chrome-transition: opacity 0.2s ease-in-out;
	-ms-transition: opacity 0.2s ease-in-out;
	transition: opacity 0.2s ease-in-out;
}
.h5 a {
color:inherit;
text-decoration:none;
font-weight:700;
opacity:1.0;
-webkit-transition: opacity 0.2s ease-in-out;
-o-transition: opacity 0.2s ease-in-out;
-moz-transition: opacity 0.2s ease-in-out;
-chrome-transition: opacity 0.2s ease-in-out;
-ms-transition: opacity 0.2s ease-in-out;
transition: opacity 0.2s ease-in-out;
}
.h5 a:active {
color:inherit;
text-decoration:none;
opacity:1.0;
}
.h5 a:hover {
color:inherit;
text-decoration:none;
opacity:0.7;
}
.h5 a:visited {
color:inherit;
text-decoration:none;
opacity:1.0;
}
.h3 a:active {
color:inherit;
text-decoration:none;
opacity:1.0;
}
.h3 a:hover {
color:inherit;
text-decoration:none;
opacity:0.7;
}
.h3 a:visited {
color:inherit;
text-decoration:none;
opacity:1.0;
}
.h9 a {
color:inherit;
text-decoration:underline;
}
.h9 a:active {
color:inherit;
text-decoration:none;
}
.h9 a:hover {
color:inherit;
text-decoration:none;
}
.h9 a:visited {
color:inherit;
text-decoration:none;
}


.button-1 {
   background: #231f20;
   padding: 9px 18px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #ffffff;
   font-size: 0.9em;
   line-height:4em;
   letter-spacing:0.05em;
   font-family: "nimbus-sans", Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   margin-right:15px;
   	-webkit-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-chrome-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.button-1:hover {
   background: #cf284b;
   color: #ffffff;
}
.button-1:active {
   background: #231f20;
}
.button-1:visited {
   color: #ffffff;
}
.button-2 {
   background: #cf284b;
   padding: 9px 18px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #ffffff;
   font-size: 0.9em;
   line-height:4em;
   letter-spacing:0.05em;
   font-family: "nimbus-sans", Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   margin-right:15px;
   	-webkit-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-chrome-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.button-2:hover {
   background: #231f20;
   color: #ffffff;
}
.button-2:active {
   background: #cf284b;
}
.button-2:visited {
   color: #ffffff;
}
.button-3 {
   background: #fff;
   padding: 7px 12px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #cf284b;
   font-size: 0.8em;
   line-height:5em;
   letter-spacing:0.05em;
   font-family: "nimbus-sans", Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   margin-left:9px;
   	-webkit-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-chrome-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.button-3:hover {
   background: #231f20;
   color: #cf284b;
}
.button-3:active {
   background: #fff;
   color: #cf284b;
}
.button-3:visited {
   color: #cf284b;
   	background: inherit;
}



/************************************************************************************
STRUCTURE
*************************************************************************************/

.page-wrap {
with:100%;
}

header {
float:left;
width:100%;
height:150px;
background-color:#fbfbfb;
}
footer {
float:left;
width:100%;
background-image: url("../images/footer-bg.jpg");
background-position: center;
margin-top:30px;
clear: both;			
}
#content {
float:left;
width:100%;
height:auto;
}
#slider-wrap {
width:100%;
height:auto;
background-color:#f3f3f3;
}
#slider {
width:1000px;
margin-left:auto;
margin-right:auto;
}
#header-wrap {
width:1000px;
margin-left:auto;
margin-right:auto;
}
#footer-wrap {
width:1000px;
margin-left:auto;
margin-right:auto;
}
#page-title-wrap {
width:100%;
margin-left:auto;
margin-right:auto;
background-image: url("../images/footer-bg.jpg");
background-repeat:no-repeat;
background-position: center;
}
#page-title {
width:1000px;
margin-left:auto;
margin-right:auto;
}
#title {
margin-top:25px;
margin-bottom:25px;
float:left;
width:35%;
}
#sub-nav {
float:left;
text-align:right;
width:65%;
margin-top:12px;
}
#content-wrap {
width:1000px;
margin-left:auto;
margin-right:auto;
position:relative;
min-height:500px;
}
#logo {
float:left;
height:97px;
width:33%;
margin-top:53px;
}
#nav-wrap {
float:right;
height:80px;
width:49%;
margin-top:70px;
}

#copyright {
margin-top:40px;
float:left;
width:245px;
height:105px;
}
#information {
margin-top:40px;
float:left;
width:593px;
height:105px;
}
#footer-nav {
margin-top:40px;
float:left;
width:162px;
height:105px;
text-align:right;
}
.nav-item {
float:left;
width:30%;
display:inline-block;
border-bottom:solid 1px #d2d2d2;
margin-left:3.33%;
margin-bottom:10px;
color:#231f20;
font-size:1.1em;
	-webkit-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-chrome-transition: color 0.2s ease-in-out;
	-ms-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}
.slicknav_menu {
	display:none;
}
#menu {
display:none;
}
.current-item {
width:94%;
float:left;
background:#f3f3f3;
margin-bottom:10px;
padding-top:7px;
padding-bottom:7px;
padding-left:4%;
padding-right:2%;
font-size:0.9em;
line-height:1.2em;
color:#231f20;
position:relative;
	-webkit-transition: background 0.2s ease-in-out;
	-o-transition: background 0.2s ease-in-out;
	-moz-transition: background 0.2s ease-in-out;
	-chrome-transition: background 0.2s ease-in-out;
	-ms-transition: background 0.2s ease-in-out;
	transition: background 0.2s ease-in-out;
}
.current-item:hover {
background: #e1e1e1;
color:#231f20;
}
.current-item:active {
background: inherit;
color:#231f20;
}
.currently img {
position:absolute;
left:-6px;
top:9px;
}
#headline-1 {
float:left;
width:auto;
background-color:#cf284b;
height:auto;
top:-50px;
left: 0px;
z-index:1000;
padding-left:30px;
padding-right:30px;
padding-top:12px;
padding-bottom:12px;
}
#index-bio {
float:left;
width:50%;
padding-left:8.33%;
padding-top:70px;
}
#current-wrap {
float:right;
width:33.33%;
padding-top:19px;
}
#spacer {
width:100%;
float:left;
margin-top:25px;
margin-bottom:25px;
border-top: 1px solid #838383;
}
#headline-2 {
float:left;
width:50%;
}
#feature-wrap {
color:#fff;
font-size:0.9em;
line-height:1.2em;
float:right;
width:33.33%;
height:auto;
background-image: url("../images/feature.jpg");
background-repeat: none;
padding-top:80px;
}
#feature {
background-image: url("../images/jobs-overlay.png");
float:left;
height:auto;
width:100%;
}
#feature-text {
width:50%;
float:left;
height:auto;
padding-left:5%;
padding-right:5%;
padding-top:10px;
padding-bottom:10px;
}
#feature-action {
width:40%;
float:left;
height:60px;
text-align:center;
}	
#two-col-1 {
margin-top:30px;
float:left;
width:48%;
padding-right:2%;
height:auto;
}
#two-col-2 {
margin-top:30px;
float:left;
width:48%;
padding-left:2%;
height:auto;
}
#one-col-1 {
margin-top:30px;
float:left;
width:100%;
height:auto;
}
#one-col-1 p {
width:60%;
}
#one-col-1 img {
border:1px solid #888;
float:right;
clear:right;
margin-left:25px;
margin-top:15px;
margin-bottom:15px;
}
#col-wrap {
float:left;
margin-top:30px;
border-top: 1px solid #888;
}
#one-col-2 {
margin-top:30px;
float:left;
width:100%;
height:auto;
}
.terminal {
background-color: #f6f6f6;
width:93%;
padding-left:3%;
padding-right:3%;
padding-top:10px;
padding-bottom:10px;
border-left:1px solid #d2d2d2;
height:auto;
float:left;
margin-top:15px;
list-style-type:none;
}
.terminal-single-contact {
background-color: #f6f6f6;
font-weight:400;
width:26.5%;
padding-left:3%;
padding-right:3%;
padding-top:10px;
padding-bottom:10px;
border-left:1px solid #d2d2d2;
height:auto;
float:left;
margin-top:15px;
list-style-type:none;
}
.terminal-single-contact a {
color:#cf284b;
}
.terminal-single-contact:hover a {
color:#cf284b;
}
.service-locations {
float:left;
width:48%;
padding-right:2%;
margin-bottom:15px;
margin-top:10px;
}
.contact-city {
margin-bottom:45px;
}
.partnerships {
margin-top:40px;
}




/*=== NIVO SLIDER ===*/
.slider-wrapper { 
	width: 100%; 
	margin: 100px auto;
}
.nivoSlider img {
width:100%;
}
.clear {
	clear:both;
}

/************************************************************************************
TYPOGRAPHY
*************************************************************************************/
p {
margin-bottom:8px;
}

.h1 {
font-size:2.2em;
line-height:1.1em;
color:#cf284b;
}
.h2 {
font-size:1.5em;
line-height:1.2em;
color:#cf284b;
}
.h3 {
font-size:1.0em;
color:#231f20;
font-weight:700;
text-decoration:none;
text-transform:uppercase;
}
.h4 {
color:#231f20;
font-size: 1.05em;
line-height:1.5em;
}
.h5 {
color:#231f20;
font-size: 1.05em;
line-height:1.5em;
}
.h6 {
color:#231f20;
font-size: 0.9em;
line-height:1.35em;
margin-left:30px;
}
.h7 {
color:#231f20;
font-size: 0.8em;
line-height:1.35em;
}
.h8 {
color:#231f20;
text-transform:uppercase;
}
.h9 {
font-size:0.8em;
font-weight:700;
color:#231f20;
}
.f1 {
font-size:0.8em;
color:#848484;
}
.f1 p {
margin-bottom:3px;
}
.h5 li {
margin-left:30px;
font-size:0.9em;
list-style-type:square;
width:50%;
}
.terminal li {
list-style-type:none;
margin-left:0px;
width:100%;
}
.terminal-single-contact li {
list-style-type:none;
margin-left:0px;
width:100%;
}
.h8 p {
margin-bottom:0px;
}
.division-header {
background-color:#000;
color:#FFF;
margin-bottom:10px;
font-size: 1em;
font-weight:bold;
line-height:1.5em;
text-align:center;
text-transform:uppercase;
}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 1020px or less */
@media screen and (max-width: 1020px) {


#slider {
width:96%;
}
#header-wrap {
width:96%;
}
#footer-wrap {
width:96%;
}
#content-wrap {
width:96%;
}
#logo {
height:97px;
width:33%;
margin-top:53px;
}
#nav-wrap {
height:80px;
width:50%;
margin-top:70px;
}
#copyright {
margin-top:40px;
float:left;
width:24%;
height:105px;
}
#information {
margin-top:40px;
float:left;
width:50%;
height:105px;
}
#footer-nav {
margin-top:40px;
float:left;
width:24%;
height:105px;
text-align:right;
}
.h3 {
display:block;
}
#page-title {
width:96%;
}
.button-3 {
padding: 7px 10px;
font-size: 0.7em;
margin-left:8px;
}


}



/* for 940px or less */
@media screen and (max-width: 940px) {


.nav-item {
margin-left:3.33%;
margin-bottom:10px;
font-size:1.0em;
}
.button-2 {
   padding: 9px 8px;
}


}



/* for 830px or less */
@media screen and (max-width: 830px) {


.nav-item {
width:15%;
margin-left:0%;
margin-right:1.5%;
margin-bottom:20px;
font-size:0.8em;
font-weight:700;
display:inline;
}
#logo {
height:50px;
width:33%;
}
#nav-wrap {
float:left;
height:auto;
width:100%;
margin-top:0px;
}
#content-wrap {
position:static;
}
#headline-1 {
width:92%;
position:static;
top:0px;
padding-left:4%;
padding-right:4%;
padding-top:8px;
padding-bottom:8px;
}
#index-bio {
float:left;
width:50%;
padding-left:0%;
padding-top:15px;
}
#current-wrap {
float:right;
width:33.33%;
padding-top:15px;
}
#copyright {
margin-top:10px;
float:left;
width:100%;
height:auto;
}
#information {
margin-top:20px;
float:left;
width:100%;
height:auto;
}
#footer-nav {
margin-top:20px;
margin-bottom:20px;
float:left;
width:100%;
height:auto;
text-align:left;
}
footer {
width:100%;
background-image: none;
background-color:#ebebeb;
margin-top:30px;
height:auto;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: 0px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: auto; 
  float:left;
}
#title {
margin-top:25px;
margin-bottom:15px;
width:100%;
}
#sub-nav {
text-align:left;
width:100%;
margin-top:0px;
margin-bottom:10px;
}
.button-3 {
margin-left:0px;
margin-right:9px;
line-height:3em;
}
#two-col-1 {
width:100%;
padding-right:0%;
}
#two-col-2 {
width:100%;
padding-left:0%;
}
#one-col-1 {
margin-top:30px;
width:100%;
}
#one-col-1 p {
width:100%;
}
#one-col-1 img {
margin-left:25px;
margin-top:15px;
margin-bottom:15px;
width:60%;
}
.terminal-single-contact {
background-color: #f6f6f6;
font-weight:400;
width:93%;
padding-left:3%;
padding-right:3%;
padding-top:10px;
padding-bottom:10px;
border-left:1px solid #d2d2d2;
height:auto;
float:left;
margin-top:15px;
list-style-type:none;
}
#col-wrap {
margin-top:0px;
border-top: 0;
}


.h1 {
font-size:1.8em;
line-height:1.1em;
}
.button-1 {
   padding: 9px 8px;
   margin-right:10px;
}
.h5 li {
width:92%;
}


}



/* for 705px or less */
@media screen and (max-width: 705px) {


#logo {
height:40px;
width:100%;
text-align:center;
}
#logo img {
width:40%;
}
#nav-wrap {
/* removed by Daryl Maksymec to get menu working in mobile */
/* display:none;*/
}
#nav-wrap ul li {

width: 30% !important;

}
.slicknav_menu {
display:block;
}
#index-bio {
float:left;
width:100%;
padding-left:0%;
padding-top:15px;
}
#current-wrap {
float:left;
width:100%;
padding-top:15px;
}
#headline-1 {
padding-top:5px;
padding-bottom:5px;
}
#headline-2 {
width:100%;
padding-bottom:15px;
margin-bottom:30px;
border-bottom: 1px solid #444;
}
#feature-wrap {
font-size:0.9em;
line-height:1.2em;
width:100%;
margin-left:auto;
margin-right:auto;
height:auto;
background-image: none;
padding-top:0px;
}
#feature {
background-color:#231f20;
float:left;
height:auto;
width:100%;
}
#feature-text {
width:50%;
float:left;
height:auto;
padding-left:5%;
padding-right:5%;
padding-top:20px;
padding-bottom:10px;
}
#feature-action {
padding-top:10px;
width:40%;
float:left;
height:60px;
text-align:center;
}
#one-col-1 img {
margin-left:15%;
margin-right:15%;
margin-top:20px;
margin-bottom:20px;
width:70%;
text-align:center;
}
.h1 {
font-size:1.2em;
line-height:1.1em;
}
.h2 {
font-size:1.05em;
}
.h3 {
font-size:0.8em;
}
.h4 {
font-size: 0.8em;
line-height:1.4em;
}
.h5 {
color:#231f20;
font-size: 0.9em;
}



}




/* for 700px or less */
@media screen and (max-width: 700px) {


#logo {
height:auto;
margin-top:20px;
margin-bottom:20px;
}
#logo img {
width:70%;
}
header {
height:auto;
}

}