@charset "UTF-8";
/* CSS Document */

/* BLUE #4c97d0 */

::selection {
	color:#FFFFFF;
	background: #009fdb; /* Safari */
	}
::-moz-selection {
	color:#FFFFFF;
	background: #009fdb; /* Firefox */
}

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

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

*{margin:0; padding:0;}
*{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body{font-family: 'americantypewriter'; color:#000000;}
a{outline:0; color:#009fdb; font-size:16px;}
ol{margin: 0 0 22px 21px;}
ul{margin-bottom:22px;}
ul li, ol li{font-family: 'americantypewriter'; font-size:16px; line-height:22px;}
img{border:0;}
p{font-family: 'americantypewriter'; font-size:16px; line-height:22px; margin-bottom:22px;}
td{font-family: 'americantypewriter'; font-size:16px; line-height:22px;}
h1, h2, h3, h4, h5, h6{font-family: 'moon_flower_bold'; text-align:center;}
h1{ font-size:84px; line-height:84px;}
h2{font-size:48px; text-align:center; margin-bottom:10px;}
h3{font-family: 'avenirlight';}
input[type="submit"]{cursor:pointer; height:40px; padding:0 10px; background:#000000; border:medium none; color:#FFFFFF; float:right; font-family: 'moon_flower_bold'; font-size:25px; font-weight:bold; text-align:center;}
textarea, input[type="text"]{display;inline-block; border:medium none; width:96%; background:#FFFFFF; font-family: 'americantypewriter'; font-size:16px; line-height:30px; color:#000000;}
textarea{resize:vertical; overflow-y:auto; padding: 10px 0 0 10px;}
input[type="text"]{padding:0 2%;}
form input[type="checkbox"]{position:absolute; top:0; left:-99999px;}
label{display:block; margin-right:10px; width:100%;}
.clear{clear:both; height:0;}

/* Mobile layout */
body{padding:0 2%;}
header{position:relative;}
header .logo{padding:2%; width:106px; background:#4c97d0; margin:0 auto;}
header .headerimage{position:relative; margin-top:-80px; width:100%; z-index:-10;}
header .headerimage .headerImgMobile img{display:block; width:100%;}
header .headerimage p{width:80%; position:absolute; left:10%; bottom: 15px; text-align:center; color:#FFFFFF; font-size:20px; line-height:28px; margin:0;}
.facebook{display:none;}
.headerImgBig{display:none;}

.colourBlocks{margin-bottom:40px;}
.colourBlocks .block{position:relative; width:100%; background:#4C97D0; padding:80px 0;}
.colourBlocks .block h2{color:#FFFFFF;}
.colourBlocks .block.pink{background:#c98bb4;}
.colourBlocks .block.green{background:#6eae88;}
.colourBlocks .block p{text-align:center; width:80%; margin:0 auto; font-size:18px; line-height:28px;}

.text{width:80%; margin:0 auto 40px;}
.text p{font-size:18px; line-height:28px; margin:0; text-align:center;}

.facebookMobile{position:absolute; width:36px; height:36px; top:10px; right:0px;}

footer{background:#c98bb4; padding:40px 0;}
footer form{width:90%; margin:0 auto;}
footer h2{color:#FFFFFF;}
footer p{width:80%; margin:0 auto 20px; font-size:18px; line-height:28px; text-align:center;}

.row{display:block; width:100%; margin-bottom:10px;}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
	@media only screen and (min-width: 481px) {
		input[type="text"]{width:221px;}
		input[type="text"]{padding:5px 10px 0;}
		label{width:50px;}
		.headerImgMobile, .facebookMobile{display:none;}
		.headerImgBig{display:block; margin-bottom:13px;}
		.headerImgBig img{display:block;}
		header .headerimage{margin-top:-160px;}
		header, .colourBlocks, .text, footer{width:920px; padding:0 20px; margin:0 auto;}
		header .logo{margin:0 0 0 68px; height:147px;}
		header .logo {width:100px; height:140px;}
		
		header .headerimage p{width:567px; color:#000000; margin:0; left:50%; margin-left:-284px;}
		
		.colourBlocks{margin-bottom:40px;}
		.colourBlocks .block{padding:60px 0; width:306px; float:left; height:130px;}
		.colourBlocks .block h2{font-size:40px;}
		.colourBlocks .block p{font-size:14px; line-height:23px;}
		.colourBlocks .block.pink{width:307px;}
		
		.text{margin-bottom:40px; width:360px;}
		
		.facebook{display:block; width:300px; height:36px; position:relative; float:right; margin-bottom:20px;}
		.facebook a{display:block; width:36px; float:right;}
		label{display:inline-block;}
		footer{padding:40px 20px;}
		footer form{width:305px;} 
		footer .footerLeft{width:290px; float:left; margin:0 50px;}
		footer .footerLeft p{margin-bottom:0; width:100%;}
		footer .footerRight{position:relative; width:305px; float:right; margin-right:90px;}	
	}