/****** FILE: themes/mytheme/css/reset.css *****/
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote { 
	margin:0;
	padding:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
/*
Chris Bolt, commented out ol so that the type attribute can be used in content
ol,*/
ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
br {font-size: 0}

/****** FILE: themes/mytheme/css/base.css *****/
/* CSS Document */

/* Chris Bolt - added a default line-height */
body {
	line-height: 1.35em;	
}
body * {
	line-height: inherit;
}
/* inline styles should inherit their line height */
span, cufon, strong, em, a, b, i {
	line-height: inherit;	
}
/* input elements should not have such a high line-height */
input, select, textarea {
	line-height: normal;	
}
/* End CHris Bolt

/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
	font-style: inherit;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
	font-weight: inherit;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol {
	/*giving OL's LIs generated numbers*/
	/*list-style: decimal outside;	*/
}
ul {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
	margin-left: 1.4em;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;
	padding:.5em;*/
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* Chris Bolt, added fix for image positioning */
img, iframe {
	vertical-align: bottom;
}

/* Chris Bolt, added fix for outlines */
a:focus, button:focus { 
    outline: none; 
}

/* add HTML 5 defaults */
video {
	background-color: #000;	
}
textarea,
input,
select {
  margin: 0;
  vertical-align: bottom;
}

/* Chris Bolt, br tags are funny in some browsers ?? */
br {
	font-size: 0;
	line-height: 0;	
}

/* Chris Bolt add support for new HTML 5 elements */
main {display:block;}

/****** FILE: themes/mytheme/css/colors.css *****/
/* CSS Document */

.bgGrey {
	background-color: #3c3c3c;
	color: #fff;
}

.bgGrey_before:before,
.bgGrey_after:after  {
	background-color: #3c3c3c;
	color: #fff;
}

.bgWhite,
.bgWhite_before:before,
.bgWhite_after:after {
	background-color: #ffffff;
}

.bgcolor {
	color: #fff;
}

/* default (Green) */
.cDefault .bgcolor, .cDefault .bgcolor_before:before, .cDefault .bgcolor_after:after {
	background-color: rgb(0,120,75);
	border-color: rgb(0,120,75);
}
.cDefault .txtcolor,
.cDefault .bgWhite a {
	color: rgb(0,120,75);
}
.cDefault.bgcolor, .cDefault.bgcolor_before:before, .cDefault.bgcolor_after:after {
	background-color: rgb(0,120,75) !important;
	border-color: rgb(0,120,75) !important;
}
.cDefault.txtcolor,
.cDefault.bgWhite a {
	color: rgb(0,120,75) !important;
}

/* Stabilizers (red) */
.cStabilizers .bgcolor, .cStabilizers .bgcolor_before:before, .cStabilizers .bgcolor_after:after {
	background-color: rgb(200,30,30);
	border-color: rgb(200,30,30);
}
.cStabilizers .txtcolor,
.cStabilizers .bgWhite a {
	color: rgb(200,30,30);
}
.cStabilizers.bgcolor, .cStabilizers.bgcolor_before:before, .cStabilizers.bgcolor_after:after {
	background-color: rgb(200,30,30) !important;;
	border-color: rgb(200,30,30) !important;;
}
.cStabilizers.txtcolor,
.cStabilizers.bgWhite a {
	color: rgb(200,30,30) !important;
}

/* Geotechnical (orange) */
.cGeotechnical .bgcolor, .cGeotechnical .bgcolor_before:before, .cGeotechnical .bgcolor_after:after {
	background-color: rgb(220,110,15);
	border-color: rgb(220,110,15);
}
.cGeotechnical .txtcolor,
.cGeotechnical .bgWhite a {
	color: rgb(220,110,15);
}
.cGeotechnical.bgcolor, .cGeotechnical.bgcolor_before:before, .cGeotechnical.bgcolor_after:after {
	background-color: rgb(220,110,15) !important;
	border-color: rgb(220,110,15) !important;
}
.cGeotechnical.txtcolor,
.cGeotechnical.bgWhite a {
	color: rgb(220,110,15) !important;
}

/* Environmental (Blue) */
.cEnvironmental .bgcolor, .cEnvironmental .bgcolor_before:before, .cEnvironmental .bgcolor_after:after {
	background-color: rgb(0,130,160);
	border-color: rgb(0,130,160);
}
.cEnvironmental .txtcolor,
.cEnvironmental .bgWhite a {
	color: rgb(0,130,160);
}
.cEnvironmental.bgcolor, .cEnvironmental.bgcolor_before:before, .cEnvironmental.bgcolor_after:after {
	background-color: rgb(0,130,160) !important;
	border-color: rgb(0,130,160) !important;
}
.cEnvironmental.txtcolor,
.cEnvironmental.bgWhite a {
	color: rgb(0,130,160) !important;
}

/* Sat Civil (Yello) */
.cSatcivil .bgcolor, .cSatcivil .bgcolor_before:before, .cSatcivil .bgcolor_after:after {
	background-color: rgb(245,155,0);
	border-color: rgb(245,155,0);
}
.cSatcivil .txtcolor,
.cSatcivil .bgWhite a {
	color: rgb(245,155,0);
}
.cSatcivil.bgcolor, .cSatcivil.bgcolor_before:before, .cSatcivil.bgcolor_after:after {
	background-color: rgb(245,155,0) !important;
	border-color: rgb(245,155,0) !important;
}
.cSatcivil.txtcolor,
.cSatcivil.bgWhite a {
	color: rgb(245,155,0) !important;
}

/****** FILE: themes/mytheme/css/layout.css *****/
/* CSS Document */
body {
	margin: 0;
	padding: 0;
	
	font-family: "PT Sans", Arial, Helvetica, sans-serif;
	color: #3c3c3c;
	font-size: 20px;
	line-height: 1.2em;
	
	background: #fff;
	
	-webkit-text-size-adjust: none;
}

/* some generic widths etc */
.width1 {
	margin: 0 auto;
}

/* Header 
-------------------------------------------- */
#Header {
	transition: padding-top .25s ease-out;
}

/* Logo */
#Logo {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 99;
	
	transition: top .25s ease-out, left .25s ease-out;	
}
#Logo a {
	display: block;
	height: 100%;
}
#Logo img {
	height: 100%;
	width: auto;	
}

/* Slides */
#HeaderSlides {
	position: relative;
	height: auto;
	/*padding: 17.013889%;*/
	padding: 16.944444%;
	overflow: hidden;	
	box-sizing: border-box;
}
.HomePage #HeaderSlides {
	padding: 22.222222%;
}
#HeaderSlidesWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	top: 0;
	left: 0;
}
#HeaderSlides .slide {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
#HeaderSlides .figcaption {
	display: block;
	position: absolute;
	right: 0;
	bottom: 65px;
	
	text-align: right;
	
	font-weight: bold;
	text-transform: uppercase;
	
}
#HeaderSlides .figcaption:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -60px;
	width: 0; 
	height: 0; 
	
	background: transparent;
	
	border-style: solid;
	border-width: 0;
	border-top-color: transparent !important;
}
#HeaderSlides img {
	width: 100%;
	height: auto;	
}


