/* ==================== GENERAL ==================== */

/* Use border-box (mainly so can add padding to divs) */
.pure-g > div {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Vertical scrollbar on short pages */
html {
	height: 101%;
	/*overflow-y: scroll;*/
}

.fullHeight {
	min-height: 85vh;
}

/* ==================== BASE TYPES ==================== */

/* See http://purecss.io/grids/#using-grids-with-custom-fonts */
html, button, input, select, textarea, .pure-g [class *= "pure-u"] {
	font-family: 'Source Sans Pro', Arial, 'Helvetica Neue', Helvetica, sans-serif;
    /*font-family: 'Lato', Arial, 'Helvetica Neue', Helvetica, sans-serif;*/
}

body {
	color: #444d61;
	font-size: 1.1em;
	line-height: 1.4em;
}

/* Position main elements on page */

.header, .promoPanelContent, .homeCols, .mainArea, .footerContent {
	margin: 0 auto;
	max-width: 960px;
	padding: 0 15px 0 15px;
	/*outline: 1px solid red;*/
}

/* Headings. */

h1 {
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.1em;
	margin-bottom: 10px;
}

h2 {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.1em;
	margin: 20px 0 10px 0;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.1em;
	margin-top: 2em;
}

h4 {
	font-size: 1em;
	font-weight: 600;
	font-style: italic;
	line-height: 1.1em;
	margin-top: 0.25em;
}

.mainContent p:nth-of-type(1) {
	font-weight: 600;
	font-size: 1.1em;
	line-height: 1.3em;
}
.mainContent p:nth-of-type(1) b, .mainContent p:nth-of-type(1) strong {
	font-weight: 600;
}

/* ===== Standard links ===== */

/*color: #6e768b;
color: #7d8499;
color: #97a386;
color: #565f73;
color: #FC730A;*/

a, 
a:link {
	color: #FC730A;
	text-decoration: none;
}
a:visited {
	color: #FC730A;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
	color: #FC730A;
}

/* ===== Buttons ===== */

a.pure-button {
	color: rgba(0,0,0,0.8);
	font-weight: normal;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.button-orange {
	color: white;
	border-radius: 4px;
	/*text-shadow: 0 1px 1px rgba(0,0,0,0.2);*/
	background: #FC730A;
}

a.button-orange {
	color: white;
}

.button-large {
	font-size: 120%;
}

.button-xlarge {
	font-size: 150%;
}

/* ===== Icon bullets ===== */

.icon-left {
	padding: 20px 1em 0 0;
}

.icon-left img {
	max-height: 5em;
}
@media screen and (min-width: 48em) {
	.homeCols .icon-left img {
		/*max-height: 8em;*/
		max-height: 140px;
	}
	.servicesItems .icon-left img {
		max-height: 110px;
	}
}

/* ==================== HEADER ==================== */

.header {
	min-height: 90px;
}

.headerLogo {
	margin-top: 15px;
}

.headerLogo img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 64em) {
	.headerLogo img {
		margin-left: 0;
		margin-right: 0;
	}
}

/* Header navigation main type style */

.headerNav a {
	font-size: 1em;
	color: #565f73;
	font-weight: bold;
}
@media screen and (min-width: 35.5em) {
	.headerNav a {
		font-size: 1.4em;
	}
}

/* Header navigation structure */

.navMenuListContainerNarrow .pure-menu, .navMenuListContainerMedium .pure-menu {
	min-width: 10em;
	margin: 10px auto 10px auto;
	text-align: center;
}

.navMenuListContainerWide {
	position: relative;
	height: 75px;
}
.navMenuListContainerWide .navMenuList {
	position: absolute;
	left: 0;
	bottom: 0;
}

/* Switch menu types */

.navMenuListContainerMedium {
	display: none;
}
.navMenuListContainerWide {
	display: none;
}
@media screen and (min-width: 35.5em) {
	.navMenuListContainerNarrow {
		display: none;
	}
	.navMenuListContainerMedium {
		display: block;
	}
}
@media screen and (min-width: 64em) {
	.navMenuListContainerMedium {
		display: none;
	}
	.navMenuListContainerWide {
		display: block;
	}
}

/* The following override Pure defaults */

.pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
	padding-right: 0.33em;
	padding-left: 0.5em;
}
@media screen and (min-width: 35.5em) {
	.pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
		padding-right: 0.75em;
		padding-left: 0.75em;
	}
}
@media screen and (min-width: 48em) {
	.pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
		padding-right: 1.5em;
		padding-left: 0;
	}
}

