/*********************************************************************************/
/* Desktop (>= 480px)                                                            */
/*********************************************************************************/

/* Basic */
@keyframes movelist{
	from {}
	to {}
}

body {
	width: 100%;
}

section, article {
width: 500px;
margin-top: 0;
margin-right: 0;
margin-bottom: 60px;
margin-left: 0;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-top-style: ;
border-right-style: ;
border-bottom-style: ;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
}

section:last-child, article:last-child {
	margin-bottom: 0;
}

section.left-content {
padding-right: 30px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

section.right-content {
	padding-left: 30px;
}

section.middle-content {
	padding: 0 30px 0 30px;
}

ul.small-image-list img {
	width: 78px;
}

ul.big-image-list img {
	width: 178px;
}

/* Reusable */

.blog-post-image {
	width: 588px;
}

/* Header */
#logoimg{
	margin-top:1.5vh;	
}
#container{
	display:flex;
	width:75%;
	margin:auto;
	font-size:88%;
	text-align:center;
}
.container{
	margin-bottom:9vh;
}
#header-wrapper {
	background-color: #007294;
	background-image: -moz-linear-gradient(top, #008dab, #007294);
	background-image: -webkit-linear-gradient(top, #008dab, #007294);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008dab), to(#007294));
	background-image: -ms-linear-gradient(top, #008dab, #007294);
	background-image: -o-linear-gradient(top, #008dab, #007294);
	background-image: linear-gradient(top, #008dab, #007294);
	position:fixed;
	width:100%;
	height:6vh;
	box-shadow:0px 2px 50px 0px black;
	z-index:+100;
	top:0;
}

#header {
	position: absolute;
	/*
	border-radius: 10px;
	border: solid 1px #006e8b;
	box-shadow: inset 0px 0px 0px 1px #12a0bf, 0px 1px 4px 0px rgba(0,0,0,0.10);
	background-color: #007b9d;
	background-image: -moz-linear-gradient(top, #008ead, #007b9d);
	background-image: -webkit-linear-gradient(top, #008ead, #007b9d);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#008ead), to(#007b9d));
	background-image: -ms-linear-gradient(top, #008ead, #007b9d);
	background-image: -o-linear-gradient(top, #008ead, #007b9d);
	background-image: linear-gradient(top, #008ead, #007b9d);
	*/
	margin-top: 0.5vh;
	margin-right: 0;
	margin-bottom: 2.5%;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
	height:5vh;
	width:50vw;
	font-size:.9em;
	right:0.5vw;
	border-radius:3px;
}

	#header h1 {
position: absolute;
left: 0px;
top: 10px;
color: #fff;
font-size: 2.4em;
letter-spacing: -2px;
line-height: 2vh;
	}

	#header h1 a {
		color: #fff;
		text-decoration: none;
	}
	
	#header nav {
		position:absolute;
		top:0px;
		right:0.5vw;
		line-height: 5vh;
		letter-spacing: -1px;
		height: 5vh;
		/*width:40vw;*/
		width:60vw;
		text-align:center;
		font-size:100%;	
	}
	
		#header nav a {
			display: inline-block;
			text-decoration: none;
			color: #fff;
			/*padding: 0 4% 0 3%;*/
			outline: 0;
			/*width:24.4%; */
			width: 19.4%;
			font-size:1.1vw;
		}
		
		#header nav a.current-page-item {
			background-color: #007897;
			background-image: -moz-linear-gradient(top, #007b99, #007897);
			background-image: -webkit-linear-gradient(top, #007b99, #007897);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#007b99), to(#007897));
			background-image: -ms-linear-gradient(top, #007b99, #007897);
			background-image: -o-linear-gradient(top, #007b99, #007897);
			background-image: linear-gradient(top, #007b99, #007897);
			box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.1), 0px 0px 5px 1px rgba(255,255,255,0.1);
			height:5vh;
		}

		#header nav a:hover {
			background-color: #0882a1;
			background-image: -moz-linear-gradient(top, #0782a0, #077d9b);
			background-image: -webkit-linear-gradient(top, #0782a0, #077d9b);
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0782a0), to(#077d9b));
			background-image: -ms-linear-gradient(top, #0782a0, #077d9b);
			background-image: -o-linear-gradient(top, #0782a0, #077d9b);
			background-image: linear-gradient(top, #0782a0, #077d9b);
			box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,0.05), 0px 0px 5px 1px rgba(255,255,255,0.05);
		}
		.navbutton{
			border-radius:50px;
		}
/* Banner */

#banner-wrapper {
	background: #c8d2bc url(images/bg1.png);
	margin-top:5vh;
}

#banner {
	position: relative;
	width: 1160px;
	height: 265px;
	margin: 2% 0 2% 0;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.10);
	border-radius: 10px;
	padding: 20px;
	background: #fff url(images/banner.jpg) no-repeat 20px 20px;
	background-size: 1160px 265px;
}

	#banner h2 {
		position: absolute;
		z-index: 1;
		width: 100%;
		top: 100px;
		left: 0;
		font-size: 3.3em;
		color: #fff;
		text-align: center;
		letter-spacing: -2px;
	}
	
	#banner span {
		display: block;
		position: absolute;
		z-index: 1;
		width: 100%;
		bottom: 105px;
		left: 0;
		font-size: 1.6em;
		color: #fff;
		text-align: center;
		letter-spacing: -1px;
		text-transform: ;
		opacity: 0.8;
	}

/* Main */
#centerspace{
	height:0;
	width:0;
}
.hidden{
	display:none;
}
#main {
	background-image: url('../images/concrete_seamless.png');
	padding: 2% 0 2% 0;
	-moz-box-shadow:    inset 0 0 10px #000000;
	  -webkit-box-shadow: inset 0 0 10px #000000;
	   box-shadow:         inset 0 0 10px #000000;
	text-align: center;
	width:33%;
	margin: 0 auto;
	border-radius:2px;
}