/* Navigation 
-------------------------------------------- */
ul.navList {
	list-style: none;
	margin: 0;
	padding: 0;
}
#Nav {
	border-top: 2px solid #fff;
	background-color: #3c3c3c;
	font-size: 0;
	line-height: 18px;
	color: #fff;	
	position: relative;
}
#Nav .width1 {
	position: relative;
}
#Nav a {
	color: #fff;	
	text-decoration: none;
}
#Nav > div > h3:first-child {
	display: none;	
}
#Nav h3 {
	width: 90px;
	height: 25px;
	text-indent: -1000px;
	pverflow: hidden;
	background: url(/themes/mytheme/images/menu.png) 100% 0 no-repeat;	
	background-size: 90px auto;
	position: absolute;
	cursor: pointer;
	margin: 0;
	padding: 0;
}
.retina #Nav h3 {
	background-image: url(/themes/mytheme/images/menu-retina.png);
}
#Nav.open h3 {
	background-position: 100% -26px;
}
.level1 > li > a {
	text-transform: uppercase;
	font-weight: bold;	
}
#MainNav {
	font-size: 16px;	
	position: absolute;
	width: 100%;
	background-color: #3c3c3c;
	display: none;
	z-index: 10;
}
#MainNav li a {
	display: block;
	margin-bottom: 9px;
}

/* navigation, fixed position */
#NavWrapper.fixed {
	width: 100%;
	z-index: 100;
}
#NavWrapper.fixed #Nav {
	border-top-width: 0;
}

/* Desktop Navigation, now chosen based on width of menu rather than screen size, have left this within the desktop width selector since it won't appear on small sizes */

/* Mobile Navigation, now chosen based on width of menu rather than screen size */
.smallNav #MainNav {
	/*border-top: 2px solid #fff;	*/
	border-bottom: 2px solid #fff;	
}
.smallNav #MainNav .level1 > li {
	border-bottom: 2px solid #fff;
	padding-top: 7px;
	position: relative;	
	cursor: pointer;
}
.smallNav #MainNav .level1 > li:last-child {
	border-bottom: 0;
}
.smallNav #MainNav .level1 > li.hasChildren:after {
	font-weight: normal;
	content: "";
	background: url(/themes/mytheme/images/plusminus.png) 50% 0 no-repeat;
	background-size: 14px auto;
	display: block;
	width: 64px;
	height: 36px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;	
	z-index: 100;
}
.smallNav #MainNav .level1 > li.section.hasChildren:after,
.smallNav #MainNav .level1 > li.current.hasChildren:after {
	background-position: 50% -36px;
}
.retina.smallNav #MainNav .level1 > li.hasChildren:after {
	background-image: url(/themes/mytheme/images/plusminus-retina.png)
}
.smallNav ul.level2 {
	display: none;
}
.smallNav .section ul.level2, .smallNav .current ul.level2 {
	display: block;
}

/* Division Of */
/* (this is re-sized for mobiles in the mobile section */
#DivisionOfBg {
	position: absolute;
	top: -2px;
	right: 71.7%;
	z-index: 1;
	width: 400px;
	text-align: right;
	height: 115px;
	font-size: 0;
	background: url(/themes/mytheme/images/a-division-of-bg.png) 100% 0 no-repeat;
	background-size: auto 100%;
}
.HomePage #DivisionOfBg {
	right: 75.5%;
}
.retina #DivisionOfBg {
	background-image: url(/themes/mytheme/images/a-division-of-bg-retina.png)
}

#DivisionOfLogo {
	position: relative;
	left: -1px;
	top: -2px;
	display: block;
	width: 189px;
	height: 115px;
	font-size: 0;
	z-index: 2;
	background: url(/themes/mytheme/images/a-division-of.png) -209px 0 no-repeat;
	background-size: auto 100%;	
}
.retina #DivisionOfLogo {
	background-image: url(/themes/mytheme/images/a-division-of-retina.png)
}
#DivisionOfLogo a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1000px;
	overflow: hidden;
}

/* Footer 
-------------------------------------------- */
#Footer {
	position: relative;
	background: 	#3c3c3c;
	color: #fff;
	border-top: 2px solid #fff;
}
#Footer a {
	color: #fff;
	text-decoration: none;	
}
#Footer p {
	margin: 0;
}
#Footer .width1 {
	padding-top: 40px;
	min-height: 130px;
}
#Footer h3 {
	font-size: 22px;
	line-height: 23px;
	font-weight: bold;
	margin: 0 0 6px 0;
	padding: 0;	
}
#Footer h3 a span {
	white-space: nowrap;	
}
#Footer h3 a:after {
	content: "";
	display: inline-block;
	background: url(/themes/mytheme/images/arrow.png) right 2px no-repeat;
	background-size: 14px auto;
	width: 26px;
	height: 23px;
	vertical-align: bottom;
}
.retina #Footer h3 a:after {
	background-image: url(/themes/mytheme/images/arrow.png);	
}
#QuestionLink {
	display: inline-block;
	vertical-align: bottom;
	border-bottom: 2px solid #fff;
	padding: 0 0 15px 0;	
}
#FooterLinks {
	font-size: 0;
	padding: 2px 0 29px 0;	
}
#FooterLinks li {
	font-size: 14px;
	line-height: 14px;	
}
#Credit {
	font-size: 13px;
	line-height: 13px;	
}
#FooterLinks li {
	display: inline-block;	
	border-right: 1px solid #fff;
	vertical-align: bottom;
	padding: 0 9px;
}
#FooterLinks li:first-child {
	padding-left: 0;
}
#FooterLinks li:last-child {
	border-right: 0;	
	padding-right: 0;
}


/* Content  / Layout
-------------------------------------------- */

ul.contentList {
	list-style: none;
	margin: 0;
	padding: 0;	
}
.ErrorPage h1.seo {
	display: block;	
}
.urlSecurity h1.seo {
	display: block;	
}
.clear {
	clear: both;	
}
.seo {
	display: none;	
}
.hidden {
	visibility: hidden;	
}
/* Screen size specific stuff */

