/* ==========================================================================
MAIN.CSS
Author: Venture | Ronald Calbick
Date: 2013.11.14

Contents:
	 1. HTML5 Boilerplate - Start (customized)
	 2. Global Elements and Classes
	 3. Main Header
	 4. Classic and Mobile Navigation
	 5. Slidehshow
	 6. Main Content
	 7. Carousel
	 8. Main Footer
	 9. Media Queries
	10. HTML5 Boilerplate - End (customized)
========================================================================== */

/* ==========================================================================
   1. HTML5 BOILERPLATE - START (customized)
========================================================================== */
/***** Base styles: opinionated defaults *****/
html, button, input, select, textarea {color: #3b3d40;}
body {
	background: #e8ebea;
	font-family: Lato, Segoe, "Segoe UI", Candara, Calibiri, Arial, sans-serif;
}
a {color: #0a74c7;}
a:active, a:hover {outline: 0px none;}

/***** Placeholder text *****/
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #3b3d40;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #3b3d40;
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #3b3d40;
}
:-moz-placeholder { /* Firefox 18- */
  color: #3b3d40;
  opacity:1;
}

/***** Remove text-shadow in selection highlight: h5bp.com/i *****/
/*::-moz-selection {
	text-shadow: none;
    background:#f8c5c9;
}
::selection {
	text-shadow: none;
    background:#f8c5c9;
}*/

/***** A better looking default horizontal rule *****/
hr {
	display: block;
    height: 1px;
	margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #e4e8ee;
}

/***** Remove the gap between images and the bottom of their containers: h5bp.com/i/440 *****/
img {vertical-align: middle;}

/***** Allow only vertical resizing of textareas. *****/
textarea {resize: vertical;}

/* ==========================================================================
   2. GLOBAL ELEMENTS AND CLASSES
========================================================================== */
/***** Global Classes *****/
.clear  {clear: both;}
.floatLeft {float: left;}
.floatRight {float: right;}
.imgLeft {float: left; margin: 0 12px 12px 0;}
.imgRight {float: right; margin: 0 0 12px 12px;}

.error {color: #E12528; font-weight: bold;}
.success {font-weight: bold;}

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}

.bold {font-weight: normal;}
.italic {font-style: italic;}
.underline {border-bottom: 1px solid;}
.indent {text-indent: 25px;}

.x2margin {margin: 0 0 2em 0;}
.nomargin {margin: 0;}
.nopadding {padding: 0;}
.noborder {border: 0!important;}
.nobullet {
	list-style: none;
	list-style-image: none;
}

/***** Headings and Fonts *****/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {line-height: 1em;}
h1,.h1 {
	margin: 0 0 .375em /* 12px */ 0;
    font-size: 2em /* 32px */;

}
h2,.h2 {
	margin: 0 0 .25em /* 12px */ 0;
    font-size: 3em /* 48px */;
	font-weight: 300;
}
h3,.h3 {
	margin: 0 0 .375em /* 12px */ 0;
    font-size: 2em /* 32px */;
	font-weight: 300;
}
h4,.h4 {
	margin: 0 0 .5em /* 12px */ 0;
    font-size: 1.5em /* 24px */;

}
h5,.h5 {
	margin: 0 0 .75em /* 12px */ 0;
    font-size: 1em /* 16px */;

}
h6,.h6 {
	margin: 0 0 .923em /* 12px */ 0;
    font-size: .813em /* 13px */;
}
.f30 {font-size: 1.875em /* 30px */;}
.f24 {font-size: 1.5em /* 24px */;}
.f18 {font-size: 1.125em /* 18px */;}
.f16 {font-size: 1em /* 16px */;}
.f13 {font-size: .8125em /* 13px */;}
.f12 {font-size: .75em /* 12px */;}
.f11 {font-size: .6875 /* 11px */;}
.f10 {font-size: .625em /* 10px */;}

/***** Colors *****/
.gold {color: #3b3d40;}
.red {color: #E12528;}

/***** Buttons *****/
.btn, .btn > input, .btn > a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
.btn1Lg, .btn2Lg, .btn1Sm, .btn2Sm {
	padding: 0 30px;
	font-size: 1.125em /* 18px */;
	font-weight: normal;
}
.btn1Lg, .btn2Lg {
	height: 44px;
	line-height: 44px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.btn1Sm, .btn2Sm {
	height: 35px;
	line-height: 35px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.btn1Lg, .btn1Sm { /* Red */
/*	border-bottom: 2px solid #0a74c7;
	border-left: 2px solid #0a74c7;*/
	background: #e31f2d;
	color: #fff!important;
}
.btn1Lg:hover, .btn1Sm:hover {background: #ff4844!important;}
.btn1Lg:active, .btn1Sm:active {border: 0;}
.btn1Lg + .btn1Lg {margin-right: 10px;}
.btn2Lg , .btn2Sm { /* White */
	border: 2px solid #fff;
	color: #fff!important;
}
.btn2Lg:hover, .btn2Sm:hover {background: #fff; color:#5a5d64!important;}
/*.btn2Lg:active, .btn2Sm:active {border: 0;}*/
.btnIconSm, .btnIconLg {
/*	border-bottom: 2px solid #0a74c7;
	border-left: 2px solid #0a74c7;*/
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	font-weight: normal;
}
.btnIconSm {
	height: 35px;
	line-height: 35px;
	padding: 0 10px 0 40px;
	font-size: 1em /* 16px */;
}
.btnIconLg {
	height: 44px;
	line-height: 44px;
	padding: 0 15px 0 50px;
	font-size: 1.125em /* 18px */;
}
.btnChecked, .btnEmail, .btnContact, .btnLinkedIn, .btnTwitter {color: #fff!important;}
.btnChecked {background: #E31F2D url(../img/bg_btnChecked.png) no-repeat 15px center;}
.btnChecked:hover {
	background: #E31F2D url(../img/bg_btnChecked_hover.png) no-repeat 15px center;
	color: #fff!important;
}
.btnEmail {background: #5A5D64 url(../img/bg_btnEmail.png) no-repeat 10px center;}
.btnEmail:hover {
	background: #E31F2D url(../img/bg_btnEmail_hover.png) no-repeat 10px center;
	color: #fff!important;
}
.btnContact {background: #5A5D64 url(../img/bg_btnContact.png) no-repeat 10px center;}
.btnContact:hover {
	background: #E31F2D url(../img/bg_btnContact_hover.png) no-repeat 10px center;
	color: #fff!important;
}
.btnLinkedIn {background: #5A5D64 url(../img/bg_btnLinkedIn.png) no-repeat 10px center;}
.btnLinkedIn:hover {
	background: #E31F2D url(../img/bg_btnLinkedIn_hover.png) no-repeat 10px center;
	color: #fff!important;
}
.btnTwitter {background: #5A5D64 url("../img/bg_btnTwitter.png") no-repeat scroll 10px center;}
.btnTwitter:hover {
    background: #E31F2D url("../img/bg_btnTwitter_hover.png") no-repeat scroll 10px center;
    color: #fff!important;
}
.btnIconSm:active, .btnIconLg:active {border: 0;}

/***** Form Elements *****/
input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
form input[type="text"], form input[type="password"], form input[type="submit"], form select, form textarea {
	display: inline-block;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 2px solid #cccccc;
	margin: 0;
	padding: .5em .875em;
	outline: none;
	width: 100%;
	box-sizing: border-box;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
form input:focus, form select:focus, form textarea:focus {border-color: #639ecc;}
form input[type="submit"] {width: auto; margin: 0;}
form label {margin-bottom: 10px;display:inline-block;}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -20px;
}
.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    cursor: pointer;
}
/* Form with Rows */
.formRow {margin-bottom: 10px;position:relative;}
.formRow .field {
	width:100%;
	margin-bottom:10px;
}
.formRow .field label {
	max-width:100%;
	display:inline-block;
	margin-bottom:5px;
}
.formRow .field input,
.formRow .field select {
	display:block;
	width:100%;
}
.formRow fieldset {
	margin-bottom:10px;
}
/* Checkbox & Radio */
.formRow .checkbox,
.formRow .radio {
	position:relative;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}
/***** Global Containers *****/
.mainWrap {
	position: relative;
	width: 98%;
	max-width: 1100px;
	margin: 0 auto;
}
.colLeft, .colRight {float: none;}
/* Error for fields */
.has-error input,
.has-error select,
.has-error textarea {
    border-color:#E12528 !important;
}
/* Error for recaptcha */
.captcha-error {
    border: 2px solid #E12528;
}
/* ==========================================================================
   3. MAIN HEADER
========================================================================== */
.mainHeader {
	min-height: 158px;
	padding: 0;
	border-top: 11px solid #e31f2d;
	background: #000101;
}
.mainHeader h1 {
	margin: 25px 0 15px 0;
	text-align: center;
}
.searchWrap {
	position: relative;
	width: 207px;
	margin: 0 auto 17px auto;
	padding: 7px 0 7px 15px;
	-webkit-border-radius: 6px; -moz-border-radius: 10px; border-radius: 10px;
	background: #3b3d40;
}
.searchWrap input[type="text"] {
	float: left;
	width: 155px;
	height: 21px;
	line-height: 21px;
	margin: 0;
	padding: 0;
	border: 0;
	border-right: 1px solid #81858d;
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
	background: transparent;
	color: #fff;
}
.searchWrap input[type="submit"] {
	float: left;
	width: 25px;
	height: 21px;
	line-height: 21px;
	margin: 0;
	padding: 0 25px;
	border: 0;
	background: url(../img/bg_searchSubmit.png) no-repeat center center;
}
.searchWrap input[type="submit"]:hover {background: url(../img/bg_searchSubmit_hover.png) no-repeat center center;}
/* Placholder text for search text*/
.searchWrap input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
.searchWrap input::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  opacity:1;
}
.searchWrap input:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
.searchWrap input:-moz-placeholder { /* Firefox 18- */
  color: #ccc;
  opacity:1;
}

/* ==========================================================================
   4. CLASSIC AND MOBILE NAVIGATION
========================================================================== */
.classicNav {display: none;}
.mobileNav {display: block;}

.mobileNav ul {
	margin: 0;
	padding: 0;
}
.mobileNav ul li {
	position: relative;
	display: block;
	float: none;
	width: 100%;
	border-top: 1px solid #000101;
	background: #3b3d40;
	text-align: center;
}
.mobileNav ul li a {
	display: block;
	width: 100%;
	padding: 10px 0;
	font-size: 1.125em /* 18px */;
	font-weight: normal;
	text-decoration: none;
	color: #d7dce5;
}
.mobileNav ul li.hasSubmenu > a {background: #3b3d40 url(../img/bg_mainNav_mobile_closed.png) no-repeat right center;}
.mobileNav ul li a.open {background: #E31F2D url(../img/bg_mainNav_mobile_open.png) no-repeat right center;}
.mobileNav ul li:hover > a {color: #FFF;}
.mobileNav ul li ul {display: none;}
.mobileNav ul li ul li a {
	background: #121C25;
	color: #d7dce5;
}

/* ==========================================================================
   5. SLIDESHOW
========================================================================== */
.slideshowWrap {display: none;}

/* ==========================================================================
   6. MAIN CONTENT
========================================================================== */
.content {
	padding: 0 5%;
	background: #fff;
}
.content .colFull {padding: 25px 0;}
.content .twoColWrap, .content .twoColWrapHome {
	width: 100%;
	padding: 0;
	border-top: 1px solid #e4e8ee;
}
.content .twoColWrapHome {border-top: 0;}
.content .colLeft, .content .colRight {
	width: 100%;
	padding: 25px 0;
}
.content .colLeft {border-bottom: 1px solid #e4e8ee;}
.imgBlockLeft, .imgBlockRight {
	max-width: 100%;
	margin: 0 0 20px 0;
	text-align: center;
}
.content img {max-width: 100%;}

/***** Related Services Blocks *****/
.relatedBlocksWrap {
	padding: 20px 1.818% /* 20/1100 */;
	background: #E31F2D;
	color: #fff;
}
.relatedBlocksWrap h2 {
	margin: 0 0 .5em 0;
	padding: .5em 0;
	border-bottom: 1px solid #abcbe2;
	text-align: center;
}
.relatedBlocks > section {
	float: none;
	width: 100%;
	text-align: center;
}
.relatedBlocks > section .interior {
	height: auto;
	overflow: hidden;
	padding: 10px 15%;
	border-left: 1px solid #abcbe2;
}
.relatedBlocks > section:first-child .interior {border-left: 0;}
.relatedBlocks .interior img {
	max-width: 100%;
	margin: 0 0 20px 0;
	border: 4px solid #fff;
}
.relatedBlocks .btn {margin: 12px 0 0 0;}

/***** Career Search Widget *****/
.careerSearchWidget {background: #eeeeee; padding: 25px 6%; margin: -25px -6% 0 -6%;}
.careerSearchWidget p {font-size: .875em;}
.careerSearchWidget h3 {font-size: 1.875em; margin: 0 0 1em 0;}
.careerSearchWidget select {font-weight: bold; font-size: 1.125em; position:relative; border-color: transparent;}

/***** jQuery UI Career Search Widget *****/
.careerSearchWidget .ui-widget {font-size:1.125em;}
.careerSearchWidget .ui-widget-content {background: #eeeeee;}
.careerSearchWidget .ui-state-default {color:#3b3d40; border:2px solid transparent; background:#fff;}
.careerSearchWidget .ui-state-active {border-color: #639ecc;}
.careerSearchWidget .ui-state-hover {background: #f6f6f6;}
.careerSearchWidget .ui-dropdownchecklist-selector-wrapper {display:block !important}
.careerSearchWidget .ui-dropdownchecklist-selector {
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin: 0;
  padding: .5em .875em;
  outline: none;
  width: auto !important;
  display:block !important
}
.careerSearchWidget .ui-dropdownchecklist-selector:hover {background-color: #f6f6f6;}
.careerSearchWidget .ui-dropdownchecklist input[type="checkbox"] {width:auto; margin:.25em}
.careerSearchWidget .ui-dropdownchecklist label {font-size:.75em;font-weight:normal; margin:0;}

/***** jQuery UI Alert Subscription *****/
.alertSubscription .ui-widget {font-size:1.125em;}
.alertSubscription .ui-widget-content {background: #eeeeee;}
.alertSubscription .ui-state-default {color:#848588; border:2px solid transparent; background:#fff;}
.alertSubscription .ui-state-active {border-color: #639ecc;}
.alertSubscription .ui-state-hover {background: #f6f6f6;}
.alertSubscription .ui-dropdownchecklist-selector-wrapper {display:block !important;}
.alertSubscription .ui-dropdownchecklist-selector {
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  margin: 0;
  padding: .5em .875em;
  outline: none;
  width: auto !important;
  display:block !important;
  font-weight:normal;
  border: 2px solid #cccccc;
  font-size:16px;
}
.alertSubscription .ui-dropdownchecklist-selector:hover {background-color: #f6f6f6;}
.alertSubscription .ui-dropdownchecklist input[type="checkbox"] {width:auto; margin:.25em}
.alertSubscription .ui-dropdownchecklist label {font-size:.75em;font-weight:normal; margin:0;}

/***** Career Search Results *****/
.resultsPanel {text-align:center;margin-bottom:1em}
.resultsRow {border-top:1px solid #eeeeee;padding:1em .5em;}
.resultsJobDesc,
.resultsJobDetailLink {margin:5px 0; float:none;}

/***** Career Job Page *****/
.jobPageDesc {margin:5px 0;}
.jobPageLink {float:none;text-align:center;margin:1.5em 0;}
.jobPageStatus {margin-bottom:1em;}

/***** JPList Custom *****/
.jplist-label {margin:.5em 0;}
.jplist-panel .jplist-pagination {cursor:pointer; line-height:30px}
.jplist-panel button {
    border:0;
    background: #eeeeee;
    color:#e31f2d;
    height:32px;
    line-height:32px;
    padding:0 12px;
}
.jplist-panel .jplist-pagingprev button {margin:0 2px;}
.jplist-panel .jplist-pagingnext button {margin:0 2px;}
.jplist-panel .jplist-current {background: #e31f2d; color:#ffffff;}
.jplist-pagingprev {margin-right:6px;}
.jplist-pagingnext {margin-left:6px;}
.jplist-pagingprev,
.jplist-pagingmid,
.jplist-pagingnext {
    display:inline-block;
}
/***** jQuery UI *****/
.accordion img {max-width: 100%;}
.accordionBlock {
	clear: both;
	margin: 0 0 24px 0;
}
.accordionImg {
	float: left;
	margin: 0 24px 12px 0;
}
.accordionWrap {overflow: hidden;}
.ui-widget {font-family: Lato, Segoe, "Segoe UI", Candara, Calibiri, Arial, sans-serif;}
.ui-accordion .ui-widget-content {
	border: none;
	background: transparent;
	color: #848588;
}
.ui-accordion .ui-accordion-header {
	display: block;
	outline: 0;
	margin: 0 0 12px 0;
	padding: 0;
	border: none;
	background: transparent;
	font-size: 1em;
	font-weight: 400;
	color: #848588;
}
.ui-accordion .ui-accordion-header:hover {color: #1981ab;}
.ui-accordion .ui-accordion-header img {margin: 0 12px 0 0;}
.ui-state-default .ui-icon {display: none;}
.ui-accordion .ui-state-focus, .ui-accordion .ui-state-active {color: #848588;}
.ui-accordion .ui-accordion-content {
	margin: 0 0 12px 0;
	padding: 0;
}
.expander {
	display: inline-block;
	width: 23px;
	height: 12px;
	background: url(../img/bg_expander.png) no-repeat;
}
.ui-accordion-header-active .expander {background: url(../img/bg_expander_active.png) no-repeat;}

/* ==========================================================================
   7. CAROUSEL
========================================================================== */
.carouselWrap {
	padding: 25px 5%;
	background: #5a5d64;
}
.carouselWrap > h2 {
	margin: 0 0 .521em /* 25px */ 0;
	text-align: center;
	color: #fff;
	padding: 20px;
}
.carousel {
	position: relative;
	max-width: 200px;
	margin: 0 auto;
}
.carousel .panels {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.panelInner {
	position: relative;
	width: 84.388% /* 200px */;
	padding: 0 0 65px 0;
	margin: 0 auto;
	color: #fff;
}
.panelImg {margin: 0 0 25px 0;}
.panelImg img {
	max-width: 100%;
	border: 3px solid #e4e8ee;
}
.panelTitle {
	margin: 0 0 1.042em /* 25px */ 0;
    font-size: 1.5em /* 24px */;
}
.panelLink {
	position: absolute;
	bottom: 0;
}
.panelLink .btn2Sm {padding: 0 15px}
.carousel .flex-direction-nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.carousel .flex-prev, .carousel .flex-next {
	display: block;
	position: absolute;
	top: 45%;
	width: 53px;
	height: 42px;
}
.carousel .flex-prev {
	left: -50px;
	background: url(../img/bg_previousSlide.png) no-repeat center center;
}
.carousel .flex-next {
	right: -50px;
	background: url(../img/bg_nextSlide.png) no-repeat center center;
}

/* ==========================================================================
   8. MAIN FOOTER
========================================================================== */
.mainFooter {
	padding: 0 1.818% /* 20/1100 */;
	background: #3b3d40;
}

/***** Footer Navigation *****/
.footerNav {display: none;}

/***** Footer Connect *****/
.footerConnect {
	padding: 20px 1%;
	border-bottom: 1px solid #5a5d64;
	text-align: center;
	color: #fff;
}
.footerConnect .btnIconSm {margin: 0 20px 15px 0;}

/***** Footer Bottom *****/
.footerBottom {
	padding: 20px 1%;
	font-size: .875em /* 14px */;
	color: #fff;
}
.footerBottom a {
	text-decoration: none;
	color: #fff;
}

/* Contact */
#contactForm p {line-height: 1.5em; display: inline;}
#contactForm label, #contactForm input[type="text"], #contactForm input[type="password"], #contactForm select, #contactForm textarea {display: block;}
#contactForm label {margin: 0 0 6px 0;}
#contactForm input, #contactForm select, #contactForm textarea {margin: 0 0 12px 0;}
#contactForm input[type="text"], #contactForm select, #contactForm textarea {width: 100%;}


/* Login Form */
#loginForm p {line-height: 1.5em; display: inline;}
#loginForm label, #loginForm input[type="text"], #loginForm input[type="password"], #loginForm select, #loginForm textarea {display: block;}
#loginForm label {margin: 0 0 6px 0;}
#loginForm input, #loginForm select, #loginForm textarea {margin: 0 0 12px 0;}
#loginForm input[type="text"], #loginForm input[type="password"], #loginForm select, #loginForm textarea {width: 100%;}

/* ==========================================================================
   9. MEDIA QUERIES
========================================================================== */
/***** JS Media Queries *****/
#js-width {width: 320px;}

/***** 480px + Styles *****/
@media screen and (min-width: 480px) {
	#js-width {width: 480px;}

	/* ===== 7. CAROUSEL ===== */
	.carouselWrap > h2 {text-align: left;}
	.carousel {max-width: 400px;}

/* Contact */
	#contactForm input[type="text"], #loginForm input[type="text"], #loginForm input[type="password"], #contactForm select, #contactForm textarea {width: 75%; max-width: 300px;}
}

/***** 600px + Styles *****/
@media screen and (min-width: 600px) {
	#js-width {width: 600px;}

}

/***** 768px+ Styles *****/
@media screen and (min-width: 768px) {
	#js-width {width: 768px;}

	/* ===== 2. GLOBAL ELEMENT AND CLASSES ===== */
	/***** Global Containers *****/
	.colLeft {float: left;}
	.colRight {float: right;}

	/* ===== 5. SLIDESHOW ===== */
	.slideshowWrap {
		position: relative;
		z-index: 500;
		display: block;
	}
	.slideshow ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.slideshow ul li {
		position: relative;
	}
	.slideshow img {max-width: 100%;}
	.slideCaption {
		display: none;
		position: absolute;
		top: 0;
		right: 3.636%;
		width: 46.364% /* 510/1100 */;
		height: 100%;
		background: url(../img/bg_slideCaption.png);
	}
	.slideCaption .interior {padding: 2% 5%;}
	.slideCaption h2 {
		margin: 0 0 .25em 0;
		font-size: 2em /* 32px */;
	}
	.slideCaption p {line-height: 1.5em;}
	.slideCaption .btn1Primary, .slideCaption .btn2Primary {margin: 0;}
	.slideshowControls {
		display: none;
		position: absolute;
		bottom: 2%;
		right: 3.636%;
		width: 46.364% /* 510/1100 */;
		height: 45px;
	}
	.slideshowControls .flex-pauseplay {
		float: left;
		padding: 0 0 0 5%;
	}
	.slideshowControls .flex-pause, .slideshowControls .flex-play {
		display: inline-block;
		width: 53px;
		height: 42px;
		cursor: pointer;
	}
	.slideshowControls .flex-pause {background: url(../img/bg_pauseSlideshow.png) no-repeat center center;}
	.slideshowControls .flex-pause:hover {background: url(../img/bg_pauseSlideshow_hover.png) no-repeat center center;}
	.slideshowControls .flex-play {background: url(../img/bg_playSlideshow.png) no-repeat center center;}
	.slideshowControls .flex-play:hover {background: url(../img/bg_playSlideshow_hover.png) no-repeat center center;}
	.slideshowControls .flex-control-nav, .slideshowControls .flex-direction-nav {
		list-style-type: none;
		float: right;
		margin: 0;
		padding: 0;
	}
	.slideshowControls .flex-control-nav {padding: 0 5% 0 0;}
	.slideshowControls .flex-control-nav li, .slideshowControls .flex-direction-nav li {display: inline-block;}
	.lt-ie8 .slideshowControls .flex-control-nav li, .lt-ie8 .slideshowControls .flex-direction-nav li {
		display: block;
		float: left;
	}
	.slideshowControls .flex-control-nav li a {
		display: inline-block;
		width: auto;
		height: 42px;
		line-height: 42px;
		padding: 0 .2em;
		font-size: 1.875em /* 30px */;
		color: #a9adb4;
		cursor: pointer;
	}
	.slideshowControls .flex-control-nav li a.flex-active, .slideshowControls .flex-control-nav li a:hover {color: #e31f2d;}
	.slideshowControls .flex-prev, .slideshowControls .flex-next {
		display: inline-block;
		width: 53px;
		height: 42px;
	}
	.slideshowControls .flex-prev {background: url(../img/bg_previousSlide.png) no-repeat center center;}
	.slideshowControls .flex-prev:hover {background: url(../img/bg_previousSlide_hover.png) no-repeat center center;}
	.slideshowControls .flex-next {background: url(../img/bg_nextSlide.png) no-repeat center center;}
	.slideshowControls .flex-next:hover {background: url(../img/bg_nextSlide_hover.png) no-repeat center center;}

	/* ===== 6. MAIN CONTENT ===== */
	.content {padding: 25px 0;}
	.content .colFull {
		clear: both;
		width: 86%;
		padding: 25px 7%;
	}
	.content .twoColWrap, .content .twoColWrapHome {
		width: 86%;
		margin: 0 auto;
		padding: 35px 0 0 0;
	}
	.content .twoColWrapHome {padding: 0;}
	.content .colLeft, .content .colRight {width: 42.9%;}
	.content .colLeft {
		padding: 0 7% 0 0;
		border-right: 1px solid #e4e8ee;
		border-bottom: 0;
	}
	.content .colRight {padding: 0 0 0 7%;}
	.imgBlockLeft, .imgBlockRight {
		max-width: 50%;
		margin: 0;
	}
	.imgBlockLeft {
		float: left;
		padding: 0 7% 20px 0;
	}
	.imgBlockRight {
		float: right;
		padding: 0 0 20px 7%;
	}

	/***** Related Services Block *****/
	.relatedBlockWrap {
		padding: 0 2.273% /* 25/1100 */;
	}
	.relatedBlocks > section {
		float: left;
		width: 33%;
	}
	.relatedBlocks > section .interior {height: 290px;}

	/***** Career Search Widget *****/
	.careerSearchWidget {padding: 30px; margin: 0;}
	.careerSearchWidget p {font-size: 1em;}
	/***** Career Search Results *****/
	.resultsJobDetailLink {float:right;margin-top:-65px;}
	/***** Career Job Page *****/
	.jobPageLink {float:right;margin:0}

	/* ===== 7. CAROUSEL ===== */
	.carouselWrap {padding: 25px 7%;}
	.carousel {max-width: 600px;}
	.panelLink .btn2Sm {padding: 0 20px}

	/* ===== 8. MAIN FOOTER ===== */
	.mainFooter {padding: 0 2.273% /* 25/1100 */;}

	/***** Footer Navigation *****/
	.footerNav {
		display: block;
		padding: 20px 0;
		border-bottom: 1px solid #5a5d64;
	}
	.footerNav ul {
		margin: 0;
		padding: 0;
	}
	.footerNav > ul > li {
		display: block;
		float: left;
		width: 14.665%;
		padding: 0 1%;
	}
	.lt-ie8 .footerNav > ul > li {
		padding: 0 .9%;
	}
	.footerNav a {
		display: inline-block;
		margin: 0 0 8px 0;
		text-decoration: none;
		color: #fff;
	}
	.footerNav > ul > li > a {
		font-size: 1.125em /* 18px */;
		font-weight: normal;
	}
	.footerNav ul li ul li a {font-size: .875em /* 14px */;}

	/***** Footer Connect *****/
	.footerConnect {text-align: left;}
}

/***** 850px+ Styles *****/
@media screen and (min-width: 850px) {
	#js-width {width: 960px;}

	/* ===== 3. MAIN HEADER ===== */
	.mainHeader {
		padding: 0 2.273% /* 25/1100 */;
		/*background: #000101 url(../img/bg_header.png) no-repeat left center;*/
	}
	.mainHeader h1 {margin: 25px 0 21px 0;}
	.searchWrap {
		position: absolute;
		top: 50px;
		right: 25px;
		margin: 0;
	}

	/* ===== 4. CLASSIC AND MOBILE NAVIGATION ===== */
	.classicNav {display: block;}
	.mobileNav {display: none;}

	.classicNav ul {
		margin: 0;
		padding: 0;
	}
	.classicNav ul li {
		position: relative;
		z-index: 1000;
		display: block;
		float: left;
		width: 16.665%;
		text-align: center;
	}
	.classicNav ul li a {
		display: block;
		width: 100%;
		padding: 12px 0;
		font-size: 1.125em /* 18px */;
		font-weight: normal;
		text-decoration: none;
		color: #fff;
	}
	.classicNav ul li:hover > a {color: #fff;}
	.classicNav ul li ul {display: none;}
	.classicNav ul li:hover ul {
		display: block;
		z-index: 1500;
		position: absolute;
		top: 45px;
		left: 30px;
		border-top: 1px solid transparent; /* Fix for 1px top gap issue in IE */
	}
	.classicNav ul li ul:before {
		content: "";
		position: absolute;
		top: -8px;
		left: 30px;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #3b3d40;
	}
	.classicNav ul li ul li {
		float: none;
		width: 135px;
		padding: 0 20px;
		border-top: 1px solid #000101;
		background: #3b3d40;
		text-align: left;
	}
	.classicNav ul li ul li:hover {background: #E31F2D;}
	.classicNav ul li ul li:first-child {border-top: 0;}
	.classicNav ul li ul li:last-child {
		-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;
	}
	.classicNav ul li ul li a {font-weight: normal;}
}

/***** 960px+ Styles *****/
@media screen and (min-width: 960px) {
	#js-width {width: 960px;}

	/* ===== 5. SLIDESHOW ===== */
	.slideCaption .interior {padding: 10% 7%;}
	.slideCaption h2 {
		margin: 0 0 .75em 0;
		font-size: 3em /* 48px */;
	}
	.slideshowControls {bottom: 25px;}
	.slideshowControls .flex-pauseplay {padding: 0 0 0 9%;}
	.slideshowControls .flex-control-nav {padding: 0 9% 0 0;}

	/* ===== 7. CAROUSEL ===== */
	.carousel {max-width: 948px;}
	.panelLink .btn2Sm {padding: 0 30px}
}

/***** 1024px+ Styles *****/
@media screen and (min-width: 1024px) {
	#js-width {width: 1024px;}

	/* ===== 5. SLIDESHOW ===== */
	.slideCaption .interior {padding: 15% 12%;}
	.slideCaption .btn1Primary, .slideCaption .btn2Primary {margin: 1em 0 0 0;}
	.slideshowControls {bottom: 45px;}
}

/***** Retina/High Resolution Displays - Less than 480px *****/
@media (-webkit-min-device-pixel-ratio: 1.5),
	   (-moz-min-device-pixel-ratio: 1.5),
	   (min-device-pixel-ratio: 1.5) {
	/* ===== 2. GLOBAL ELEMENTS AND CLASSES ===== */
	/***** Buttons *****/
	.btnChecked {
		background: #E31F2D url(../img/bg_btnChecked@2x.png) no-repeat 15px center;
		background-size: 26px 20px;
	}
	.btnChecked:hover {
		background: #E31F2D url(../img/bg_btnChecked_hover@2x.png) no-repeat 15px center;
		background-size: 26px 20px;
	}
	.btnEmail {background: #5A5D64 url(../img/bg_btnEmail@2x.png) no-repeat 10px center;}
	.btnEmail:hover {background: #E31F2D url(../img/bg_btnEmail_hover@2x.png) no-repeat 10px center;}
	.btnContact {background: #5A5D64 url(../img/bg_btnContact@2x.png) no-repeat 10px center;}
	.btnContact:hover {background: #E31F2D url(../img/bg_btnContact_hover@2x.png) no-repeat 10px center;}
	.btnLinkedIn {background: #5A5D64 url(../img/bg_btnLinkedIn@2x.png) no-repeat 10px center;}
	.btnLinkedIn:hover {background: #E31F2D url(../img/bg_btnLinkedIn_hover@2x.png) no-repeat 10px center;}
	.btnTwitter {background: #5A5D64 url(../img/bg_btnTwitter@2x.png) no-repeat 10px center;}
	.btnTwitter:hover {background: #E31F2D url(../img/bg_btnTwitter_hover@2x.png) no-repeat 10px center;}
	.btnEmail, .btnEmail:hover, .btnContact, .btnContact:hover, .btnLinkedIn, .btnLinkedIn:hover, .btnTwitter, .btnTwitter:hover {background-size: 20px 15px;}

	/* ===== 3. MAIN HEADER ===== */
	.searchWrap input[type="submit"] {background: url(../img/bg_searchSubmit@2x.png) no-repeat center center;}
	.searchWrap input[type="submit"]:hover {background: url(../img/bg_searchSubmit_hover@2x.png) no-repeat center center;}
	.searchWrap input[type="submit"], .searchWrap input[type="submit"]:hover {background-size: 16px 15px;}

	/* ===== 4. CLASSIC AND MOBILE NAVIGATION ===== */
	.mobileNav ul li.hasSubmenu > a {background: #495154 url(../img/bg_mainNav_mobile_closed@2x.png) no-repeat right center;}
	.mobileNav ul li a.open {background: #E31F2D url(../img/bg_mainNav_mobile_open@2x.png) no-repeat right center;}
	.mobileNav ul li.hasSubmenu > a, .mobileNav ul li a.open {background-size: 52px 36px;}

	/* ===== 5. SLIDESHOW ===== */
	.slideshowControls .flex-pause {background: url(../img/bg_pauseSlideshow@2x.png) no-repeat center center;}
	.slideshowControls .flex-pause:hover {background: url(../img/bg_pauseSlideshow_hover@2x.png) no-repeat center center;}
	.slideshowControls .flex-play {background: url(../img/bg_playSlideshow@2x.png) no-repeat center center;}
	.slideshowControls .flex-play:hover {background: url(../img/bg_playSlideshow_hover@2x.png) no-repeat center center;}
	.slideshowControls .flex-prev {background: url(../img/bg_previousSlide@2x.png) no-repeat center center;}
	.slideshowControls .flex-prev:hover {background: url(../img/bg_previousSlide_hover@2x.png) no-repeat center center;}
	.slideshowControls .flex-next {background: url(../img/bg_nextSlide@2x.png) no-repeat center center;}
	.slideshowControls .flex-next:hover {background: url(../img/bg_nextSlide_hover@2x.png) no-repeat center center;}
	.slideshowControls .flex-pause, .slideshowControls .flex-pause:hover, .slideshowControls .flex-play, .slideshowControls .flex-play:hover,
	.slideshowControls .flex-prev, .slideshowControls .flex-next, .slideshowControls .flex-next:hover, .slideshowControls .flex-prev:hover {
		background-size: 53px 42px;
	}
}

/***** Retina/High Resolution Displays - 480px+ *****/
@media (min-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5),
	   (min-width: 480px) and (-moz-min-device-pixel-ratio: 1.5),
	   (min-width: 480px) and (min-device-pixel-ratio : 1.5) {
	/* ... Styles ... */
}

/* ==========================================================================
   10. HTML5 BOILERPLATE - END (customized)
========================================================================== */
/***** Hide from both screenreaders and browsers: h5bp.com/u *****/
.hidden {
	display: none!important;
	visibility: hidden;
}

/***** Hide only visually, but have it available for screenreaders: h5bp.com/v *****/
.visuallyhidden {
	position: absolute;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: -1px;
    padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
}

/***** Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p *****/
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    position: static;
	overflow: visible;
	width: auto;
	height: auto;
	margin: 0;
	clip: auto;
}

/***** Hide visually and from screenreaders, but maintain layout *****/
.invisible {visibility: hidden;}

/***** Clearfix: contain floats
  For modern browsers
	1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in
	   the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class.
	2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. *****/
.cf:before, .cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.cf:after {clear: both;}

/***** For IE 6/7 only - Include this rule to trigger hasLayout and contain floats. *****/
.cf {*zoom: 1;}

/***** Print Styles *****/
@media print {
    * {
        background: transparent!important;
        color: #000!important; /* Black prints faster: h5bp.com/s */
        box-shadow: none!important;
        text-shadow: none!important;
    }
    a, a:visited {text-decoration: underline;}
    a[href]:after {content: " (" attr(href) ")";}
	abbr[title]:after {content: " (" attr(title) ")";}

    /* Don't show links for images, or javascript/internal links */
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: "";}

    pre, blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {display: table-header-group; /* h5bp.com/t */}
	tr, img {page-break-inside: avoid;}
	img {max-width: 100%!important;}
	@page {margin: 0.5cm;}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {page-break-after: avoid;}
}


/******** Custom Home style to be applied to the Taylor home site only ********/;

@media screen and (min-width: 850px) {
.mainHeader {
		padding: 0 2.273% /* 25/1100 */;
		background: #000101;
		}
}

/**************   end custom home style  ***********/;