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

@-webkit-keyframes slide {
  0%   { padding-left: 100px; opacity:0; }
  100% { padding-left: 0; opacity:1; }
}
@-moz-keyframes slide {
  0%   { padding-left: 100px; opacity:0;  }
  100% { padding-left: 0; opacity:1; }
}
@-o-keyframes slide {
  0%   { padding-left: 100px; opacity:0;  }
  100% { padding-left: 0; opacity:1; }
}
@keyframes slide {
  0%   { padding-left: 100px; opacity:0;  }
  100% { padding-left: 0; opacity:1; }
}



body{
	font-family: 'Open Sans', sans-serif;
	color:#FFF;
	font-size:14px;
}

a{
	color:#FFF	
}


/* main backgrounds */
.page1{
	background:url(images/bg_dim_01.jpg) center right no-repeat;	
	background-size:cover;
}

.page2{
	background:url(images/bg_dim_02.jpg) center right no-repeat;	
	background-size:cover;
}

.page3{
	background:url(images/bg_main_03.jpg) center right no-repeat;	
	background-size:cover;
}

.page4{
	background:url(images/bg_dim_04.jpg) center right no-repeat;	
	background-size:cover;
}

.page5{
	background:url(images/bg_dim_05.jpg) center right no-repeat;	
	background-size:cover;
}

.page6{
	background:url(images/bg_dim_06.jpg) center right no-repeat;	
	background-size:cover;
}

.page7{
	background: #666666 url(images/bg_main_07.jpg) center right no-repeat;	
	background-size:cover;
}

.page7-dim{
	background: #666666 url(images/bg_dim_07.jpg) center right no-repeat;	
	background-size:cover;
	height:100%;
	width:100%;
	position:static;
	top:0;
	left:0;
	z-index:0;
}

.page8{
	background:url(images/bg_dim_08.jpg) center right no-repeat;	
	background-size:cover;
}

.page9{
	background:url(images/bg_dim_09.jpg) center right no-repeat;	
	background-size:cover;
}

.page10{
	background:url(images/bg_dim_10.jpg) center right no-repeat;	
	background-size:cover;
}

.page11{
	background:url(images/bg_dim_11.jpg) center right no-repeat;	
	background-size:cover;
}

.page12{
	background:url(images/bg_main_12.jpg) center right no-repeat;	
	background-size:cover;
}

.page13{
	background:url(images/bg_dim_13.jpg) center right no-repeat;	
	background-size:cover;
}

.page14{
	background:url(images/bg_dim_14.jpg) center right no-repeat;	
	background-size:cover;
}

.page15{
	background:url(images/bg_dim_15.jpg) center right no-repeat;	
	background-size:cover;
}

.ole{
	background:url(images/bg_ole.jpg) center right no-repeat;	
	color:#333;
	background-size:cover;
}

.aqua-corner{ 	background: url(images/bg-corner-aqua.png) bottom right no-repeat; }

.aqua-bg{ 		background-color: rgba(0, 141, 154, 0.9); }

.green-corner{ 	background: url(images/bg-corner-green.png) bottom right no-repeat; }

.green-bg{		background-color: rgba(103, 140, 70, 0.9); }

.orange-corner{	background: url(images/bg-corner-orange.png) bottom right no-repeat;}

.orange-bg{		background-color: rgba(212, 83, 30, 0.9); }

.blue-corner{	background: url(images/bg-corner-blue.png) bottom right no-repeat;}

.blue-bg{		background-color: rgba(19, 54, 94, 0.9); }

.section{
	padding:90px 40px 40px 40px;	
}

.slide-full{
	box-sizing: border-box;
	padding:3%;
	float:left;
	width:100%;
	height:80%;
	margin-right:12px;
}

.slide-content{
	box-sizing: border-box;
	padding:3%;
	float:left;
	width:75%;
	height:80%;
	margin-right:1%;
	font-size:14px;
}

.slide-content-sm{
	box-sizing: border-box;
	padding:3%;
	float:left;
	width:50%;
	height:80%;
	margin-right:1%;
	font-size:14px;
}

.slide-content-lg{
	box-sizing: border-box;
	padding:3%;
	float:left;
	width:70%;
	height:80%;
	margin-right:1%;
	font-size:14px;
}

.slide-img{
	box-sizing: border-box;
	padding:0;
	float:left;
	width:24%;
	height:80%;
	margin-right:1%;
}

