/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
	color: #222;
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

audio, canvas, iframe, img, svg, video {
	vertical-align: middle;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
	font-family: 'Typograph-Bold';
	src: url('../fonts/Typograph-Bold/Typograph-Bold.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/Typograph-Bold/Typograph-Bold.woff') format('woff'),
		url('../fonts/Typograph-Bold/Typograph-Bold.ttf') format('truetype'),
		url('../fonts/Typograph-Bold/Typograph-Bold.svg#Typograph-Bold')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'TypographTag-Bold';
	src: url('../fonts/TypographTag-Bold/TypographTag-Bold.eot?#iefix')
		format('embedded-opentype'),
		url('../fonts/TypographTag-Bold/TypographTag-Bold.woff')
		format('woff'),
		url('../fonts/TypographTag-Bold/TypographTag-Bold.ttf')
		format('truetype'),
		url('../fonts/TypographTag-Bold/TypographTag-Bold.svg#TypographTag-Bold')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	font-family: 'Typograph-Bold', Arial, sans-serif;
	text-align: right;
}

table {
	width: 100%;
	table-layout: auto;
}

table thead th, table thead td {
	text-align: center;
	line-height: 1;
}

table thead .header-row {
	background: #5f6062 url('../img/bg-header-row.png');
	color: #fff;
}

table thead .header-row th, table thead .header-row td {
	padding: 0.5rem 0.25rem;
	font-size: 0.75rem;
	text-align: center;
}

table thead .area-row {
	background: #f26222 url('../img/bg-area-row.png');
	color: #fff;
}

table thead .area-row th, table thead .area-row td {
	padding: 0.5rem 0.625rem;
	font-size: 1rem;
	text-align: right;
}

table tbody tr {
	background-color: #d5d5d5;
}

table tbody td {
	line-height: 1;
	font-size: 0.75rem;
	padding: 0.5rem 0.25rem;
	text-align: center;
	color: #000;
	border-bottom: 1px solid #b7b8b9;
}

table tbody td.job-title {
	text-align: right;
	color: #5f6062;
	text-shadow: 0px 1px 4px #fff, 1px 0 4px #fff, -1px 0 4px #fff, 0 -1px
		4px #fff, 0px 4px 6px #fff, 4px 0 6px #fff, -4px 0 6px #fff, 0 -3px
		10px #fff
}

@media only screen and (min-width: 40.063em) {
	table thead .header-row th, table thead .header-row td {
		padding: 1rem 0.5rem;
		font-size: 1.375rem;
	}
	table thead .area-row th, table thead .area-row td {
		padding: 1rem 1.25rem;
		font-size: 2rem;
	}
	table tbody td {
		font-size: 1.375rem;
		padding: 1rem 0.5rem;
	}
}

.cursymbol {
	font-family: 'TypographTag-Bold', Arial, sans-serif;
}

.goto-all-jobs {
	display: block;
	width: 10rem;
	height: 1.71875rem;
	padding: 0.1875rem 1rem 0 3rem;
	background: url('../img/bg-goto-all-jobs.png') no-repeat scroll 100% 0;
	background-size: contain;
	text-decoration: none;
	cursor: pointer;
	line-height: 1;
	color: #4e5052;
	font-family: 'TypographTag-Bold', Arial, sans-serif;
	font-size: 0.625rem;
	text-align: center;
}

@media only screen and (min-width: 40.063em) {
	.goto-all-jobs {
		width: 18.75rem;
		height: 3.4375rem;
		padding: 0.375rem 2rem 0 6rem;
		font-size: 1.25rem;
	}
}

img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}
.section {
	margin-bottom: 0.875rem;
}

.wrapper {
	width: 100%;
	max-width: 37.5rem;
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (min-width: 40.063em) {
	.section {
		margin-bottom: 1.75rem;
	}
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 35em) {
}

@media print , ( -o-min-device-pixel-ratio : 5/4) , (
		-webkit-min-device-pixel-ratio : 1.25) , ( min-resolution : 120dpi) {
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	visibility: hidden;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
	*, *:before, *:after {
		background: transparent !important;
		color: #000 !important;
		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) ")";
	}
	a[href^="#"]:after, a[href^="javascript:"]:after {
		content: "";
	}
	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;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3 {
		page-break-after: avoid;
	}
}