/****************************** Reset **************************************/

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	ol, ul {
		/* list-style: none; */
		list-style-position: inside;
		
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}
/***************************** End Reset **************************************/

html {
	background: #ccccc9; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ccccc9 0%, #aaaaaa 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ccccc9), color-stop(100%,#aaaaaa)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #ccccc9 0%,#aaaaaa 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #ccccc9 0%,#aaaaaa 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #ccccc9 0%,#aaaaaa 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #ccccc9 0%,#aaaaaa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccccc9', endColorstr='#aaaaaa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color: #666;
	font-family: "Open Sans", Helvetica, sans-serif;
	font-size: 100%;
	font-weight: 400;
	letter-spacing: 0.075em;
	line-height: 1.65em;
	text-align: center;
	margin:0;
	padding:0;
	}
	
a {
	/* text-decoration: none; */
	color: #333;
}
	
.background {

}
	
.background:before {
	 content: "";
	z-index: -1;
	display: block;
	/*
	background-image: url("images/workbench_model_01.png");
	background-size:cover;
	background-repeat: no-repeat;
	*/
	height: 100vh;
	width: 100wh;
	
	opacity:0; 
	
	background: url("images/background1.gif") no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	-webkit-animation:fade-in ease-in 2.5s;
	-moz-animation:fade-in ease-in 2.5s;
	-o-animation:fade-in ease-in 2.5s;
	animation:fade-in ease-in 2.5s;
	
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-delay:2.5s;
	-moz-animation-delay:2.5s;
	-o-animation-delay:2.5s;
	animation-delay:2.5s;
}
	
.banner {
	position: absolute;
    top: 0px;
	left: 0;
	right: 0;
	margin: 35vh auto 0 auto; 
	text-align:center;
	display: inline-block;
	/* padding-top: 35vh; */
	z-index: 20;
	background: rgba(0, 0, 0, .5);
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	
}
	


.banner-heading {
	padding-top: 20px;
	text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 8px #000, 0 0 16px #000, 0 0 32px #000;
	-webkit-animation:fade-in ease-in 0.5s;
	-moz-animation:fade-in ease-in 0.5s;
	-o-animation:fade-in ease-in 0.5s;
	animation:fade-in ease-in 0.5s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}
	
.banner-text {
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 4px #000, 0 0 8px #000, 0 0 16px #000;
	font-size: 1.1em;
	text-transform: uppercase;
	padding: 0 0 20px 0;
	margin: 0 auto;
	text-align: center;
	opacity:0;
	
	-webkit-animation:fade-in ease-in 1s;
	-moz-animation:fade-in ease-in 1s;
	-o-animation:fade-in ease-in 1s;
	animation:fade-in ease-in 1s;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-delay:1.5s;
	-moz-animation-delay:1.5s;
	-o-animation-delay:1.5s;
	animation-delay:1.5s;
}
	
h1 {	
	color: #eee;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	line-height: 1.2em;
	font-weight: 800;
	font-size: 2em;
	z-index: 30;
	
	-webkit-animation: scale-up linear 0.5s forwards; /* Safari 4+ */
	-moz-animation:    scale-up linear 0.5s forwards; /* Fx 5+ */
	-o-animation:      scale-up linear 0.5s forwards; /* Opera 12+ */
	animation:		   scale-up linear 0.5s forwards; /* IE 10+, Fx 29+ */
	
	-webkit-transform: scale(0.9);
    transform: scale(0.9);
}

h2, h3, h4{
	font-weight:800;
	padding: 30px 0 20px 0;
	text-transform: uppercase;
	}
	
h2 {
	font-size: 1.3em;}

h3{
	font-size: 1.1em;}
	
h4 {
	font-size: 1.1em;
	text-align: left;
	margin:0 auto;
	width: 70%;
	max-width: 850px;}
	
.hr {
	border: 0; 
	height: 2px; 
	background: #333; 
	/* margin: 20px; */
	margin: 0.6em;
	background: -webkit-linear-gradient(left, rgba(30,30,30,0),rgba(30,30,30,1),rgba(30,30,30,0)); /*Safari 5.1-6*/
	background: -o-linear-gradient(right, rgba(30,30,30,0),rgba(30,30,30,1),rgba(30,30,30,0)); /*Opera 11.1-12*/
	background: -moz-linear-gradient(right, rgba(30,30,30,0),rgba(30,30,30,1),rgba(30,30,30,0)); /*Fx 3.6-15*/
	background: linear-gradient(to right, rgba(30,30,30,0),rgba(30,30,30,1),rgba(30,30,30,0)); /*Standard*/
	
	-webkit-transform: scaleX(0);
    transform: scaleX(0);

	-webkit-animation: scale-width-up ease-in 1s forwards; /* Safari 4+ */
	-moz-animation:    scale-width-up ease-in 1s forwards; /* Fx 5+ */
	-o-animation:      scale-width-up ease-in 1s forwards; /* Opera 12+ */
	animation:		   scale-width-up ease-in 1s forwards; /* IE 10+, Fx 29+ */
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-o-animation-delay:0.5s;
	animation-delay:0.5s;
}

