/* 

	Final project: website
	
	Author: Jeremy Calvert
	Date: 1/15/16

 */

/* @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300); */


html, body {
	margin-left: 50px;
	padding: 0px;
	height: 100%;
	min-width: 480px;
	vertical-align: baseline;
}

div.back {
	background-repeat: no-repeat;
	max-width: 1200px;
	min-height: 480px;
}

header, footer {
   margin: 0px auto;
}

header {
	padding: 10px 0px 0px 0px;
}

nav {
	height: 60px;
	text-align: left;
	width: 1200px;
	padding: 5px 0px 0px;
}

#middle {
	float: left;
	margin: 5px;
	margin-left: 20px;
	padding-bottom: 50px;
	width: 850px;
}

#middle.centered {
	float: center;
	margin: 5px;
	margin-left: 160px;
	margin-right: 10px;
	padding-bottom: 50px;
	width: 900px;
}

#middle figure {
   float: right;
   margin: 10px;
}

#top-button {
	float: right;
	margin-top: -10%;
	margin-right: 50%;
	padding: 10px;
}

/* show hide java event */

#show {
	margin-top: 15px;
	text-align: center;
}

#hide {
	width: 900px;
	text-align: center;
	margin-left: 0px; 
	display: none;
}