/* -------
Desktop & Tablet sizes with divisions menu */
/* Shared */
@media all and (min-width: 960px) {
	.width1 {
		max-width: 1120px;
		padding: 0 40px;
	}
	
	#Logo {
		top: 33px;
		left: 33px;
		height: 149px;
	}
	#HeaderSlides .figcaption {
		width: 225px;
		padding: 44px 60px 44px 0;	
		font-size: 28px;
		line-height: 29px;
		height: 116px;
	}
	#HeaderSlides .figcaption:before {
		border-top-width: 204px !important;
		border-right-width: 75px;
		left: -75px;
	}
	
	/* Navigation */
	
	/* these shouldn't be altered by menu size */
	#Nav {
		min-height: 94px;	
	}
	.aDivisionOf #Nav {
		min-height: 115px;	
	}
	#Nav:before {
		content: "";
		display: block;
		width: 50%;
		height: 92px;
		position: absolute;
		top: 0;
		left: 0;	
		background: #fff;
	}
	.aDivisionOf #Nav:before {
		height: 113px;
		width: 20%;
	}
	#Nav h3 {
		top: 34px;	
		right: 40px;
	}
	.aDivisionOf #Nav h3 {
		top: 45px;
	}
	.aDivisionOf #Nav > .width1 {
		min-height: 115px;	
	}
	
	/* Divisions exists regardless of menu size */
	#Divisions {
		position: relative;
		left: -16px;
		z-index: 1;
		width: 740px;
		
		text-align: right;
		height: 92px;
		font-size: 0;
		line-height: 92px;
		background: url(/themes/mytheme/images/divisions.png) 100% 0 no-repeat;
		background-size: auto 92px;
	}
	.retina #Divisions {
		background-image: url(/themes/mytheme/images/divisions-retina.png)
	}
	#Divisions ul {
		
	}
	#Divisions li {
		display: inline-block;
		margin-right: 18px;
	}
	#Divisions li a {
		display: inline-block;
		height: 92px;
		vertical-align: bottom;
		position: relative;
	}
	#Divisions li:after {
		content: '';
		display: block;
		opacity: 0;
		transition: opacity .25s ease-out;
		width: auto;
		box-sizing: border-box;
		height: 0;
		margin: 2px 22px 0 16px;
		
		border-top: 10px solid;
		border-bottom: 0; 
		border-right: 4px solid transparent; 
		
		/*
		-ms-transform: skew(-20deg,0);
    	-webkit-transform: skew(-20deg,0); 
		-moz-transform: skew(-20deg,0); 
    	transform: skew(-20deg,0);
		*/
		/*width: 100%;
		
		position: absolute;
		bottom: -12px;
		left: 0;*/
	}
	#Divisions li.stabilizers a {
		width: 199px;	
	}
	#Divisions li.stabilizers:after {
		border-top-color: rgb(200,30,30);
	}
	#Divisions li.geotechnical a {
		width: 221px;	
	}
	#Divisions li.geotechnical:after {
		border-top-color: rgb(220,110,15);
	}
	#Divisions li.environmental a {
		width: 239px;
	}
	#Divisions li.environmental {
		margin-right: 45px;	
	}
	#Divisions li.environmental:after {
		border-top-color: rgb(0,130,160);
	}
	#Divisions li:hover:after,
	#Divisions li.current:after,
	#Divisions li.section:after {
		opacity: 1;	
	}
	
	/* Navigation menu may be wide */
	
	/* Main Nav */
	
	.smallNav .aDivisionOf #MainNav {
		top: 113px;
	}
	
	.bigNav #MainNav {
		padding: 29px 0 16px 0;
		border-bottom: 2px solid #fff;	
	}
	.bigNav #MainNav .level1 > li {
		display: inline-block;	
		vertical-align: top;
		margin: 0 25px 0 0;
		max-width: 200px;
	}
	.bigNav #MainNav .level1 > li:last-child {
		margin-right: 0;	
	}
	.bigNav #MainNav .level1 > li:nth-child(2) {
		max-width: 160px;
	}
	.bigNav #MainNav .level2 {
		display: block !important;	
	}
	
	/* Footer */
	#Footer:after {
		content: "";
		position: absolute;
		display: block;
		width: 50%;
		top: 0;
		left: 50%;
		height: 100%;
		background: #58585a;
	}
	#Footer .width1 {
		position: relative;
		z-index: 1;
		background: 	#3c3c3c url(/themes/mytheme/images/footer.png) right 0 no-repeat;
		background-size: auto 170px;	
	}
	.retina #Footer .width1 {
		background-image: url(/themes/mytheme/images/footer-retina.png);
	}
	
	#Credit {
		position: absolute;
		right: 40px;
		top: 125px;
	}
	
	/* Content */
}

/* BIG Desktop */
@media all and (min-width: 1440px) {
	/*body:before {
		content: "Big Desktop";	
	}*/
}

/* Regular Desktop */
@media all and (min-width: 1280px) and (max-width: 1439px) {
	/*body:before {
		content: "Regular Desktop";	
	}*/
}

/* Tablet landscape */
@media all and (min-width: 960px) and (max-width: 1279px) {
	/*body:before {
		content: "Tablet Landscape";	
	}*/
	#Logo {
		top: 20px;
		left: 20px;
		height: 112px;
	}
	#HeaderSlides .figcaption {
		padding-right: 40px;	
	}
}

/* -------
Tablet * Mobile sizes without divisions menu */
/* Shared */
@media all and (max-width: 959px) {
	.width1 {
		max-width: 760px;
	}
	
	#Divisions {
		display: none;	
		
		position: absolute;
		left: 0;
		top: 0;
		text-align: right;
		height: 92px;
		font-size: 0;
		
		margin-bottom: 2px;
	}
	#Divisions:before {
		content: "";
		width: 115px;
		background: #fff;	
	}
	#Divisions:after {
		content: "";
		width: 45px;	
	}
	#Divisions li,
	#Divisions li a,
	#Divisions:before,
	#Divisions:after {
		display: inline-block;
		height: 100%;
		vertical-align: bottom;
	}
	#Divisions li a,
	#Divisions:after {
		background: url(/themes/mytheme/images/divisions-retina.png) 100% 0 no-repeat;
		background-size: auto 100%;
	}
	.retina #Divisions li a,
	.retina #Divisions:after {
		background-image: url(/themes/mytheme/images/divisions-retina.png)
	}
	#Divisions li {
		display: none;
	}
	#Divisions li.current,
	#Divisions li.section {
		display: inline-block;
	}
	#Divisions li.stabilizers a {
		width: 199px;
		background-position: -27px 0;
	}
	#Divisions li.geotechnical a {
		width: 221px;
		background-position: -244px 0;	
	}
	#Divisions li.environmental a {
		width: 239px;
		background-position: -483px 0;
	}
	
	/* only show if in a division */
	.inDivision #Divisions {
		display: block;
	}
	
	/* navigation menu has been moved to main block, since it can exist at all sizes now and is chosen by a class selector */
	#Nav h3 {
		width: 30px;
	}
	#MainNav .width1 {
		padding: 0;	
		max-width: 800px;
	}
	
	/* Footer */
	#Footer {
		background: 	#3c3c3c url(/themes/mytheme/images/footer-mobile.png) right bottom no-repeat;	
		background-size: 261px auto;	
	}
	.retina #Footer {
		background-image: url(/themes/mytheme/images/footer-mobile-retina.png);
	}
	#Credit {
		padding-bottom: 34px;
	}
	
	/* Content Layout */
	
}

