.snowBackground {
	background: transparent url(../../images/snow-man/snow-bg.png) bottom left repeat-x;
	
	/*-- Fix to bottom --*/
	position: fixed;
	bottom: 0;
	left: 0;
	
	/*-- Full width --*/
	width: 100%;
	height: 40px;
	
	/*-- Above snowman --*/
	z-index: 99;
}

.snowman {
	width: 237px;
	height: 75px;
	background: url(../../images/snow-man/snowman_b.png) 0 0 no-repeat;
	
	/*-- Fix to bottom --*/
	position: fixed;
	bottom: 0;
	right: 250px;
	
	/*-- Lower than snow background --*/
	z-index: 9;
	
	/*-- CSS Transition --*/
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
	
	/*-- Click --*/
	cursor: pointer;
}

/*-- Expanded --
 * Alternatively you could have:
 * .snowman:hover
 *
*/
.snowman.expanded {
	background-position: 0;
	height: 303px;
}