/* FONTS
 fonts handled by TypeKit
 Din Pro
 font: 13px "proxima-nova-extra-condensed", sans-serif;
 400 and 700

 Sentinel
 font: 13px "kepler-std", serif;
 400 and 700

 ------------------------------------ */

/* GENERAL
 ------------------------------------ */
body {
	font: 16px/23px "kepler-std", serif;
	color: #535454;
	margin: 0;
	background: url(/assets/images/bg-body.jpg) repeat-x;
}
body, html {
	height: 100%;
}
html * { /* disable touch feedback on mobile/tablet */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
p {
	margin: 15px 0;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
h1 {
	font: 500 30px/33px "proxima-nova-extra-condensed", sans-serif;
	margin: 0 0 25px 0;
	color: #c8362e;
	text-transform: uppercase;
}
h2 {
	font: 500 24px/28px "proxima-nova-extra-condensed", sans-serif;
	margin: 0 0 23px 0;
}
h3 {
	font: 500 20px/24px "proxima-nova-extra-condensed", sans-serif;
	margin: 0 0 20px 0;
}
h1 a,
h2 a,
h3 a {
	color: #c8362e;
}
a {
	color: #c8362e;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
ul {
	list-style: disc inside;
}
ol {
	list-style: decimal inside;
}
ul ul, ol ul {
	list-style: circle inside;
	margin-left: 15px;
}
ol ol, ul ol {
	list-style: lower-latin inside;
	margin-left: 15px;
}
hr {
	border: none;
	margin: 20px 0;
	border-top: 1px solid #AAA;
}
.editor-button {
	position: absolute;
	z-index: 999 !important;
}
.editor-button a {
	display: block;
	width: 30px;
	height: 14px;
	background: #98DA07;
	overflow: hidden;
	font: 10px Arial;
	color: #FFF !important;
	line-height: 14px;
	text-decoration: none !important;
	text-align: center;
}
/* stop flash of unstyled content TypeKit */
.wf-loading body {
	visibility: hidden;
}
.todo {
	border: 1px dotted red;
	background: yellow;
	padding: 10px;
	width: 980px;
	margin: 0 auto 25px auto;
}
.red {
	border: 1px solid red;
}
.notopmargin {
	margin-top: 0 !important;
}

/* HEADER
 ------------------------------------ */
#header {
	min-height: 115px;
	padding-top: 12px;
}
#header .logo {
	background: url(/assets/images/sprite.png) no-repeat -26px 0;
	width: 171px;
	height: 90px;
	display: block;
}
#header .utility-icon {
	display: none;
}
#header .utility-contain {
	display: inline-block;
}
#header .utility {
	margin: 0;
	padding: 0;
}
#header .utility li {
	display: inline-block;
	padding-right: 20px;
}
#header .utility a {
	font: 500 14px "proxima-nova-extra-condensed", sans-serif;
	text-decoration: none;
	color: #6f6f6f;
	text-transform: uppercase;
}
#header .utility a:hover {
	color: #c8362e;
}
#header .social {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
}
#header .social li {
	float: left;
}
#header .social li a {
	margin-left: 3px;
}
.social .facebook,
.social .twitter,
.social .instagram,
.social .linkedin {
	display: block;
	width: 23px;
	height: 23px;
	background: url(/assets/images/sprite.png?v1);
}
.social .facebook {
	background-position: 0 -121px;
}
.social .twitter {
	background-position: -75px -121px;
}
.social .instagram {
	background-position: -113px -121px;
}
.social .linkedin {
	background-position: -32px -121px;
}
.social .facebook:hover,
.social .twitter:hover,
.social .instagram:hover,
.social .linkedin:hover {
	opacity: .7;
}

