@import url("navigation.css");
@import url("font.css");
@import url("colour.css");

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
	-ms-text-size-adjust: 100%; /* 2 */
}

html,
button,
input,
select,
textarea {
	font-family: sans-serif;
	color: #333;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	outline: 0;
}

img {
	border: 0; /* 1 */
	-ms-interpolation-mode: bicubic; /* 2 */
	vertical-align: middle;
	max-width: 100%;
}

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

legend {
	border: 0; /* 1 */
	padding: 0;
	white-space: normal; /* 2 */
	*margin-left: -7px; /* 3 */
}

button,
input,
select,
textarea {
	font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
	*vertical-align: middle; /* 3 */
}

button,
input {
	line-height: normal;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
	*overflow: visible;  /* 4 */
}


button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
	*width: 13px; /* 3 */
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

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

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
	overflow: auto; /* 1 */
	vertical-align: top; /* 2 */
	min-height: 150px;
	resize: vertical;
}

/* Global Structure
   ========================================================================== */

body {
	-webkit-font-smoothing: antialiased;
	color: #333;
    font: 15px/22.5px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
    margin: 0;
}

.constrain {
	max-width: 1240px;
	margin: 0 auto;
	padding: 0 20px;
}

.overlaycontainer {
    width: 30rem;
    height: 20rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    z-index: 15;
    background: inherit;
	overflow: hidden;
	
}

.overlaycontainer:before {
    content: "";
    position: absolute;
    background: inherit;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	box-shadow: inset 0 0 2000px rgba(0, 0, 0, 1);
	filter: blur(10px);
	margin: -20px;
}

#body,
footer {
	border-top: 1px solid #7acef4;
}

#pageTitle {
	float: left; 
	color: white; 
	padding: 8px; 
	font-weight:600; 
}

#body p {
	max-width: 800px;
	margin: 20px auto;
	padding: 0 20px;
	font-size: 16px;
}

footer {
    clear: both;
	background-color: #333;
	color:#fff;
	position:absolute; 
	bottom:0; 
	width:100%; 
	height:80px; 
}

footer a,
footer strong {
	color: #fff;
	text-decoration: none;
}

footer nav{
	max-width: 1240px;
	margin: 25px auto;
	padding: 0 20px;
}