.slide-img-lg{
	box-sizing: border-box;
	padding:0;
	float:left;
	width:30%;
	height:80%;
	margin-right:1%;
}

.slide-side-sm{
	box-sizing: border-box;
	padding:0;
	float:left;
	width:3%;
	height:80%;
}

.slide-nav{
	box-sizing: border-box;
	padding:3% 1%;
	float:left;
	width:24%;
	height:80%;
}

	.slide-nav ul, .slide-nav ul, .programs ul, .courses, .system{
		margin:0;
		padding:0;
		list-style-type:none;	
	}
	
	.slide-nav li, .programs li{ /*, .slide-content li*/
		display:block;
		margin-bottom:5px;	
		background:url(images/bullet-arrow.png) 12px 14px no-repeat;
	}
	
	.slide-nav li.back{
		border-top:1px solid rgba(255, 255, 255, 0.5); 
		margin-top:10px; 
		padding-top:10px;
		background-position:12px 24px;
	}
	
	.slide-nav a, .slide-content a, .slide-content-sm a, .programs a{
		display:block;
		color:#FFF;
		text-decoration:none;
		font-size:12px;
		padding:8px 8px 8px 26px;	
	}
	
	.slide-nav a:hover, .slide-content a:hover, .slide-content-sm a:hover, .programs a:hover{
		background-color:rgba(255, 255, 255, 0.15);	
	}

.programs, .slide-half{
	box-sizing: border-box;
	padding:4%;
	float:left;
	width:50%;
	height:70%;	
}

	.programs ul{
		width:50%;
		float:left;
	}
	
	.slide-content li, .slide-content-sm li{
		display:block;
		float:left;
		width:45%;
		/*background:url(images/bullet-arrow.png) 12px 14px no-repeat;*/
		font-size:18px;	
		margin-bottom:0;
	}
	
	.courses li{
		display:block;
		float:none;
		width:auto;
		background: none;
		font-size:14px;
		color:#FFF;
		text-decoration:none; 
		padding:auto 5px auto auto;
	}
	
	.system li{
		display:block;
		float:none;
		width:auto;
		background:url(images/bullet-arrow.png) 12px 12px no-repeat;
		font-size:12px;
		color:#FFF;
		text-decoration:none; 
		padding:5px 5px 5px 26px;
		margin-bottom:0;
	}
	
	.slide-content a, .slide-content-sm a, .programs a{
		font-size:14px;	
	}

.fp-slide{
	width:100%;	
}

.scroll{
	overflow-y:scroll; 
	height:80%; 
	padding-right:20px; 
	box-sizing:border-box;
}	


/* main nav bar */
.navbar{
	height:50px;
	width:100%;
	position:fixed;
	top:0;
	background-color: rgba(77, 85, 91, 0.8);	
	z-index:50;
}

	.logo{
		float:left;
		padding-left:20px;
	}

	/* main menu */
	.menu{
		float:right;	
		width:420px;
		padding-right:20px;
	}
	
		.menu ul{
			margin:0;
			padding:0;
			list-style-type:none;	
		}
		
		.menu ul li{
			display:block;
			float:left;	
			/*margin-left:2px;*/
		}
		
		.menu a{
			display:block;
			height:50px;
			width:50px;
			color:#FFF;	
			text-align:center;
			line-height:50px;
			/*background-color: rgba(77, 85, 91, 0.8);	*/
			text-decoration:none;
			font-weight:bold;
			font-size:18px;
			-webkit-transition: background-color 500ms ease-out;
			-moz-transition: background-color 500ms ease-out;
			-o-transition: background-color 500ms ease-out;
			transition: background-color 500ms ease-out;
		}
		
		.menu a:hover{
			background-color:#909ea6;	
		}
		
		body#one .menu .one, body#two .menu .two, body#three .menu .three, body#four .menu .four, body#five .menu .five, body#six .menu .six, body#seven .menu .seven, body#eight .menu .eight{
			background-color:#1894a0;	
		}

/* next slide */
.nxt {
	height:75px;
	width:75px;	
	margin:0 auto;
	position:absolute;
	bottom:175px;
	left:50%;
	border:10px solid rgba(255, 255, 255, 0.4);
	border-radius:50%;
}
.nxt a{
	display:block;
	height:75px;
	width:75px;
	background:#515254;
	color:#FFF;
	text-align:center;
	border-radius:50%;
	padding:0;
	margin:0;
}

.nxt a img{
	padding-top:30px;
	border:none;
}

