/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
	-webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
}

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

.LClear{clear:both; height:0; overflow:hidden; font-size:0%; width:1px}

.LClearL{clear:left; height:0; overflow:hidden; font-size:0%}
.LC, .LCs{clear:both}
.LCs, .spacer{font-size:0%; overflow:hidden}

.fl{float:left; display:inline}
.fr{float:right; display:inline}

body, html {
	margin: 0;
	padding: 0;
	font-family: 'apex_serifmedium';
	background: #FFF;
}
html {
	min-height: 100%;
}
body {
	position: relative;
}

#SiteCenter {
	margin: 0 auto;
	padding: 15% 20px 120px 20px;
	max-width: 980px;
	min-width: 320px;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	#SiteCenter img {
		max-width: 570px;
		width: 100%;
	}
	#SiteContent {
		width: 500px;
	}
	h1 {
		margin: 70px 0 20px 0;
		font-size: 63px;
		font-weight: normal;
		color: #00386C;
		text-transform: uppercase;
	}
	#SiteContent a {
		font-size: 21px;
		text-decoration: none;
		color: #00AAD9;
		-webkit-transition: .3s color;
		-ms-transition: .3s color;
		-moz-transition: .3s color;
		transition: .3s color;
	}
		#SiteContent a:hover {
			color: #00386C;
		}
	#SiteContent p {
		margin: 20px 0 0 0;
		font-size: 15px;
		color: #00386C;
	}
#MailLinkWrapper {
	position: absolute;
	width: 100%;
	height: 94px;
	left: 0;
	bottom: 0;
}
#MailLink {
	margin: 0 auto;
	width: 100px;
	height: 94px;
	background: #00AADA url(../img/icon_mail.png) no-repeat center center;
	display: block;
	-webkit-transition: .3s background-color;
	-ms-transition: .3s background-color;
	-moz-transition: .3s background-color;
	transition: .3s background-color;
}
	#MailLink:hover {
		background-color: #00386C;
	}

@media (orientation: landscape) {
	#SiteCenter {
		padding-top: 10%;
	}
}
@media (max-width: 980px) {
	#SiteContent {
		width: 100%;
		float: none;
		display: block;
	}
}
@media (max-width: 530px) {
	h1 {
		font-size: 35px;
	}
}