#header ul.main {
	margin: 35px 0 0 0;
	padding: 0;
}
#header ul.main li {
	display: inline-block;
	position: relative;
	height: 44px;
}
#header ul.main a {
	font: 500 27px "proxima-nova-extra-condensed", sans-serif;
	text-decoration: none;
	color: #6f6f6f;
	text-transform: uppercase;
	padding-left: 45px;
}
#header ul.main a:hover, #header ul.main a.active {
	color: #c8362e;
}
#header ul.main ul {
	display: none;
	position: absolute;
	top: 44px;
	left: 0;
	z-index: 99999;
	background: #FFF url(/assets/images/bg-subnav.png) repeat-x;
	margin: 0;
	padding: 0 0 0 15px;
	-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.3);
	box-shadow: 0 3px 3px rgba(0,0,0,0.3);
}
#header ul.main ul.whonav {
	width: 450px;
	left: -100px;
}
#header ul.main ul.hownav {
	left: 38px;
	width: 140px;
}
#header ul.main li:hover ul {
	display: block;
}
#header ul.main ul li {
	display: inline-block;
}
#header ul.main ul a {
	font: 500 20px/20px "proxima-nova-extra-condensed", sans-serif;
	text-decoration: none;
	color: #c8362e;
	text-transform: uppercase;
	padding: 13px 15px 10px 0;
	display: inline-block;
}
#header ul.main ul li:last-child a {
	padding-right: 0;
}
#header ul.main ul a:hover {
	color: #6f6f6f;
}

/* SEARCH
 ------------------------------------ */
.searchbox {
	border: 1px solid #AAA;
	border-radius: 10px;
	width: 175px;
	height: 24px;
	background: #FFF;
	text-align: left;
	padding-left: 10px;
	display: inline-block;
}
.searchbox .keyword {
	background: none;
	width: 130px;
	font: 11px/normal Arial, Helvetica, sans-serif;
	border: 0;
	color: #535454;
}
.searchbox .button {
	border: 0;
	background: 0;
	background: url(/assets/images/sprite.png) no-repeat 0 -1px;
	width: 20px;
}

/* SECONDARY NAVIGATION
 ------------------------------------ */
#secondary_nav {
	background: #A1A1A1;

}
.insidenav {
	margin: 0;
	padding: 0;
}
.insidenav li {
	display: inline-block;
	padding-right: 5px;
}
.insidenav a {
	font: 500 19px/normal "proxima-nova-extra-condensed", sans-serif;
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	display: block;
	padding: 2px 5px;
	margin: 10px 0;
	white-space: nowrap;
}
.insidenav a:hover {
	color: #C8362E;
}
.insidenav a.active {
	background: #C8362E;
	color: #FFF;
}
.insidenav.third a {
	color: #A1A1A1;
}
.insidenav.third a:hover {
	color: #C8362E;
}
.insidenav.third a.active {
	color: #FFF;
}
.emptyfiller {
	height: 49px;
}

/* HOME PAGE
 ------------------------------------ */
#home {
	overflow: hidden;
}
#home .editor-button a {
	margin: 0;
}
#home .ajax-loader {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
}
#home #slides {
	overflow: hidden;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
}
#home .slide {
	position: relative;
	width: 100%;
}
#home .slide img {
	width: 100%;
}
#home .cta {
	width: 250px;
	position: fixed;
	z-index: 999;
	color: #FFF;
	padding: 35px 20px;
	display: none;
	pointer-events: none;
}
#home .cta * {
	pointer-events: none;
}
#home .cta.left {
	top: 25%;
	left: 5%;
}
#home .cta.center {
	top: 35%;
	left: 42%;
}
#home .cta.right {
	top: 45%;
	left: 77%;
}
#home .cta .uC, #home .cta .lC {
	position: absolute;
	width: 44px;
	height: 70px;
}
#home .cta .uC {
	top: 0;
	left: 0;
	border-left: 4px solid #fff;
	border-top: 4px solid #fff;
}
#home .cta .lC {
	bottom: 0;
	right: 0;
	border-right: 4px solid #fff;
	border-bottom: 4px solid #fff;
}
#home .cta h2 {
	font-size: 48px;
	text-transform: uppercase;
	margin: 0;
}
#home .cta p {
	font-size: 18px;
}
#home .cta .action {
	font: 500 21px/18px "proxima-nova-extra-condensed", sans-serif;
	text-transform: uppercase;
}
#home .cta .action span {
	height: 18px;
	width: 20px;
	background: url(/assets/images/sprite.png) no-repeat 0 -27px;
	display: inline-block;
	margin-right: 15px;
}
#home .cta.always {
	display: block;
}
#home #dots {
	bottom: 12px;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	position: fixed;
	right: 12px;
	z-index: 1000;
}
#home #dots li a {
	width: 14px;
	height: 14px;
	border: 1px solid #fcfcfc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block;
	margin-bottom: 5px;
	background: transparent;
	background: rgba(255,255,255,.1);
}
#home #dots li.activeSlide a {
	background: #fcfcfc;
}