.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-link:visited {
	color: #dae2ee;
}
	
.pure-menu-active>.pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {
	background-color: transparent;
	/*color: #565f73;
	color: #97a386;*/
	color: #FC730A;
	text-decoration: none;
}

/* ==================== FOOTER ==================== */

.footer {
	margin-top: 40px;
	background-color: #dae2ee;
	min-height: 100px;
}

.footer p {
	padding: 15px;
	/*text-align: center;*/
	color: #565f73;
}

.footer img {
	padding-left: 0.5em;
	vertical-align: top;
}

.footerRight {
	text-align: right;
}

/* ==================== PANELS ==================== */

.promoPanel, .sidePanel {
	background-color: #dae2ee;
	margin-bottom: 30px;
}

.promoPanelMain {
	padding-right: 30px;
}

.promoPanelMain strong {
	/*color: #FC730A;*/
}

.promoPanelMain p, .sidePanel p {
	font-weight: 600;
}

.promoPanelMain p {
	font-size: 1.2em;
	line-height: 1.3em;
	padding-top: 0.5em;
	padding-bottom: 0.25em;
}

.promoPanelSub {
}

.promoPanelSub img {
	margin: 35px 0 20px 0;
}

.sidePanel {
	padding: 20px 20px 5px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.sidePanel p {
	line-height: 1.3em;
}
.sidePanel img {
	display: block;
	margin: 0 auto 0 auto;
	/*max-height: 8em;*/
	max-height: 200px;
}
@media screen and (min-width: 48em) {
	.sidePanel img {
		max-height: 12em;
	}
}

/* ==================== HOME PAGE ==================== */

.homeColText {
	padding-right: 2em;
}

.homeColText p {
	/*font-size: 1.1em;
	line-height: 1.3em;
	font-weight: 500;*/
}

.moreButton {
	margin-top: 60px;
	text-align: center;
}
@media screen and (min-width: 35.5em) {
	.moreButton {
		font-size: 150%;
	}
}

/* ==================== LEFT COLUMN ==================== */

.leftCol {
	padding-right: 1em;
	/*outline: 1px solid red;*/
}

.leftCol img {
	/*margin: 0 auto 0 auto;*/
	max-height: 6em;
}
@media screen and (min-width: 35.5em) {
	.leftCol img {
		/*max-height: 8em;*/
		max-height: 140px;
	}
}
@media screen and (min-width: 48em) {
	.leftCol img {
		margin: 36px 0 0 0;
	}
}


.contactButton {
	margin-top: 30px;
	text-align: center;
	font-size: 140%;
}

/* ==================== CONTACT PAGE ==================== */

/* Switch map */

.mapMedium {
	display: none;
}
.mapWide {
	display: none;
}
@media screen and (min-width: 35.5em) {
	.mapNarrow {
		display: none;
	}
	.mapMedium {
		display: block;
	}
}
@media screen and (min-width: 64em) {
	.mapMedium {
		display: none;
	}
	.mapWide {
		display: block;
	}
}


/* ==================== 5CB ==================== */

p .fcb {

}



/* ==================== CONFLUENCE ==================== */

p .cnflnc {

}


/* ==================== PRINT ==================== */

/* Based on html5boilerplate */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
  a, a:visited { text-decoration: underline; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  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; }
}