.active {
	display:block;
	z-index:999;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	opacity:0.5;

	border-bottom:4px solid #c9c9c9;
		
	background: -webkit-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);
	background: -o-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);
	background: -ms-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);
	background: -moz-linear-gradient(top, #E6E6E6 0%,#E6E6E6 100%,gray 100%);

	-webkit-animation:fadein 1s;
	-moz-animation:fadein 1s;
	-o-animation:fadein 1s;
	animation:fadein 1s;

}
.active:hover {
	-webkit-animation:alltheway 0.5s;
	-moz-animation:alltheway 0.5s;
	-o-animation:alltheway 0.5s;
	animation:alltheway 0.5s;

	opacity: 1;
}
.active img {
	display:none;
	margin: 0;
	padding: 0;
}
.active div {
	height: 66px;
}
.active div.navigation {
	height: 88px;
}