/*  QUOTE
 ------------------------------------ */
#sidequote {
	padding-right: 40px;
}
#sidequote img {
	width: 100%;
	max-width: 300px;
	margin-bottom: 25px;
	display: block;
}
#sidequote h3 {
	font-size: 25px;
	line-height: normal;
	color: #6f6f6f;
	text-transform: uppercase;
	margin: 0;
}
#sidequote h4 {
	font-style: italic;
	color: #C8362E;
	font-weight: normal;
	font-size: 18px;
	margin: 5px 0 0;
}

/* PAGE
 ------------------------------------ */
h1.line {
	border-bottom: 1px solid #AAA;
	padding-bottom: 5px;
}
.page-top {
	padding-top: 40px;
}
.page-column {
	max-width: 650px;
}
.page-column .intro {
	border-bottom: 1px solid #AAA;
	margin-bottom: 40px;
	padding-bottom: 20px;
	font-size: 20px;
}
aside.right {
	margin: 0 20px 0 35px;
	min-width: 100px;
}
aside.locations {
	font: 500 17px/normal "proxima-nova-extra-condensed", sans-serif;
}
aside.locations h2 {
	text-transform: uppercase;
	color: #c8362e;
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 5px 0;
}
aside.locations p span {
	color: #c8362e;
}
aside.locations a {
	text-decoration: none;
}
aside.locations a:hover {
	text-decoration: underline;
}
aside.search h2 {
	font-size: 18px;
	line-height: normal;
	font-weight: 700;
	color: #C8362E;
	margin: 0 0 10px 0;
}
aside.search .intro {
	margin-top: 0;
	font: 500 17px/17px "proxima-nova-extra-condensed", sans-serif;
}
aside .infobox {
	padding-top: 40px;
}
aside .infobox ul {
	margin: 0;
	padding: 0;
	list-style: outside;
}
aside .infobox li {
	padding: 0;
	margin: 0 0 10px 10px;
}
.paging {
	text-align: right;
}
.paging a {
	display: inline-block;
	height: 24px;
	width: 24px;
	background: #4a4a4a;
	border-radius: 12px;
	color: #FFF;
	text-decoration: none;
	line-height: 24px;
	text-align: center;
	margin: 0 0 20px 5px;
}
.paging a:hover {
	opacity: .8;
}
.sharethis {
	margin-bottom: 15px;
}

/* LISTING & DETAIL PAGES
 ------------------------------------ */
#listing h2 {
	text-transform: none;
	margin: 0;
}
#listing a {
	text-decoration: none;
}
#listing a:hover {
	text-decoration: underline;
}
#listing .entry {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #AAA;
}
#listing .thumb img {
	width: 100% !important;
	max-width: 210px;
}
#listing .more {
	font: 500 18px/normal "proxima-nova-extra-condensed", sans-serif;
}
#listing .details {
	padding-left: 15px;
}
#listing.knowledge .thumb img {
	width: 100%;
	max-width: 210px;
}
#listing.knowledge .more {
	text-transform: uppercase;
}
#listing.knowledge .more span {
	display: inline-block;
	background: url(/assets/images/sprite.png) 0 -70px;
	height: 17px;
	width: 23px;
}
#listing.knowledge .video .more span {
	background-position: 0 -47px;
	margin-right: 5px;
}
#listing-detail h2 {
	text-transform: none;
	color: #C8362E;
	margin: 40px 0 20px 0;
	font-size: 28px;
}
#listing-detail .image {
	width: 100%;
	display: block;
}
.back {
	border-top: 1px solid #AAA;
	font: 500 17px/normal "proxima-nova-extra-condensed", sans-serif;
	text-transform: uppercase;
	margin: 30px 0 75px 0;
	padding-top: 15px;
}
.back a {
	text-decoration: none;
}
.back a:hover {
	text-decoration: underline;
}
.careercopy {
	padding-right: 40px;
}
.careerlisting h3 {
	margin-bottom: 10px;
}
.careerlisting h2 {
	line-height: 18px;
	margin-bottom: 0 !important;
}
.careerlisting ul  {
	list-style: none;
	margin: 0 0 40px 0;
	padding: 0;
}
.careerlisting ul a {
	display: block;
	margin-bottom: 10px;
}
.careerdetail .careerlisting {
	padding-left: 40px;
}