.learn-more {
	text-transform: uppercase;
	position: absolute;
	margin: 0 auto;
	padding: 30px;
    display: inline-block;
	text-align:center;
	z-index: 50;
	left: 0;
	right: 0;
	opacity:0;
	bottom: -25px;
	font-weight: 800;
	
	-webkit-animation: learn-more ease-out 1s forwards; /* Safari 4+ */
	-moz-animation:    learn-more ease-out 1s forwards; /* Fx 5+ */
	-o-animation:      learn-more ease-out 1s forwards; /* Opera 12+ */
	animation:		   learn-more ease-out 1s forwards; /* IE 10+, Fx 29+ */
	-webkit-animation-delay:5s;
	-moz-animation-delay:5s;
	-o-animation-delay:5s;
	animation-delay:5s;
}
	
.learn-more-text {
	line-height: 1em;
	padding:10px;
	margin:0 auto;
	font-size: 0.8em;
	text-align: center;
	color: #000;
}

.learn-more-arrow {
	line-height: 0.5em;
	font-size: 2.6em;
	padding:0;
	margin:0 auto;
	text-align: center;
	transform: scaleY(0.6);
	color: #000;
}

.section {
	z-index: 30;
	padding: 5% 7% 5% 7%;
}
@media screen and (max-width: 1000px) {
    .section {
        padding: 5%;
    }
}

.section:nth-child(odd) {
    background: #cfcfc4;
	}
	
.section:nth-child(even) {
    background: #edede1;
	}
	
.section-heading {
	text-transform: uppercase;
	font-weight:800;
	font-size: 1.3em;
	margin:0 auto;
	padding:20px;
}

@media screen and (max-width: 1000px) {
    .section-heading {
        max-width: 90%;
    }
}

p {
	padding:0 0 20px 0;
	margin:0 auto;
	width: 70%;
	max-width: 850px;
	text-align: justify;
}


@media screen and (max-width: 1000px) {
    p {
		width: 80%;
        max-width: 90%;
		text-align: left;
    }
}

ul {
	text-align: left;
	width: 70%;
	max-width: 850px;
	margin: 0 auto;
	padding: 10px 20px 20px 20px;}
	
@media screen and (max-width: 1000px) {
    ul {
		width: 80%;
        max-width: 90%;
    }
}

li {
	padding: 0 0 20px 0;
	}

.column-container {
	display: block;
	overflow: auto;
	text-align:center;
}

.column-float {
	display: block;
	float: left;
	width: 25%;
	padding: 0 4% 0 4%;
	min-width: 200px; /* check this */
	margin: 0 auto;
}

@media screen and (max-width: 1100px) {
    .column-float {
        width: 90%;
		padding: 30px 4% 30px 4%;
    }
}

img {
	width: 86%;
	max-width: 850px;
	padding: 0;}
	
@media screen and (max-width: 1000px) {
    img {
		width: 80%;
        max-width: 90%;
    }
}

.footer-text {
	font-size: 0.8em;
	padding: 40px;
	text-align: center;
}

table {
	text-align: left;
	margin:0 auto 30px auto;
	padding:0 0 20px 0;
	max-width: 850px;
	border: 1px solid #999;
}
	
td {
	padding: 4px;}
	
.caption {
	font-size: 0.8em;
	text-align: center;
	padding: 0 0 40px 0;
}

.center {
	text-align: center;}
	
.full-page {
	height: 100vh;
	padding: 30vh 0 0 0;}
	
sub {
    vertical-align: sub;
    font-size: smaller;
} 

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fade-in { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fade-in { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes fade-in { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes scale-up { from {opacity:0.5;} to {opacity:1;}}
@-moz-keyframes scale-up { from {opacity:0.5;} to {opacity:1;}}
@-o-keyframes scale-up { from {opacity:0.5;} to {opacity:1;}}
@keyframes scale-up { from {opacity:0.5;} to {opacity:1;}}

@-webkit-keyframes scale-width-up {from {transform: scaleX(0);} to {transform: scaleX(1);} }
@-moz-keyframes scale-width-up {from {transform: scaleX(0);} to {transform: scaleX(1);} }
@-o-keyframes scale-width-up {from {transform: scaleX(0);} to {transform: scaleX(1);} }
@keyframes scale-width-up {from {transform: scaleX(0);} to {transform: scaleX(1);} }

@-webkit-keyframes learn-more { from { opacity:0; bottom: -25px; } to { opacity:1; bottom: 10px; } }
@-moz-keyframes learn-more { from { opacity:0; bottom: -25px; } to { opacity:1; bottom: 10px; } }
@-o-keyframes learn-more { from { opacity:0; bottom: -25px; } to { opacity:1; bottom: 10px; } }
@keyframes learn-more { from { opacity:0; bottom: -25px; } to { opacity:1; bottom: 10px;} }