/* Tablet Portrait */
@media all and (min-width: 800px) and (max-width: 959px) {
	/*body:before {
		content: "Tablet Portrait";	
	}*/
	.width1 {
		max-width: 760px;
		padding: 0 20px;
	}
	#Logo {
		top: 0;
		left: 0;
		height: 112px;
	}
	#HeaderSlides .figcaption {
		font-size: 24px;	
		width: 190px;
		padding: 37px 20px 37px 0;
		line-height: 25px;
		height: 100px;
	}
	#HeaderSlides .figcaption:before {
		border-top-width: 174px !important;
		border-right-width: 65px;
		left: -65px;
	}
	/* Navigation */
	#Divisions {
		left: -108px;	
	}
	.smallNav #MainNav {
		top: 92px;	
	}
	.smallNav .aDivisionOf #MainNav {
		top: 113px;
	}
	#Nav {
		min-height: 94px;	
	}
	.aDivisionOf #Nav {
		min-height: 115px;	
	}
	#Nav h3 {
		right: 20px;
		top: 34px;
	}
	.aDivisionOf #Nav h3 {
		top: 44px;
	}
	/*.HomePage #Nav h3 {
		right: 22px;
	}*/
	.smallNav #MainNav .level1 > li {
		padding-right: 20px;	
		padding-left: 20px;
	}
	.smallNav #MainNav .level1 > li.hasChildren:after {
		width: 64px;	
	}
}

/* Mobile Landscape */
@media all and (min-width: 480px) and (max-width: 799px) {
	/*body:before {
		content: "Mobile Landscape";	
	}*/
	.width1 {
		padding: 0 17px;
	}
	#Header {
		padding-top: 66px;	
	}
	#Logo {
		top: -3px;
		left: -3px;
		height: 84px;
	}
	#HeaderSlides .figcaption {
		font-size: 14px;	
		bottom: 30px;
		width: 113px;
		padding: 22px 12px 22px 0;
		line-height: 15px;
		height: 60px;
	}
	#HeaderSlides .figcaption:before {
		border-top-width: 104px !important;
		border-right-width: 38px;
		left: -38px;
	}
	/* Navigation */
	#Divisions {
		height: 69px;
		left: -3px;	
	}
	#Divisions:before {
		width: 9px;
	}
	#Divisions:after {
		width: 34px;	
	}
	#Divisions li.stabilizers a {
		width: 149px;
		background-position: -20px 0;
	}
	#Divisions li.geotechnical a {
		width: 166px;
		background-position: -183px 0;	
	}
	#Divisions li.environmental a {
		width: 179px;
		background-position: -362px 0;
	}
	
	/* a division of */
	#DivisionOfBg {
		height: 71px;
		background-image: url(/themes/mytheme/images/a-division-of-small-bg.png)	
	}
	#DivisionOfLogo {
		height: 71px;
		background-image: url(/themes/mytheme/images/a-division-of-small.png);
		background-position: -130px 0;
	}
	
	#Nav {
		min-height: 71px;	
	}
	#Nav h3 {
		right: 17px;
		top: 24px;
	}
	#MainNav {
		top: 69px;	
	}
	.smallNav #MainNav .level1 > li {
		padding-right: 16px;	
		padding-left: 16px;
	}
	.smallNav #MainNav .level1 > li.hasChildren:after {
		width: 60px;	
	}
	
	/* Footer */
	#Footer {
		min-height: 355px;	
	}
	#Footer .width1 {
		padding: 30px 33px 0 33px;
	}
	#QuestionLink {
		width: 203px;	
	}
	#Footer h3 {
		line-height: 30px;	
	}
	#Footer h3 a:after {
		position: relative;
		top: -2px;	
	}
	#FooterLinks {
		line-height: 20px;
		padding: 8px 0 20px 0;	
	}
	#FooterLinks li {
		line-height: 20px;	
		display: block;
		padding: 0;
		border: 0;	
	}
}

/* Mobile Portrait */
@media all and (max-width: 479px) {
	/*body:before {
		content: "Mobile Portrait";	
	}*/
	body {
		min-width: 320px;
	}
	.width1 {
		padding: 0 12px;
	}
	#Header {
		padding-top: 50px;	
	}
	#Logo {
		top: 0;
		left: 0;
		height: 63px;
	}
	#HeaderSlides .figcaption {
		font-size: 9px;	
		bottom: 19px;
		width: 75px;
		padding: 14px 12px 14px 0;
		line-height: 9px;
		height: 36px;
	}
	#HeaderSlides .figcaption:before {
		border-top-width: 64px !important;
		border-right-width: 28px;
		left: -28px;
	}
	/* navigation */
	#Divisions {
		height: 47px;	
	}
	#Divisions:before {
		width: 3px;
	}
	#Divisions:after {
		width: 23px;	
	}
	#Divisions li.stabilizers a {
		width: 102px;
		background-position: -14px 0;
	}
	#Divisions li.geotechnical a {
		width: 113px;
		background-position: -125px 0;	
	}
	#Divisions li.environmental a {
		width: 122px;
		background-position: -246px 0;
	}
	
	/* a division of */
	#DivisionOfBg, #DivisionOfLogo {
		display: none;	
	}
	
	#Nav {
		min-height: 49px;	
	}
	#Nav h3 {
		right: 12px;
		top: 15px;
	}
	#MainNav {
		top: 47px;	
	}
	.smallNav #MainNav .level1 > li {
		padding-right: 12px;	
		padding-left: 12px;
	}
	.smallNav #MainNav .level1 > li.hasChildren:after {
		width: 52px;	
	}
	/* Footer */
	#Footer .width1 {
		padding: 0 33px;
	}
	
	/* Footer */
	#Footer {
		min-height: 355px;	
	}
	#Footer .width1 {
		padding: 30px 33px 0 33px;
	}
	#QuestionLink {
		width: 203px;	
	}
	#Footer h3 {
		font-size: 18px;
		line-height: 25px;	
	}
	#Footer h3 a:after {
		position: relative;
		top: -1px;
		background-size: 12px auto;
		background-position: right 0;
		width: 21px;
		height: 19px;
	}
	#FooterLinks {
		line-height: 20px;
		padding: 8px 0 20px 0;	
	}
	#FooterLinks li {
		line-height: 20px;	
		display: block;
		padding: 0;
		border: 0;	
	}
	#Credit {
		width: 102px;	
	}
	
	/* Content */
}

/* -------------
Put your layout changes above
These options are ONLY for hiding revealing things, only modify the sizes
MUST keep max and min sizes!
*/
/* Big Desktop Size */
@media all and (min-width: 1440px) {
	.bigDesktopHide {
		display: none !important;
	}
	.desktopHide {
		display: none !important;	
	}
}
/* Regular Desktop Size */
@media all and (min-width: 1280px) and (max-width: 1439px) {
	.desktopHide {
		display: none !important;	
	}
}
/* Tablet size / very large phones */
@media all and (min-width: 800px) and (max-width: 1279px) {
	.tabletHide {
		display: none !important;	
	}
}
/* Mobile */
@media all and (max-width: 799px) {
	.mobileHide {
		display: none !important;	
	}
}


