@charset "UTF-8";

/** --------- **/
/** PRELOADER **/
/** --------- **/

body {
	overflow: hidden;
}

#preloader {
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:99; /* makes sure it stays on top */
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../images/status.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}
/** ------------- **/
/** END PRELOADER **/
/** ------------- **/

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

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

@font-face {
  font-family: 'Playball-Regular';
  src: url('fonts/Playball-Regular/Playball-Regular.eot');
  src: url('fonts/Playball-Regular/Playball-Regular.eot?#iefix') format('embedded-opentype'),
       url('fonts/Playball-Regular/Playball-Regular.woff') format('woff'),
       url('fonts/Playball-Regular/Playball-Regular.ttf') format('truetype'),
       url('fonts/Playball-Regular/Playball-Regular.svg#svgFontName') format('svg');
}

.playball{
	font-family:"Playball", "Times New Roman", Times, serif;
	text-transform:none;
	}

a{
	text-decoration:none;	
	}

h1{
	text-transform:uppercase;
	}

.curtains span {
	background:#fff;
	position:absolute;
}

.curtains .top {
	height:20px;
	left:0;
	top:0;
	width:100%;
	z-index:1000;
}

.curtains .right {
	height:100%;
	right:0;
	top:0;
	width:20px;
	z-index:1000;
}

.curtains .bottom {
	bottom:0;
	height:20px;
	left:0;
	width:100%;
	z-index:1000;
}

.curtains .left {
	height:100%;
	left:0;
	top:0;
	width:20px;
	z-index:1000;
}

html{
	padding:0;
	margin:0;
	font-family:"DroidSans-Bold", Tahoma, Geneva, sans-serif;
	}

body{
	margin:0;
	padding:0;
	}

#overallborder{
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:960px;
	height:100%;
	border:20px solid #FFFFFF;
	z-index:2;
	}

#header{
	margin-top:20px;
	box-sizing:border-box;
	width:100%;
	height:150px;
	z-index:1;
	}

#branding{
	box-sizing:border-box;
	display:block;
	width:100%;
	height:100px;
	background:#FFF;
	border-top:1px solid #ecd6c3;
	border-left:21px solid #ecd6c3;
	border-right:21px solid #ecd6c3;
	}

#logo{
	margin-left:19px;
	margin-top:20px;
	width:130px;
	float:left;
	}

.slogan{
	margin-top:30px;
	margin-right:19px;
	width:300px;
	float:right;
	}

.slogan2{
	margin-top:10px;
	margin-right:19px;
	width:500px;
	float:right;
	text-align:right;
	}

#nav{
	box-sizing:border-box;
	background:#414d66;
	height:50px;
	width:60%;
	float:left;
	padding-left:30px;
	}

#nav ul{
	padding:0;
	margin:0;
	list-style:none;
	}

#nav ul li{
	display:inline-block;
	}

#nav ul li a{
	text-decoration:none;
	display:block;
	padding:15px;
	color:#a0a6b3;
	font-size:15px;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	}

#nav ul li a:hover, #nav ul li a.active{
	color:#FFF;
	text-decoration:none;	
	}
	
#social{
	width:40%;
	float:right;
	background:#FFF;
	opacity:0.7;
	height:50px;
	}

#subnav{
	box-sizing:border-box;
	background:rgba(255,255,255,.85);
	height:35px;
	width:100%;
	clear:both;
	padding-left:30px;
	}

#subnav ul{
	padding:0;
	margin:0;
	list-style:none;
	}

#subnav ul li{
	display:inline-block;
	}

#subnav ul li a{
	text-decoration:none;
	display:block;
	padding:9px;
	color:#A0A6B2;
	font-size:13px;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	}

#subnav ul li a:hover, #subnav ul li a.on{
	color:#414D66;
	text-decoration:none;	
	}

.hp-aboutteaser{
	width:60%;
	margin:0 auto;
	text-align:center;
	padding:10% 0;
	height:100%;
	}

.hp-teasertext{
	font-family:"DroidSans", Tahoma, Geneva, sans-serif;
	font-size:30px;
	line-height:40px;
	color:#FFF;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
	}

.learnmore{
	display:block;
	margin:0 auto;
	margin-top:40px;
	width:160px;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
	}

.learnmore a{
	box-sizing:border-box;
	display:block;
	padding:15px;
	color:#FFF;
	border:2px solid #FFF;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
	}

.learnmore a:hover{
	text-decoration:none;
	color:#414c66;
	background:#FFF;
	border:2px solid #FFF;
	text-shadow:none;
	}

.triangle{
	position:absolute;
	bottom:0;
	right:0;
	}

.inside-triangle{
	position:absolute;
	bottom:0;
	left:0;
	}

.arrowscontainer{
	box-sizing:border-box;
	height:40px;
	width:350px;
	background:rgba(255,255,255,0.8);
	position:absolute;
	bottom:60px;
	left:60px;
	text-align:center;
	padding-top:10px;
	}

#branding2{
	box-sizing:border-box;
	display:block;
	width:40%;
	height:100px;
	background:#FFF;
	border-top:1px solid #ecd6c3;
	border-left:21px solid #ecd6c3;
	}


.contactbox{
	box-sizing:border-box;
	color:#1f506a;
	float:left;
	font-family:"DroidSans", Tahoma, Geneva, sans-serif;
	font-size:15px;
	line-height:20px;
	left:60px;
	padding:20px;
	position:absolute;
	bottom:60px;
	width:400px;
	background:rgba(255,255,255,0.8);
	}

.contactbox p{
	font-size:18px;
	line-height:28px;
	}