@charset "UTF-8";



/* Animation */

@keyframes starField{
	from{
		background-position: 0 0;
	}
	to{
		background-position: 0 -199px;
	}
}

/* CSS Document */


body{
	background-color: #000001;
	background-image: url(images/static_starfield.jpg);
	background-repeat: no-repeat;
	background-position: 50% top;
	padding: 0px;
	margin: 0 auto;
	max-width: 1920;
	min-width: 1900;
}

#gradient{
	height: 300px;
	width: 100%;
	z-index: -1;
	position: absolute;
	top:140px;
	left:0px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,1,1) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,1,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,1,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000001',GradientType=0 );
}

#homecontainer{
	margin: 0 auto;
	max-width: 980px;
	min-width: 980px;
	text-align: center;
}

#individualcontainer{
	margin: auto;
	max-width: 685px;
	text-align: center;
	padding-top: 88px;
	float: left;
	margin-left: 30px;
	margin-right: 30px;
	display: inline;
}

#logo{
	margin-left: 30px;
	margin-top: 80px;
}

#checklist{
	font-weight: 400;
	font-size: 43pt;
	text-transform: uppercase;
	padding-top: 70px;
	padding-bottom: 5px;
	height: 88px;
}

#starfield_large, #starfield_small{
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:431px;
	z-index:-2;	
}

#starfield_large{
	background-image: url(images/starfield_large.png);
	animation: starField 15s linear infinite ;
}

#starfield_small{
	background-image: url(images/starfield_small.png);
	animation: starField 30s linear infinite ;
		
}

#sound_button{
	display: inline;
}

.navboxL{
	width: 30px;
	float: left;
	margin-left: 78px;
	margin-top: 300px;
	display: inline;
}

.navboxR{
	width: 30px;
	float: left;
	margin-top: 300px;
	display: inline;
}

.piccontainter{
	margin: 0 auto;
}

.content{
	max-width: 980px;
	min-width: 980px;
	min-height: 1550px;
	max-height: 1550px;
}

.footer{
	max-width: 980px;
	min-width: 980px;
	font-size: 12px;
	padding-top: 12px;
	padding-bottom: 30px
}




.francois{
	font-family: 'Francois One', sans-serif;
}

.roboto{
	font-family: 'Roboto', sans-serif;
}

.robotocondensed{
	font-family: 'Roboto Condensed', sans-serif;
}


	.thumbname{
		font-size: 28px;
		text-transform: uppercase;
		padding-top: 8px;
	}

	.thumbdescription{
		font-size: 16px;
		padding-top: 10px;
	}

	.thumbwave{
		font-size: 16px;
		padding-top: 5px;
	}

	.individualtitle{
		font-size: 60px;
		text-transform: uppercase;
		padding-top: 3px;
	}


.yellow{
	color: #F6C33C;
}

.white{
	color: white;
}

.row{
	margin: 0 auto;
	padding: 0 auto;
	min-height: 990px;
	max-width: 100%;
	}

.individualrow{
	margin: 0 auto;
	padding: 0 auto;
	min-height: 200px;
	max-width: 100%;
	display: inline;
}

.altphoto1{
	margin-top: 22px;
	width: 100%;
}

.fullimg{
	max-height: 365px;
	min-height: 365px;
}

.individualinformation{
	margin-top: 25px;
	margin-bottom: 35px;
	min-height: 200px;
}


.info{
	width: 40%;
	float: left;
	margin-right: 32px;
	text-align: left;
	font-size: 19px;
	padding-top: 0px;
	
}

.description{
	width: 55%;
	float: left;
	text-align: justify;
	font-size: 19px;
	line-height: 20pt;
	padding-top: 0px;
	
}

.infotitles{
	line-height: 26pt;
}

.tagline{
	line-height: 26pt;
}

.paragraph{
	margin-top: 7px;
	line-height: 27px;
}



.thumbbox{
	width: 21%;
	float: left;
	padding-top: 0px;
	margin: 19px;
	min-height: 300px;
}

.thumbnail{
	max-width: 100%;
	padding-bottom: 0px;
	margin: -4px;
}


.thumbnail_title {
	background: rgba(87,199,255,1);
	background: -moz-linear-gradient(top, rgba(87,199,255,1) 0%, rgba(0,92,163,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,199,255,1)), color-stop(100%, rgba(0,92,163,1)));
	background: -webkit-linear-gradient(top, rgba(87,199,255,1) 0%, rgba(0,92,163,1) 100%);
	background: -o-linear-gradient(top, rgba(87,199,255,1) 0%, rgba(0,92,163,1) 100%);
	background: -ms-linear-gradient(top, rgba(87,199,255,1) 0%, rgba(0,92,163,1) 100%);
	background: linear-gradient(to bottom, rgba(87,199,255,1) 0%, rgba(0,92,163,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57c7ff', endColorstr='#005ca3', GradientType=0 );
	height: 56px;
	max-width: 685px;
}

.individual_title {
	background: rgba(87,199,255,1);
	background: -moz-linear-gradient(top, rgba(87,199,255,1) 0%, rgba(0,92,163,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,199,255,1)), color-stop(100%, rgba(0,92,163,1)));
	background: -webkit-linear-gradient(top, rgba(87,199,255,1) 0%, rgba(0,92,163,1) 100%);
	background: -o-linear-gradient(top, rgba(87,199,255,1) 0%, rgba(0,92,163,1) 100%);
	background: -ms-linear-gradient(top, rgba(87,199,255,1) 0%, rgba(0,92,163,1) 100%);
	background: linear-gradient(to bottom, rgba(87,199,255,1) 0%, rgba(0,92,163,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57c7ff', endColorstr='#005ca3', GradientType=0 );
	height: 90px;
	width: 100%;
}




.bottomborder{
	border-bottom: white 2px solid;
	width: 910px;
	margin: auto;
	padding-top: 50px;
	margin-top: 30px;
}

.snd_button{
	cursor: pointer;
}

figure {
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}

a:link img {
    opacity: 1;
	position:relative;
	
}
a:hover img {
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	-webkit-backface-visibility: hidden;
	position:relative;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
	cursor: pointer;
}

.grow { 
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

.grow:hover { 
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03);
}