/****** FILE: themes/mytheme/css/typography.css *****/
/* Font face example */
/*@font-face {
    font-family: 'AlrightSans';
    src: url('/themes/mytheme/webfonts/alrightsans-regular-v3-webfont.eot');
    src: url('/themes/mytheme/webfonts/alrightsans-regular-v3-webfont.eot?#iefix') format('embedded-opentype'),
         url('/themes/mytheme/webfonts/alrightsans-regular-v3-webfont.woff') format('woff'),
         url('/themes/mytheme/webfonts/alrightsans-regular-v3-webfont.ttf') format('truetype'),
         url('/themes/mytheme/webfonts/alrightsans-regular-v3-webfont.svg#alright_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/

 
/* GENERIC STYLES 
-------------------------------------------- */

.typography {
	font-size: 20px;
}

/* PARAGRAPHS 
-------------------------------------------- */
.typography p,.typography fieldset,.typography table {
 	margin-bottom: 0.65em;
}

.typography .small {
	font-size: 16px;	
}
/*
.typography .leadin, .typography .large  {
	font-size: 14px;
}
*/
.typography .linebelow:after {
	content: "";
	display: block;
	/*width: 188px;*/
	font-size: 20px;
	width: 10.9em;
	margin: 0 auto;
	height: 0.6em;
	border-bottom: 2px solid #fff;
}

.typography .marginbottom {
	margin-bottom: 1em !important
}
.typography .nomargins {
	margin: 0 !important;	
}


/* INLINE STYLES
-------------------------------------------- */

/* TABLES
-------------------------------------------- */
.typography table {
	max-width: 100%;
	margin-top: 1em;
}
.typography table td, .typography table th {
	vertical-align: top;
}
.typography table td[valign='bottom'], .typography table th[valign='bottom'] {
	vertical-align: bottom;
}
.typography table td[valign='middle'], .typography table th[valign='middle'] {
	vertical-align: middle;
}
.typography table tr:last-child td p {
	margin-bottom: 0;	
}

/* base styles for tables with borders */


/* QUOTES
-------------------------------------------- */

/* LINKS 
-------------------------------------------- */

.typography a { 
 	text-decoration: none;
	color: inherit;
}
	.typography a:hover { 
 		text-decoration: underline;
	}
	
	.typography a img {
		border: 0;	
	}


/* LIST STYLES 
-------------------------------------------- */
.typography ul, .typography ol {
	margin-top: 0;
}
.typography ul ul, .typography ol ol {
	margin-bottom: 0;	
}
		
/* HEADER STYLES 
-------------------------------------------- */

.typography h1 {
	font-size: 30px;
	margin: 0 0 1em 0;
	line-height: 1.2em;
	text-transform: uppercase;
}
.typography h2 {
	font-size: 26px;
	margin: 0 0 12px 0;
	line-height: 1.2em;
	text-transform: uppercase;
}

.typography h3 {
	font-size: 24px;
	margin: 0 0 0 0;
	line-height: 1.2em;
	text-transform: uppercase;
}
.typography h4 {
	font-size: 22px;
	margin: 0 0 0 0;
	line-height: 1.2em;
	text-transform: uppercase;
}
.typography h5 {
	margin: 0;
	font-size: inherit;
}
.typography h6 {
	margin: 0;
	font-size: inherit;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
	text-align: left;
}
.typography .center {
	text-align: center;
}
.typography .right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
.typography img {
   /* border: 5px solid #d7d7d7;*/
   max-width: 100%; /* prevents width being wider than 100% */
   height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
   /*background: transparent url(../images/ajax-loader.gif) no-repeat center center;*/
}
.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    /*float: left;
    margin-right: 100%;
    margin-bottom: 10px;*/
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}
.typography .captionImage { width: 100%; margin-top: 5px; }
.typography .captionImage img { margin: 0; }
  .typography .captionImage.left {
    float: left;
    margin: 5px 30px 20px 0px;
  }
  .typography .captionImage.right{
    float: right;
    margin: 5px 0 20px 30px;
  }
  .typography .captionImage.left[style],
  .typography .captionImage.right[style] {
    max-width: 50%; /* Overides core width to make responsive */
  }
  .typography .captionImage.left img,
  .typography .captionImage.right img {
    float: none;
    max-width: none;
    width: 100%;
  }
  .typography .captionImage.left img {
    margin-right: -10px;
  }
  .typography .captionImage.right img {
    margin-left: -10px;
  }
  .typography .captionImage.right p {
    margin-left: -10px;
    text-align: left;
    margin-left: -10px;
  }
.typography .captionImage.leftAlone{
  float:none;
  margin: 0 20px 20px 0px;
}
.typography .captionImage.center{
  margin: 0 auto 20px;
}
.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888;
}


/* CSS Document */

/* Screen size specific stuff */

/* -------
Desktop & Tablet sizes with divisions menu */
/* Shared */
@media all and (min-width: 960px) {
	
}

/* BIG Desktop */
@media all and (min-width: 1440px) {
	
}

/* Regular Desktop */
@media all and (min-width: 1280px) and (max-width: 1439px) {
	
}

/* Tablet landscape */
@media all and (min-width: 960px) and (max-width: 1279px) {
	
}

/* -------
Tablet * Mobile sizes without divisions menu */
/* Shared */
@media all and (max-width: 959px) {
	
}

/* Tablet Portrait */
@media all and (min-width: 800px) and (max-width: 959px) {
	
}

/* Mobile Landscape */
@media all and (min-width: 480px) and (max-width: 799px) {
	.typography {
		text-align: center;
	}
	.typography h1 {
		font-size: 26px;	
	}
	.typography h2 {
		font-size: 22px;	
	}
}

/* Mobile Portrait */
@media all and (max-width: 479px) {
	body {
		font-size: 14px;
	}
	.typography .linebelow:after {
		font-size: 14px;
	}
	.typography {
		font-size: 14px;	
		text-align: center;
	}
	.typography h1 {
		font-size: 18px;	
	}
	.typography h2 {
		font-size: 16px;	
		margin: 0 0 9px 0;
	}
	.typography h3 {
		font-size: 16px;	
	}
	.typography h4 {
		font-size: 16px;	
	}
}



/****** FILE: themes/mytheme/css/modules.css *****/
/* CSS Document */
.row, .cDefault.row, .cStabilizers.row, .cGeotechnical.row, .cEnvironmental.row, .cSatcivil.row {
	border-bottom: 2px solid #fff !important;	
}
.row:last-child {
	border-bottom-width: 0 !important;	
}
.contentPadding {
	padding: 56px 0 45px 0;
}
.centeredContent {
	text-align: center;
}
.centeredContent .width1 {
	max-width: 800px;
}
.width1 .centeredContent {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;	
}

/* rows with the highway chevron */
.highwayChevron {
	position: relative;	
}
.highwayChevron:before {
	position: absolute;
	right: 0;
	bottom: 0;
	content: "";
	background: url(/themes/mytheme/images/logo-chevron.png) right bottom no-repeat;
	background-size: 100% auto;
	width: 154px;
	height: 129px;
}
.retina .highwayChevron:before {
	background-image: url(/themes/mytheme/images/logo-chevron.png);
}