/* PAGINATION
 ------------------------------------ */
.pagination {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	font: 500 17px/normal "proxima-nova-extra-condensed", sans-serif;
	text-transform: uppercase;
}
.pagination li {
	display: inline-block;
	padding: 0;
}
.pagination a {
	display: block;
	padding: 0 8px;
	text-decoration: none;
	color: #C8362E;
}
.pagination a:hover {
	color: #0077AB;
}
.pagination .current {
	font-weight: bold;
	padding: 0 8px;
	background: #C8362E;
	color: #FFF;
}
.pagination .next {
	border: 0;
}

/* THUMB LISTING
 ------------------------------------ */
.listing-thumb {
	position: relative;
	margin: 0 5px 10px 5px;
	max-width: 235px;
}
.listing-thumb a {
	color: #FFF;
	display: flex;
}
.listing-thumb a:hover {
	text-decoration: none;
}
.listing-thumb .image {
	width: 100%;
	max-width: 235px;
	display: block;
}
.listing-thumb .landscape,
.listing-thumb .interior  {
	display: none;
}
.listing-thumb .image-hover {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	max-width: 235px;
	background: url(/assets/images/bg-leadership-hover.png);
}
.listing-thumb .info {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 235px;
	z-index: 99;
	padding: 15px;
}
.listing-thumb .info .name {
	font: 500 22px/22px "proxima-nova-extra-condensed", sans-serif;
	text-transform: uppercase;
}
.listing-thumb .info .credentials {
	font: 500 16px/16px "proxima-nova-extra-condensed", sans-serif;
}

/* SCREEN ONLY - THUMBNAILS
 ------------------------------------ */
@media screen and (min-width: 568px) {
	.listing-thumb:hover .image-hover {
		display: block;
	}
	.listing-thumb:hover .info {
		display: block;
	}
}

/* LEADERSHIP
 ------------------------------------ */
#principals, #featured {
	margin: 40px 0 0 0;
}
#featured {
	display: none;
}
.leadership-entry {
	margin: 10px 0;
	border-bottom: 2px solid #AAA;
}
.leadership-entry .photo {
	max-width: 784px;
}
.leadership-entry .photo img {
	width: 100%;
	max-width: 750px;
	display: block;
}
.leadership-entry .bio {
	padding: 20px 35px 0 0;
}
.leadership-entry .bio h2 {
	color: #c8362e;
	font: 500 26px/26px "proxima-nova-extra-condensed", sans-serif;
	margin: 0;
}
.leadership-entry .bio .jobtitle {
	color: #c8362e;
	font: 500 20px/20px "proxima-nova-extra-condensed", sans-serif;
	margin: 2px 0 0 0;
}
.leadership-entry .bio .quote {
	font: 500 24px/26px "proxima-nova-extra-condensed", sans-serif;
	text-transform: uppercase;
	margin: 20px 0;
	padding: 20px 0 15px 0;
	border-top: 1px solid #AAA;
	border-bottom: 1px solid #AAA;
}
.leadership-entry .edu {
}
.leadership-entry .edu .paging {
	border-bottom: 1px solid #AAA;
}
.leadership-entry .edu h3 {
	text-transform: uppercase;
	color: #c8362e;
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 10px 0;
	padding-top: 15px;
}
.leadership-entry .edu .box {
	border-bottom: 1px solid #AAA;
	line-height: normal;
	font: 500 16px/16px "proxima-nova-extra-condensed", sans-serif;
	padding-bottom: 20px;
}
.leadership-entry .edu .email {
	display: inline-block;
	width: 94px;
	height: 24px;
	margin: 20px 0;
	text-indent: -9999px;
	background: url(/assets/images/sprite.png) 0 -93px;
}
.leadership-entry .edu .email:hover {
	opacity: .75;
}
.leadership-entry .related {
	margin: 60px 0 40px 0;
}

