html, body {
	margin: 0;
	padding: 0;
	background: #D6EBF2;
	position: relative;
	height: 100%;
	text-align: center;
	font-family: 'Raleway', sans-serif;
}

#container {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.bestoutlineever {
	color: white;
	text-shadow: 0px 0px 0px black, 0px 1px 0px black, 0px -1px 0px black, 1px 0px 0px black,
				 1px 1px 0px black, 1px -1px 0px black, -1px 0px 0px black, -1px 1px 0px black, -1px -1px 0px black;
}

#header {
	z-index: 1;
	margin: 30px 0;
	position: relative;
	/*background: rgba(216, 65, 65, .8);*/
	background: rgba(5, 5, 5, .8);
	font-size: 90px;
	/*width: 800px;*/
	padding: 10px;
	/*border: rgba(0, 0, 0, .8) 1px solid;*/
	border-bottom: rgba(216, 65, 65, .8) 3px solid;
    border-top: rgba(216, 65, 65, .8) 3px solid;
}

/*h1 {
	border-bottom: rgba(5, 5, 5, .8) 1px solid;
    padding-left: 5px;
    padding-bottom: 5px;
}*/

#main {
	z-index: 1;
	position: relative;
	margin: 30px auto;
	/*margin-top: 120px;*/
	width: 800px;
	text-align: left;
}

#main ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#main li {
	/*background: white;*/
	float: left;
	text-align: center;
	position: relative;
	opacity: .9;
	margin: 20px 30px;
	border: rgba(0, 0, 0, .8) 1px solid;
}

@keyframes zoomin {
	from { transform: scale(1); }
	to { transform: scale(1.1); }
}

@-webkit-keyframes zoomin {
	from { -webkit-transform: scale(1); }
	to { -webkit-transform: scale(1.1); }
}

#main li:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1;
	
	animation: zoomin .1s;
	-webkit-animation: zoomin .1s;
}

.description {
	display: none;
	font-weight: normal;
	padding-top: 5px;
	font-size: .9em;
}

#main li:hover .description {
	display: block;
}

#main li img {
	display: block;
}

#main li a {
	display: block;
	text-decoration: none;
}
#main li .title {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 3;
	background: rgba(0, 0, 0, .8);
	color: white;
	text-align: left;
	padding: 5px;
	font-weight: bold;
}

#copyright {
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	background: rgba(255, 255, 255, .5);
	font-family: monospace;
	padding: 3px;
	color: #7A7A7A;
}