/* Image row generic */
.imageRow {
	overflow: hidden;	
}
.imageRow .content {
	/*font-weight: bold;*/
	max-width: 16.4em;
}
.imageRow .content h3.linebelow,
.imageRow .content h4.linebelow {
	margin-bottom: 0.6em;	
}
.imageRow .content.linebelow p:last-child {
	margin-bottom: 1px;	
}

/* image Boxes common */
.imageBoxes ul {
	font-size: 0;
	text-align: center;
	margin-left: -17px;
	margin-right: -17px;
}
.imageBoxes li {
	display: inline-block;
	vertical-align: bottom;
	box-sizing: border-box;
	position: relative;
	border: 2px solid #3c3c3c;
	overflow: hidden;
}
.imageBoxes li a:hover {
	text-decoration: none;	
}

/* Three cols */
.imageBoxes.three li {
	width: 352px;
	margin: 16px;
}
.typography .imageBoxes.three li img {
	max-width: none;
	width: 352px;
	height: 220px;
}

/* link boxes section */
/* Image Boxes */
.linkBoxes {
	padding-top: 45px;
	padding-bottom: 45px;	
	background-size: cover;
}
.linkBoxes ul {
	padding-top: 4px;
	padding-bottom: 4px	
}
.imageBoxes.linkBoxes li {
	border-color: #fff;
}
.linkBoxes li h4 {
	line-height: 52px;
	text-align: center;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-top: 2px solid #fff;
}
.linkBoxes li h4 a {
	display: block;	
	transition: background-color ease-in 0.25s;
}
.linkBoxes li h4 a:hover,
.linkBoxes li:hover h4 a {
	background-color: #58585a;	
}

/* File Link Boxes Section */
.fileLinkBoxes ul {
	padding-top: 30px !important;	
}
.fileLinkBoxes li h4 {
	font-size: 16px;
	line-height: 19px;
	text-align: left;
	border-top: 2px solid #3c3c3c;
	text-transform: none;
}
.fileLinkBoxes li h4 a {
	display: block;
	padding: 7px 72px 7px 16px;
	background: url(/themes/mytheme/images/pdf-icon.png) top right no-repeat;
	background-size: 72px auto;
	height: 38px;
	overflow: hidden;
	color: #fff !important;
}
.retina .fileLinkBoxes li h4 a {
	background-image: url(/themes/mytheme/images/pdf-icon-retina.png);
}

/* Solutions Section */
.solutionLinks {
	clear: both;
	min-height: 0 !important;
	margin-bottom: -30px;
	padding-top: 1em;	
}
.solutionLinks:not(.parallax) .contentPadding {
	border-top: 2px solid #fff;
	padding-top: 0;
	padding-bottom: 0;
}
.solutionLinks ul {
	padding-top: 14px !important;
	padding-bottom: 0;	
}
.imageBoxes.solutionLinks {
	margin-bottom: 0;
}
.imageBoxes.solutionLinks li {
	border-color: #fff;
}
.solutionLinks li h4 {
	line-height: 52px;
	text-align: center;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.solutionLinks li h4 a {
	display: block;	
	transition: background-color ease-in 0.25s;
}
.solutionLinks li h4 a:hover,
.solutionLinks li:hover h4 a {
	background-color: #58585a;	
	text-decoration: none !important;
}
/* Solution Links Image Box */
.solutionLinks.parallax {
	padding-bottom: 47%;
	position: relative;	
}
.solutionLinks.parallax .contentPadding {
	position: absolute;
	top: 0;
	left: 0;	
	width: 100%;
}
.solutionLinks.parallax ul.contentList {
	padding-top: 0 !important;
}
/* parallax */
.parallax {
	background-size: cover;
	background-position: center 100%;	
}


/* Image Row no text */
.contentPadding.bgWhite + .imageRowNoText,
.divisionsSection.bgWhite + .imageRowNoText {
/*.imageRowNoText {*/
	padding-top: 2px;
	padding-bottom: 2px;
}
.contentPadding.bgWhite + .imageRowNoText + .bgcolor,
.contentPadding.bgWhite + .imageRowNoText + .bgGrey {
	margin-top: -4px;
	border-top: 2px solid #fff !important;	
}
.imageRowNoText:last-child {
	padding-bottom: 0 !important;	
}

/* Image Row with Text (homePage, project list page) */
.typography .imageRow.homePage .linebelow:after {
	border-bottom-width: 4px;
}
.imageRow.homePage .content .readMore a {
	display: inline-block;	
	min-width: 10.9em;
	background: #fff;
	line-height: 1.9em;
	text-transform: uppercase;
	vertical-align: bottom;
	padding-top: 1px;
	font-weight: bold;
	transition: background-color ease-out 0.25s
}
.imageRow.homePage .content .readMore a:hover {
	text-decoration: none;
	background-color: rgba(255,255,255,0.7);	
}
.imageRow.homePage .content .readMore a:after {
	content: "";
	display: inline-block;
	width: 0; 
	height: 0; 
	border-top: 7px solid transparent !important;
	border-bottom: 7px solid transparent !important;
	border-left: 11px solid;
	margin: 0 0 0 0.4em;
}


/* Image Row Project Only */
.imageRow.project .image {
	position: relative;
	padding-top: 35.5%;
	background-size: 100% auto;
	background-position: center;
}
/* with background color not in image */
.imageRow.project.SolidColor.pBottomRight .image {
	background-size: auto 100%;
	background-position: left center;	
}
.imageRow.project.SolidColor.pTopLeft .image {
	background-size: auto 100%;
	background-position: right center;	
}
/* solid background thingy */
.imageRow.project.SolidColor .image {
	overflow: hidden;
}
.imageRow.project.SolidColor .image:before {
	content:'';
	display: block;
	position: absolute;
	top: 0;
	left: -58.35%;
	width: 100%;
	height: 100%;
	transform: skewX(-21.25deg)
}
.imageRow.project.SolidColor.pBottomRight .image:before {
	top: 0;
	left: auto;
	right: -58.35%;
	transform: skewX(-21.25deg)
}

/* Text Sections */
/* prevent boxes next to each other from doubling the padding */
.contentPadding.textSection.bgWhite + .contentPadding.textSection.bgWhite {
	padding-top: 0;	
}
.textSection {
	overflow: hidden;	
}
.textSection.hasRightCol .width1 {
	position: relative;
}
.textSection .rightCol {
	margin: 0;
}
.textSection .rightCol .wrapper {
	position: relative;
	width: 430px;
	min-height: 238px;
}
.textSection .rightCol .wrapper2 > img,
.textSection .rightCol .wrapper2 > a,
.textSection .rightCol .wrapper2 > .quote {
	position: relative;
	z-index: 2;
}
.textSection .rightCol .wrapper:before {
	content: '';
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	width: 400%;
}
.textSection .rightCol .caption {
	text-transform: uppercase;
	margin: 11px 0 0 0;	
}
.textSection .rightCol .quote {
	font-weight: bold;
	margin: 0;
	padding: 49px 40px 49px 160px;	
	text-align: right;
	/*width: 220px;*/
}
.textSection .rightCol .quote > p:last-child {
	margin-bottom: 0;
}

.textSection .rightCol .wrapper2 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.textSection .rightCol .cropper {
	width: 100%;
	height: 100%;
	padding-bottom: 1px;
	overflow: hidden;
	position: absolute;
	top: -1px;
	left: 0;
	pointer-events: none;
	
	z-index: 2;
}
.textSection .rightCol .cropper:after {
	content: '';
	display: block;
	position: absolute;
	left: -89px;
	bottom: 0;
	
	postion: absolute;
	height: 600px;
	width: 200px;
	
	-ms-transform: skew(-20deg,0); /* IE 9 */
    -webkit-transform: skew(-20deg,0); /* Safari */
    transform: skew(-20deg,0); /* Standard syntax */
	
	z-index: 2;
}
/* Video */
.textSection .videoPoster {
	display: block;
	font-size: 0;
	width: 430px;
	height: 238px;
}
.textSection .videoPoster {
	background-position: center;
	background-size: cover;	
}
.textSection .videoPoster:before {
	content: '';
	display: block;
	width: 156px;
	height: 75px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	
	transition: opacity ease-in 0.25s;
	
	-ms-transform: skew(-20deg,0); /* IE 9 */
    -webkit-transform: skew(-20deg,0); /* Safari */
    transform: skew(-20deg,0); /* Standard syntax */
}
.textSection .videoPoster:hover:before {
	opacity: 0.7;
}
.textSection .videoPoster:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 13px;
	left: 38px;	
	width: 94px;
	height: 43px;
	background: url(/themes/mytheme/images/play.png) center no-repeat;
	background-size: 100% auto;
	z-index: 1;
}
.retina .textSection .videoPoster:after {
	background-image: url(/themes/mytheme/images/play-retina.png);
}

