ul,ol,li { list-style-type: none; }
html,body,div,p,ul,ol { padding: 0; margin: 0; }

body { font-family: Helvetica, Arial, sans-serif; }

div#header {
	width: 100%;
	background-color: #2BC6FF;
	color: #fff;
	position: relative;
}

	div#header ul#nav {
		padding: 20px 0;
		text-align: center;
	}

		div#header ul#nav li {
			display: inline-block;
			margin: 0 20px;
		}
	
	div#header ul#login {
		position: absolute;
		right: 20px;
		top: 20px;
		font-size: 80%;
	}

		div#header ul#login li {
			display: block;
		}






div#content-extra {
	background-color: #47EDFF;
	width: 200px;
	float: right;
	padding: 20px;
}

	div#content-extra ul#animals li {
		margin: 20px 0;
	}



div#content {
	background-size: cover;
	background-attachment: fixed;-
}


div#content:after {
	content: '.'; display: block; height: 0; width: 0; clear: both; overflow: hidden;
}

div#content-main {
	color: #fff;
	padding: 40px;
	width: 400px;
	float: left;
}

a,
a:hover {
	color: #fff;
}