html,
body {
	margin: 0;
	padding: 0;
	font-family: "HelveticaNeue", "Helvetica Neue", "Lato", "Roboto", "Open Sans", Helvetica, Arial, sans-serif;
	text-align: center;
	height: 100%;
	background: #76b852; /* fallback for old browsers */
	background: -webkit-linear-gradient(left, #76b852, #8DC26F);
	background: -moz-linear-gradient(left, #76b852, #8DC26F);
	background: -o-linear-gradient(left, #76b852, #8DC26F);
	background: linear-gradient(left, #76b852, #8DC26F);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#container {
	min-width: 700px;
	width: 50%;
	padding: 8% 0 0;
	margin: auto;
	}

#login {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
	width:480px;
	height:760px;
	border-radius:1%;
	overflow:hidden;
	}

.floatTR {
    position: absolute;
    top: 0;
    right: 0;
}

#login img:hover {  
	-webkit-filter: blur(1px) brightness(75%);   
} 

ul {
	width:30%;
}

ul li {
	display: inline-block;
	list-style: none;
	margin:0 10px;

}

.coolhover {
	position:relative;
    padding: 0;
	width:479px;
	height:757px;
	overflow:hidden;
	float:left;
	color: #ffffff;
	border-radius:1%;
}
.coolhover p,.coolhover h2 {
	position:relative
}

.effect img {
	border-radius:1%;
	position:absolute;
	left:0;
	bottom:0;
	cursor:pointer;
	-webkit-transition:bottom .3s ease-in-out;
	-moz-transition:bottom .3s ease-in-out;
	-o-transition:bottom .3s ease-in-out;
	transition:bottom .3s ease-in-out
}
.effect img.top:hover {
	bottom:-100px;
	padding-top:100px
}
h2.zero {
	margin:0;
    padding: 10% 0 0 0;
}

p.zero {
	margin:0;
	padding:0
}