/* Common section used by both careers and contact us */
.textSectionWithBorder {
	background-color: #fff !important;	
	color: inherit;
}
.textSectionWithBorder .contentPadding {
	border-top: 2px solid #b5b7b9;
}
.textSectionWithBorder.first .contentPadding {
	border-color: rgb(0,120,75);
}
.typography .textSectionWithBorder h2.sectionTitle {
	margin-bottom: 1em;	
}
.imageRowNoText.borderTop {
	padding-top: 2px;	
}

/* Screen size specific stuff */

/* -------
Desktop & Tablet sizes with divisions menu */
/* Shared */
@media all and (min-width: 960px) {
	/* Image Row */
	.imageRow {
		position: relative;	
	}
	.imageRow .wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;	
		z-index: 1;
	}
	.imageRow .width1, .imageRow .position {
		position: relative;	
		height: 100%;
	}
	.imageRow .content {
		position: absolute;
	}
	.imageRow.pTopLeft .content {
		top: 44px;
		left: 0;	
	}
	.imageRow.pBottomRight .content {
		right: 0;
		bottom: 28px;
	}
	
	/* Text Sections */
	.textSection .leftCol {
		margin-right: 425px;
	}
	.textSection.hasRightCol .width1 {
		min-height: 238px;
	}
	.textSection.hasRightCol.hasCaption .width1 {
		min-height: 268px;
	}
	.textSection .rightCol {
		max-width: 465px;
		position: absolute;
		top: 0;
		right: 0;
	}
}

/* BIG Desktop */
@media all and (min-width: 1440px) {
	/* Link Boxes */
	.linkBoxes.hasHeight {
		min-height: 710px;
	}
	.linkBoxes.hasHeight .width1 {
		height: 710px;
	}
	.linkBoxes.hasHeight ul {		
		position: relative;
		top: 100%;
		
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);	
		
	}
}

