body {
			background:#000066;
}
footer {
			text-align:center;
			font-style:italic;
			background-color:#CCCCFF;
			clear:both;
}
h1 {
			margin:0;
			padding:10px;
}
header {
			background:#CCCCFF;
}

img {
			max-width:100%;
			max-height:100%;
			margin:0;
			padding:0;
}
main {
			padding:25px;
			background-color:#FFF;
			overflow:auto;
}
nav {
			float:left;
			width:100%;
			padding:10px;
}
nav a {
			text-decoration:none;
			padding-right:10px;
}
nav button {
			background:#FFF;
			color:#000066;
			margin:5px;
			width:90px;
			height:45px;
			font-size:1.2em;
			border:2px solid #000066;
			-moz-transition:all .2s ease-in;
            -o-transition:all .2s ease-in;
            -webkit-transition:all .2s ease-in;
}
nav button:hover, nav button.current {
			background:#000066;
			color:#FFF;
}
nav li {
			display:inline;
}
nav ul {
			list-style-type:none;
}
* {
			box-sizing:border-box;
}
.galleryitem {
			border:0px solid #000;
			max-width:30%;
			width:30%;
			height:275px;
			margin:3px 3px 0px 3px;
			float:left;
			vertical-align:top;
}
#gallery {
			
}
#wrapper {
			width:1024px;
			margin-left:auto;
			margin-right:auto;
			background:#EAEAEA;
}