html, body {  width:100%; height:100%; }
html {display:table;}
body {display:table-cell; vertical-align:middle; background-color:#ebe9e2; overflow: hidden;-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;}

#heynow {
	margin: 0 auto;
	z-index: 100;
	position:relative;
}

#bunny {
	margin-top:-50px;
	margin-left:-50px;
	width: 201px;
	height: 346px;
}

#bunny img {
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.bunny {
	background-image: url(/assets/i/one_ear_bunny-off.gif);
	width: 201px;
	height: 346px;
	background-repeat: no-repeat;
	z-index: 102;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.bunny:hover {
	background-image: url(/assets/i/one_ear_bunny-on_oi.gif);
	width: 201px;
	height: 346px;
	background-repeat: no-repeat;	
}