/* PROJECTS
 ------------------------------------ */
.catnav {
	display: none;
	margin-bottom: 0;
}
#grid-intro .details {
	display: none;
}
#projects-grid {
	margin: 20px 0 40px 0;
}
#project-slideshow {
	padding-bottom: 36px;
	background: #EEE url(/assets/images/bg-hero.jpg) repeat-x bottom left;
	position: relative;
}
#project-slideshow .shadow {
	position: absolute;
	top: 0;
	width: 100%;
	background: url(/assets/images/bg-subnav.png) repeat-x;
	height: 11px;
	z-index: 999;
}
#project-slideshow .ajax-loader {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
}
#project-slideshow .slides {
	width: 100%;
	margin: auto;
}
#project-slideshow .slides .placeholder {
	visibility: hidden;
}
#project-slideshow .slides img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
#project-slideshow .slideshow-nav {
	bottom: 55px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 1000;
	text-align: center;
}
#project-slideshow .slideshow-nav li {
	display: inline-block;
}
#project-slideshow #dots {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
#project-slideshow #dots li {
	display: inline-block;
	margin: 0 5px;
}
#project-slideshow #dots li a {
	width: 14px;
	height: 14px;
	border: 1px solid #fcfcfc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block;
	background: transparent;
	background: rgba(255,255,255,.1);
}
#project-slideshow #dots li.activeSlide a {
	background: #fcfcfc;
}
#project-slideshow .arrow {
	text-decoration: none;
	color: #FFF;
	font-size: 29px;
	line-height: 23px;
	display: block;
	margin: 0 10px;
}
.project-entry {
	padding-bottom: 50px;
	margin: 10px 0;
}
.project-entry h1 {
	margin-bottom: 0;
}
.project-entry h2 {
	margin-top: 0;
	font-size: 21px;
	color: #C8362E;
}
.project-entry .detail {
	padding-right: 50px;
}
.project-entry .info .paging {
	border-bottom: 1px solid #AAA;
}
.project-entry .info h3 {
	text-transform: uppercase;
	color: #c8362e;
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 10px 0;
	padding-top: 15px;
}
.project-entry .info .box {
	border-bottom: 1px solid #AAA;
	line-height: normal;
	font: 500 16px/16px "proxima-nova-extra-condensed", sans-serif;
	padding-bottom: 20px;
}
.project-entry .info .box .related-news {
	list-style: none;
	margin: 0;
	padding: 0;
}
.project-entry .info .box .related-news a {
	display: block;
	margin-bottom: 10px;
}
.project-entry .info .box:last-child {
	border: 0;
}
.project-entry .staff-thumb:hover {
	opacity: .7;
}

/* HISTORY TIMELINE
 ------------------------------------ */
#timeline .thumb {
	padding: 0 10px;
	min-height: 170px;
}
#timeline .year {
	background: #CCC;
	color: #c8362e;
	font: 700 20px/20px "proxima-nova-extra-condensed", sans-serif;
	padding: 4px 10px 1px 10px;
}
#timeline .copy {
	font: 15px "proxima-nova-extra-condensed", sans-serif;
	padding: 10px;
}
#timeline .more {
	display: block;
	padding: 0 10px;
	font: 15px "proxima-nova-extra-condensed", sans-serif;
}
.jcarousel-wrapper {
	margin: 40px auto 20px auto;
	position: relative;
	width: 100%;
}
.jcarousel {
	position: relative;
	overflow: hidden;
	width: 100%;
}
.jcarousel ul {
	width: 20000em;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}
.jcarousel li {
	display: table-cell;
	width: 170px;
	vertical-align: top;
	border-left: 1px solid #A1A1A1;
}
.jcarousel-control-prev,
.jcarousel-control-next {
	position: absolute;
	top: 157px;
	width: 50px;
	height: 50px;
	text-align: center;
	background: #c8362e;
	color: #fff;
	text-decoration: none;
	font: 60px/41px Arial, sans-serif;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0 0 2px #999;
	-moz-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #999;
}
.jcarousel-control-prev {
	left: 50px;
}
.jcarousel-control-next {
	right: 50px;
}
.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
	display: block;
}
.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
	opacity: 0;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
	text-decoration: none;
	background: #000;
}

