body{
	margin: 1%;
	padding: 1%;
}
header{
	background: #9499a2bd;
	background-image: url("../images/flywheel.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px 0px;
}
h1{
	text-align: center;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 100%;
	margin: 10px;
}

nav a {
    display: inline-block;
    padding: 15px 45px;
    color: #000000;
    background-color: rgb(212, 217, 235,0.3);
    text-decoration:none;
    margin-left: 100px; 
    border-radius: 10px;
}

.left{
	display: inline-block;
	float: left;
	width: 20%;
	clear: right;
	background-color: rgb(51, 87, 11);
}

.left img{
	display: block;
	margin:30px auto;
	border:solid 2px #000000;
	max-width: 80%
}

.right{
	display: -webkit-flow-root;
	display: -moz-flow-root;
	display: -o-flow-root;
	display: flow-root;
}

.active{
	background-color: #ffffff;
	color: #0000ff;
}