#main .controls {

}
	
.main {
	background-image: url('../images/concrete_seamless.png');
	padding: 2% 0 2% 0;
	-moz-box-shadow:    inset 0 0 10px #000000;
	-webkit-box-shadow: inset 0 0 10px #000000;
	box-shadow:         inset 0 0 10px #000000;
	text-align: center;
	margin-left:0.2vw;
	margin-right:0.2vw;
	/* height:3300px; */
	height:150px;
	width:33%;
	overflow:hidden;
	transition: height 0.4s;
	transition-timing-function: ease-in-out;
	border-radius:5px;
	box-shadow:0px 2px 10px 0px black;
}
.maintitle{
	cursor:pointer;
	margin-top:8vh;
}
.titlemain{
	margin-top:5vh;
}

.main .controls {
		
}

/* Footer */

#footer-wrapper {
	padding: 3% 0 3% 0;
	margin-top:40vh;
}

/* Copyright */

#copyright {
	text-align: center;
	color: #A6A88F;
	border-top: solid 1px #ced0b7;
	padding: 3em 0 0 0;
	margin: 1% 0 0 0;
}

	#copyright a {
		color: #A6A88F;
	}
	#extraFiles{
		background: #3b679e; /* Old browsers */
		background: -moz-linear-gradient(top, #3b679e 0%, #2b88d9 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #3b679e 0%,#2b88d9 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		height:70%;
		width:70%;
		margin-left:15%;
		margin-top:6%;
		text-align:center;
		color:#00e7ff91;
		position:fixed;
		top:0;
		font-size:20vh;
		border-radius:5px;
	}
	#extraFiles p1{
		position:relative;
		top:200px;
	}

	.morebutton{
		margin-bottom:10vh;
		cursor:pointer;
		transition:font-size 0.2s;
		
	}
	.morebutton:hover{
		font-size:1.9vh;
	}