/* FORMS
 ------------------------------------ */
#invisapot {
	display: none;
}
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}
.form label {
	font-size: 18px;
	display: block;
	margin-bottom: 5px;
}
.form input {
	width: 100%;
	background: #dadada;
	padding: 10px;
	border: 0;
	font-family: inherit;
	color: #535454;
}
.form input[type="checkbox"] {
	width: auto;
}
.form textarea {
	width: 100%;
	height: 185px;
	background: #dadada;
	padding: 10px;
	border: 0;
	font-family: inherit;
	color: #535454;
}
.form .control-group {
	margin-bottom: 15px;
}
.form button {
	background: #c8362e;
	padding: 5px 60px;
	font: 500 22px/normal "proxima-nova-extra-condensed", sans-serif;
	border: 0;
	color: #FFF;
	letter-spacing: 2px;
}
.form button:hover {
	background: #d3605a;
}
.error {
	color: #c8362e;
	font: 500 15px/15px "proxima-nova-extra-condensed", sans-serif;
}
.success {
	border: 1px solid #5B9518;
	color: #5B9518;
	padding: 10px 15px;
	background: #F7FCF2;
}
.overlay-form .error, .overlay-form .success {
	display: none;
}
#contact-overlay {
	background: #FFF;
	padding: 20px;
}
#contact-overlay h1 {
	font-size: 25px;
	margin-bottom: 15px;
}
#contact-overlay .form label {
	font-size: 16px;
	margin-bottom: 0;
}
#contact-overlay .form input {
	padding: 5px 10px;
}
#contact-overlay .form textarea {
	height: 120px;
}
#contact-overlay .form button {
	font-size: 18px;
	padding: 5px 40px;
}
.overlay-form .error {
	margin-bottom: 5px;
}
.overlay-form .success {
	margin: 10px 0;
}

/* CLIENT PAGES
 ------------------------------------ */
.project-entry.client {
	border: 0;
}
.box.contacts ul,
.box.download ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.box.contacts li {
	padding: 3px 0;
}
.box.download a {
	background: url(/assets/images/icon-download.jpg) no-repeat;
	padding: 4px 0 10px 25px;
	display: block;
	color: #535454;
	text-decoration: none;
}
.box.download a:hover {
	color: #C8362E;
}

/* CLIENT LOGIN
 ------------------------------------ */
#loginform .errors {
	color: #940500;
}

/* FOOTER
 ------------------------------------ */
#footer {
	font: 500 15px "proxima-nova-extra-condensed", sans-serif;
	box-shadow: inset 0 10px 10px -10px #555;
	background: #a1a1a1;
	color: #FFF;
	margin-top: 40px;
	padding: 20px 0;
}
#footer a {
	text-decoration: none;
	color: #FFF;
	text-transform: uppercase;
	display: block;
	padding-left: 15px;
}
#footer a:hover {
	color: #C8362E;
}
#footer ul {
	list-style: none;
	margin: 0;
}
#footer li {
	display: inline-block;
	vertical-align: middle;
}
#footer .facebook {
	margin-left: 20px;
}

/* MOBILE
 ------------------------------------ */