/* Regular Desktop */
@media all and (min-width: 1280px) and (max-width: 1439px) {
	/* Link Boxes */
	.linkBoxes.hasHeight {
		min-height: 710px;
	}
	.linkBoxes.hasHeight .width1 {
		height: 710px;
	}
	.linkBoxes.hasHeight ul {		
		position: relative;
		top: 100%;
		
		-webkit-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	
	/* Text Section */
	.textSection.highwayChevron .width1 .chevronSpacer {
		padding-right: 154px;
	}
}

/* Tablet landscape */
@media all and (min-width: 960px) and (max-width: 1279px) {
	.highwayChevron:before {
		width: 115px;
		height: 96px;	
	}
	/* Image Boxes */
	.imageBoxes.three li {
		width: 272px;
		margin: 16px;
	}
	.typography .imageBoxes.three li img {
		max-width: none;
		width: 272px;
		height: 170px;
	}
	.linkBoxes li h4 {
		font-size: 18px;
		line-height: 40px;
	}
	.solutionLinks li h4 {
		font-size: 18px;
		line-height: 40px;
	}
	/* File Link Boxes */
	.fileLinkBoxes li h4 {
		font-size: 13px;
		line-height: 16px;
	}
	.fileLinkBoxes li h4 a {
		height: 32px;
		padding: 6px 61px 6px 13px;	
		background-size: 61px auto;
	}
	
	/* Text Section */
	.textSection.highwayChevron .width1 .chevronSpacer {
		padding-right: 154px;
	}
}

/* -------
Tablet * Mobile sizes without divisions menu */
/* Shared */
@media all and (max-width: 959px) {
	.highwayChevron:before {
		width: 115px;
		height: 96px;	
	}
	/* Image Row */
	.imageRow > img {
		border-top: 2px solid #fff;	
	}
	.imageRow .content {
		margin: 0 auto;
		padding: 44px 0 44px 0;	
	}
	.imageRow .content > p:last-child {
		margin-bottom: 0;	
	}
	
	/* home page / project list page */
	/*.imageRow.SolidColor .wrapper {
		position: relative;	
	}
	.imageRow.SolidColor .wrapper:before,
	.imageRow.SolidColor.pBottomRight .wrapper:before {
		top: 100%;
		height: 200%;
	}*/
	/*.imageRow.SolidColor:not(.project) .wrapper:before {
		display: none;
	}*/
	
	/* Link Boxes */
	.imageBoxes.three li {
		margin: 12px;
	}
	.linkBoxes {
		background-image: none !important;	
	}
	
	/* Solutions */
	.solutionLinks.three li {
		margin: 12px;
	}
	
	/* Text Sections */
	.textSection.hasRightCol .width1 {
	}
	.textSection .rightCol {
		text-align: left;
		position: relative;
		margin-top: 23px;
		max-width: 465px;
		position: relative;
		margin-bottom: 1em;
		float: right;
	}
	
	.solutionLinks {
		padding-top: 7px;	
	}
}

/* Tablet Portrait */
@media all and (min-width: 800px) and (max-width: 959px) {
	/* Text Section */
	.textSection.highwayChevron .width1 .chevronSpacer {
		padding-right: 115px;
	}
	
	/* Text Sections */
	.textSection .rightCol {
		margin-right: -20px;
	}
	/* Quote */
	/*.textSection .rightCol .quote {*/
	.hasQuote .rightCol {
		position: relative;
		left: 21px;
	}
}

/* Mobile Landscape */
@media all and (min-width: 480px) and (max-width: 799px) {
	/* Image Boxes */
	.imageBoxes ul {
		margin-right: 0;
		margin-left: 0;	
		padding-top: 0;
		padding-bottom: 0;	
	}
	/* Text Section */
	.textSection.highwayChevron:before {
		display: none;
	}
	.textSection .rightCol {
		margin-right: -17px;
	}
	/* Quote */
	/*.textSection .rightCol .quote {*/
	.hasQuote .rightCol {
		position: relative;
		left: 23px;
	}
}
/* Mobile Portrait */
@media all and (max-width: 479px) {
	.contentPadding {
		padding: 36px 0 35px 0;
	}
	.highwayChevron:before {
		width: 77px;
		height: 65px;	
	}
	/* Image Boxes */
	.imageBoxes ul {
		margin-right: 0;
		margin-left: 0;	
		padding-top: 0;
		padding-bottom: 0;	
	}
	.imageBoxes.three li {
		width: 236px;
		margin: 12px;
	}
	.typography .imageBoxes.three li img {
		max-width: none;
		width: 236px;
		height: 147px;
	}
	.linkBoxes li h4 {
		font-size: 15px;
		line-height: 34px;
	}
	/* image row (homepage, project list page) */
	.imageRow.homePage .content .readMore a:after {
		border-top-width: 5px  !important;
		border-bottom-width: 5px  !important;
		border-left-width: 7px  !important;
	}
	
	/* Solution Links */
	.solutionLinks {
		padding-top: 3px;	
	}
	.solutionLinks ul {
		padding-top: 5px !important;
	}
	.solutionLinks li h4 {
		font-size: 15px;
		line-height: 34px;
	}
	/* File Link Boxes */
	.fileLinkBoxes li h4 {
		font-size: 12px;
		line-height: 15px;
	}
	.fileLinkBoxes li h4 a {
		height: 30px;
		padding: 5px 54px 5px 11px;	
		background-size: 54px auto;
	}
	/* Text Section */
	.textSection.highwayChevron:before {
		display: none;
	}
	.textSection .rightCol {
		margin-right: -12px;
		width: 288px;
	}
	.textSection .rightCol .wrapper {
		width: 288px;
		min-height: 159px;
	}
	/* video */
	.textSection .videoPoster {
		width: 288px;
		height: 159px;
	}
	.textSection .videoPoster:before {
		width: 104px;
		height: 50px;
	}
	.textSection .videoPoster:after {
		width: 63px;
		height: 30px;
		bottom: 9px;
		left: 25px;
	}
	/* Quote */
	.textSection .rightCol .quote {
		padding: 30px 12px 30px 120px;
	}
	
}


/****** FILE: themes/mytheme/css/form.css *****/
/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */


/* GENERIC FORMS
----------------------------------------------- */

form {
    
}
div.field {
    margin: 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
}
    form label.left {
        display: block;
    }
	.typography form label.right {
		text-align: left;
    }

form input.text,
form textarea,
form select {
    width: 100%;
    background-color: transparent;
    border: 0px;
	font-family: inherit;
	font-size: inherit;
	box-sizing: border-box;
}
form input.text {
	font-size: 26px;	
	padding: 0.45em 0;
	font-weight: bold;
}
form textarea {
	padding: 0.75em 0;
}
form input.text,
form textarea {
	border-radius: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}

.field.text, .field.textarea {
	border-bottom: 2px solid #b5b7b9;	
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
	vertical-align: middle;
	margin-bottom: 3px;
}
    .checkbox label.right,
    .radio label.right {
        display: inline;
		font-weight: bold;
    }

/* Chris Bolt, Options set field */
.optionset ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.optionset li {
	float: left;
}
.optionset.stacked li {
	float: none;
	clear: both;
}
.stacked {
	clear: left;
	float: none;
}

/* Messages */
.message {
	display: inline-block;
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
    .message.good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    .message.bad, .message.required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: #b80000;
    }
	

/* This code builds a label on the side form */
/*.middleColumn {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	width: 70%;
	float: right;
}
.field {
	clear: both;	
}
label.left {
	width: 30%;
 	float:left; 
	margin: 6px 0 6px 0;
	color: inherit;
}*/
/* End label on the side form */


/* ACTIONS */
.Actions {
    margin-bottom: 1em;
	padding-top: 10px;
}
    a.btn, .Actions button, .Actions input[type="submit"], .Actions .action {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
		font-family: inherit;
		font-size: inherit;
		cursor: pointer;
		
		border-radius: 0;
		-moz-appearance: none;
		-webkit-appearance: none;
		appearance: none;
		border: 0;
		
		font-size: 20px;
		color: #fff;
		background: #007a61 url(/themes/mytheme/images/action-arrow.png) 100% 50% no-repeat;
		background-size: auto 15px;
		
		padding: 0 67px 0 50px;
		line-height: 39px;
		text-transform: uppercase;
		font-weight: bold;
    }
    a.btn:hover, .Actions button:hover, .Actions input[type="submit"]:hover, .Actions .action:hover {
        
	}
	.retina a.btn, .retina .Actions button, .retina .Actions input[type="submit"], .retina .Actions .action {
		background-image: url(/themes/mytheme/images/action-arrow-retina.png);
	}

/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }

/* style placeholders */
::-webkit-input-placeholder {
	color: inherit;	
    opacity: 1; 
	text-transform: uppercase;
}
:-moz-placeholder {
	color: inherit;	
    opacity: 1; 
	text-transform: uppercase;
}
::-moz-placeholder {
	color: inherit;	
    opacity: 1; 
	text-transform: uppercase;
}
:-ms-input-placeholder {
	color: inherit;	
    opacity: 1; 
	text-transform: uppercase;
}
.labelTextFieldInactive {
	color: inherit;	
    opacity: 1; 
	text-transform: uppercase;
}

/* Screen size specific stuff */

/* -------
Desktop & Tablet sizes with divisions menu */
/* Shared */
@media all and (min-width: 960px) {
	
}

/* BIG Desktop */
@media all and (min-width: 1440px) {
	
}

/* Regular Desktop */
@media all and (min-width: 1280px) and (max-width: 1439px) {
	
}

/* Tablet landscape */
@media all and (min-width: 960px) and (max-width: 1279px) {
	
}

/* -------
Tablet * Mobile sizes without divisions menu */
/* Shared */
@media all and (max-width: 959px) {
	
}

/* Tablet Portrait */
@media all and (min-width: 800px) and (max-width: 959px) {
	
}

/* Mobile Landscape */
@media all and (min-width: 480px) and (max-width: 799px) {
	form, form .typography {
		text-align: left;	
	}
	form input.text {
		font-size: 22px;	
	}
}
/* Mobile Portrait */
@media all and (max-width: 479px) {
	form, form .typography {
		text-align: left;	
	}
	form input.text {
		font-size: 16px;	
	}
}