/* panels */

	.one-third{
		box-sizing:border-box;
		width:33%;	
		float:left;
		padding:0 20px 0 0;
	}
	
	.two-third{
		box-sizing:border-box;
		width:66%;	
		float:left;
		padding:0 25px 0 0;
	}
	
	.one-fourth{
		box-sizing:border-box;
		width:25%;
		float:left;
		padding:20px;	
	}
	
	.one-half{
		box-sizing:border-box;
		width:50%;
		float:left;
		padding:0 25px 0 0;
	}
	
	.sixty{
		box-sizing:border-box;
		width:60%;
		float:left;
		padding:0 20px;	
	}
	
	.fourty{
		box-sizing:border-box;
		width:40%;
		float:left;
		padding:0 0 0 20px;	
	}

/* gallery */

.gallery{
	margin:0;
	padding:0;
	list-style-type:none;	
}

.gallery li {
	box-sizing:border-box;
	width:20%;
	float:left;
	padding:0 8px 8px 8px !important;
	margin:0 !important;
	background:none;	
}

.gallery a{
	padding:0;	
}

.gallery img{
	max-width:100%;	
}

img.bio, .screenshot{
	max-width:100%;	
}

/* headlines */

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin-top:0;	
}

h1{
	font-size:38px;	
	line-height:42px;
	opacity:1;
	
	-webkit-animation: slide .5s ease-out; /* Safari 4+ */
	-moz-animation:    slide .5s ease-out; /* Fx 5+ */
	-o-animation:      slide .5s ease-out; /* Opera 12+ */
	animation:         slide .5s ease-out; /* IE 10+, Fx 29+ */	
}

	h1 span{
		font-size:28px;
	}
	
h2{
	font-size:24px;
	line-height:24px;	
}

h2 span{
	font-size:18px;	
}

ul.interests{
	margin:0;
	padding:0;
	list-style-type:none;	
}

	ul.interests li{
		display:block;
		float:left;
		width:50%;
		box-sizing:border-box;
		padding:20px;
		font-size:24px;
	}
	
	ul.interests input{
		margin-right:10px;	
	}
	
/* about page map */
	
.map{
	float:right;
	width:60%;
	height:80%;	
}
	.map img{
		max-height:100%;
		max-width:100%;	
	}

/* footer */

.disclaimer{
	font-size:10px;
	display:block;
	box-sizing:border-box;
	width:100%;
	position:fixed;
	bottom:0;
	right:0;
	padding:10px 50px;
	background-color: rgba(77, 85, 91, 0.8);
	color:#FFF;
}

/* buttons */
	
a.btn{
	display:block;
	clear:both;
	height: 40px;
	width:200px;
	line-height:40px;
	color:#333;	
	font-size:14px;
	text-align:center;
	text-decoration:none;
	padding:0;
	margin-top:40px;
	background-color:#dbe2e6;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

a.btn:hover{
	background-color:#333;
	color:#dbe2e6;
}

a.dl{
	background:#dbe2e6 url(images/bg-arrow-dl.png) 93% -40px no-repeat;
	padding-right:7%;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

a.dl:hover{
	background-color:#333;
	background-position: 93% 0;
	color:#dbe2e6;
}

/* Index Page */

.index{
	margin:0;
	padding:0;	
	height:100%;
}

.index-head{
	width:100%;
	padding:25px;
	background-color:#dce3e7;
}

a.index-button{
	display:block;
	clear:both;
	height: 80px;
	width:200px;
	line-height:80px;
	color:#FFF;	
	font-size:36px;
	font-weight:300;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	padding:0;
	margin-top:40px;
	background-color:#727d80;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	float:right;
}

a.index-button:hover{
	background-color:#008b99;
}

	.index-inner{
		width:80%;
		margin:0 auto;	
	}

#makeMeScrollable{
	width:100%;
	height:370px;
	margin-top:10px;
	box-sizing:border-box;
}	

#makeMeScrollable div.scrollableArea img{
	position: relative;
	float: left;
	margin: 0 10px 0 0 ;
	padding: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	height:350px;
	width:350px;
	box-shadow: none;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#makeMeScrollable div.scrollableArea img:hover {
	box-shadow: 0px 0px 20px #666666;
}

/* Light box Mods */

.peFlareLightbox .peFlareLightboxControls{
	width:100%;
	background-color: rgba(77, 85, 91, 0.7);
	left:0% !important;
	padding:10px 0;
}

/* screenshots / images */
a.flaresimg{
	padding:5px 5px 0 5px;	
}