@media screen and (max-width: 568px) {
	#header ul.main a {
		padding: 0 8px;
		font-size: 18px;
	}
	#header .utility {
		display: none;
		position: absolute;
		background: #EEE;
		top: 50px;
		right: 0;
		padding: 5px 0 5px 15px;
		z-index: 999;
	}
	#header .utility li {
		display: block;
	}
	#header .utility-icon {
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
		text-decoration: none;
		color: #4f4f4f;
		padding: 2px 5px;
		border: 1px solid #4f4f4f;
		border-radius: 5px;
		font: 500 16px/normal "proxima-nova-extra-condensed", sans-serif;
		text-transform: uppercase;
	}
	#header .unit.nav-contain {
		display: block;
		clear: both;
		margin-top: 30px;
	}
	.form input {
		padding: 5px;
	}
	.form button {
		padding: 5px 20px;
		font-size: 15px;
	}
	.searchbox .keyword {
		width: 100%;
	}
	.searchbox .button {
		display: none !important;
	}
	aside.right {
		margin: 30px 0;
	}
	#footer {
		line-height: 25px;
		padding: 10px 0;
	}
	#footer ul {
		padding: 0;
		margin: 0;
	}
	#footer li {
		margin: 0 5px;
	}
	#listing .details {
		padding-left: 0;
	}
	.careerlisting {
		padding-left: 0 !important;
		padding-top: 40px !important;
	}

	#listing .details .left-on-mobiles {
		padding-top: 15px;
	}
	.project-entry .detail {
		padding: 0;
	}
	#project-slideshow .slideshow-nav {
		bottom: 45px;
	}
	.leadership-entry .bio .inside {
		margin: 0 !important;
	}
	.img.ajax-loader {
		display: none !important;
	}
	.jcarousel-control-prev,
	.jcarousel-control-next {
		position: absolute;
		top: 60px;
		width: 30px;
		height: 30px;
		text-align: center;
		background: #c8362e;
		color: #fff;
		text-decoration: none;
		font: 40px/24px Arial, sans-serif;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		-webkit-box-shadow: 0 0 2px #999;
		-moz-box-shadow: 0 0 2px #999;
		box-shadow: 0 0 2px #999;
	}
	.jcarousel-control-prev {
		left: 5px;
	}
	.jcarousel-control-next {
		right: 5px;
	}
}

/* MOBILE PORTRAIT
 ------------------------------------ */
@media screen and (max-width: 568px) and (orientation: portrait) {
	ul.insidenav li {
		padding-right: 0;
	}
	ul.insidenav a {
		font-size: 14px;
		padding: 2px;
	}
	#footer {
		font-size: 13px;
	}
	#footer a {
		padding: 0 !important;
		margin: 0 !important;
	}
}

/* MOBILE LANDSCAPE
 ------------------------------------ */
@media screen and (max-width: 568px) and (orientation: landscape) {
	.grid .unit.logo-contain {
		width: 25% !important;
	}
	.grid .unit.nav-contain {
		width: 75% !important;
	}
	#header ul.main {
		margin-top: 58px;
	}
	#header ul.main a {
		padding: 0 5px;
		font-size: 17px;
	}
	.searchbox {
		position: absolute;
		right: 10px;
		top: 70px;
	}
	#header .unit.nav-contain {
		margin-top: 0;
	}
	#header ul.main {
 		margin: 0;
		padding: 0;
	}
}

/* SMALL TABLET
 ------------------------------------ */
@media screen and (min-width: 568px) and (max-width: 800px) and (orientation: portrait) {
	#header ul.main a {
		padding: 0 8px;
		font-size: 22px;
	}
}

/* ALL TABLETS
 ------------------------------------ */
@media screen and (min-width: 568px) and (max-width: 820px) {
	.searchbox {
		width: 115px;
	}
	.searchbox .keyword {
		width: 70px;
	}
	#home .cta {
		width: 125px;
		padding: 18px 15px;
	}
	#home .cta h2 {
		font-size: 25px;
	}
	#home .cta p {
		font-size: 15px;
		line-height: normal;
	}
	#home .cta .action {
		display: none;
	}
	#home .cta.left {
		top: 20%;
	}
	#home .cta.center {
		top: 30%;
	}
	#home .cta.right {
		top: 40%;
	}
}

/* MISC
 ------------------------------------ */
@media screen and (min-width: 569px) and (max-width: 625px) {
	#header .social {
		margin-top: 15px;
	}
}
@media screen and (min-width: 569px) and (max-width: 640px) {
	#footer-nav .hide-on-mobiles {
		display: none;
	}
}

/* LARGE THAN TABLETS to 1024
 ------------------------------------ */
@media screen and (min-width: 820px) and (max-width: 1024px) {

	#home .cta {
		width: 190px;
		padding: 18px 15px;
	}
	#home .cta h2 {
		font-size: 35px;
	}
	#home .cta p {
		font-size: 15px;
	}
	#home .cta .action {
		font: 500 16px/18px "proxima-nova-extra-condensed", sans-serif;
	}
	#home .cta .action span {
		margin-right: 5px;
	}
}