/* ================================================================ *\
	#Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { min-width: 980px; background: #180f32; font-family: "Noto Serif Regular", sans-serif; font-size: 15px; line-height: 1.3; color: #383737; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

i { font-family: "Noto Serif Italic", sans-serif; }

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/* ==========================================================================
	#Containers
========================================================================== */
.shell { width: 940px; margin: 0 auto; }

/* ==========================================================================
	#Header
========================================================================== */
.header { padding: 24px 0 25px; background: #111; text-align: center; }
.header .shell { position: relative; }
.header-inner { position: absolute; top: 11px; right: 0; }
.header-inner a { font-family: "Lato Bold", sans-serif; font-size: 9px; color: #7a7a7a; line-height: 2; text-transform: uppercase; letter-spacing: 0.15em; }
.header-inner a:hover { color: #b7a87e; text-decoration: none; }

.logo { overflow: hidden; display: inline-block;  width: 336px; height: 55px; background: url(images/sprite.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; }

/* ==========================================================================
	#Intro
========================================================================== */
.intro { height: 388px; padding: 45px 0; background: url(images/temp/intro-bg.jpg) no-repeat 0 0; background-size: cover; }
.intro-inner { position: relative; padding: 126px 34px 61px; background: #f6f6f6; }
.intro-inner > img { position: absolute; top: -33px; left: 50%; margin-left: -60px; }
.intro-title { margin-bottom: 17px; font-size: 32px; line-height: 1.41; letter-spacing: 0.01em; text-align: center; }
.intro-entry { font-size: 17px; line-height: 1.59; }

/* ==========================================================================
	#Section
========================================================================== */
.section-message,
.section-apprentice { overflow: hidden; }

.section-image,
.section-body { float: left; }

.section-title { margin-bottom: 30px; font-family: "Lato Bold", sans-serif; font-size: 18px; line-height: 1.33; letter-spacing: 0.075em; text-transform: uppercase; font-weight: normal; }

.article { line-height: 1.74; }
.article ul { list-style-position: inside; }
.article p ~ p { margin-top: 26px; }

.section-actions { margin-top: 26px; }
.section-actions a { font-family: "Noto Serif Italic", sans-serif; color: #383737; text-decoration: underline; }
.section-actions a:hover { text-decoration: none; color: #724da4; }

/* ==========================================================================
	#Section Message
========================================================================== */
.section-message { padding: 73px 0 68px; background: #ebe6d4; }
.section-message .section-image { margin-right: 27px; }
.section-message .section-body { width: 615px; }

/* ==========================================================================
	#Section Mission
========================================================================== */
.section-mission { padding: 54px 0 58px; background: #f0f0ed; }

/* ==========================================================================
	#Section Apprentice
========================================================================== */
.section-apprentice { padding: 31px 0 30px; background: #f6f6f6; border-bottom: 20px solid #f0f0ed; }
.section-apprentice .section-image { margin: 7px 67px 0 43px; }
.section-apprentice .section-title { margin-bottom: 23px; font-size: 12px; ; line-height: 2; color: #b7a87e; letter-spacing: 0.25em; }
.section-apprentice .section-body { width: 695px; }

/* ==========================================================================
	#Footer
========================================================================== */
.footer { overflow: hidden; padding: 31px 0 17px; background: #180f32;  }
.footer-logo { overflow: hidden; float: left; width: 220px; height: 20px; margin: 6px 100px 0 2px; background: url(images/sprite.png) no-repeat -48px -57px; text-indent: 100%; white-space: nowrap; }

.footer-cols { float: left; }
.footer-cols h5 { font-family: "Lato Bold", sans-serif; font-size: 15px; line-height: 2.13; color: #8f87a6; letter-spacing: 0.15em; text-transform: uppercase; font-weight: normal; }
.col { float: left; width: 295px; }
.col ~ .col { margin-left: 25px; }

.contact { font-family: "Lato Regular", sans-serif; line-height: 2.13; color: #8f87a6; letter-spacing: 0.025em; }
.contact:hover { color: #c5bedc; text-decoration: none; }

.socials { float: left; margin: 10px 16px 0 0; }
.socials ul { overflow: hidden; list-style: none outside none; }
.socials li { float: left; }
.socials li ~ li { margin-left: 11px; }

.link-facebook,
.link-twitter { overflow: hidden; display: block; width: 22px; height: 22px; background: url(images/sprite.png) no-repeat; text-indent: 100%; white-space: nowrap; }
.link-facebook { background-position: 0px -57px; }
.link-twitter { background-position: -24px -57px; }
.link-facebook:hover { background-position: -273px -57px; }
.link-twitter:hover { background-position: -298px -57px; }

.link-subscribe { float: left; margin-top: 5px; font-family: "Lato Regular", sans-serif; font-size: 13px; line-height: 2.46; color: #8f87a6; letter-spacing: 0.025em; text-decoration: none; }
.link-subscribe:hover { color: #c5bedc; text-decoration: none; }

.copyright { float: right; margin-top: 93px; font-family: "Lato Regular", sans-serif; font-size: 9px; color: #524772; text-transform: uppercase; letter-spacing: 0.075em; }