body{margin: 0px;}

#main_container{width: 1225px;
				height: 700px;
				margin-left: auto;
				margin-right: auto;
				background-image: url('images/buildASnowman.png');
				background-size: 1225px auto;
				background-repeat: no-repeat;
				position: relative;}

#menu{width: 325px;
	  height: 65px;
	  float: left;}

#check{width: 170px;
	   height: 45px;
	    float: left;
	   margin: 15px 0px 0px 35px;}

.check{background-image: url('images/check.png');
	   background-size: auto 45px;
	   background-repeat: no-repeat;}
	   
.checkoutline{background-image: url('images/checkoutline.png');
	   		  background-size: auto 45px;
	  		  background-repeat: no-repeat;}
	   
#help{width: 35px;
	  height: 35px;
	  float: left;
	  margin: 20px 0px 0px 70px;
	  cursor: pointer;}


#snowman{width: 295px;
		 height: 400px;
		 float: left;
		 margin-top: 80px;
		 margin-left: 25px;}
		 
#snowmanAnimate{margin-top: 0px;
				margin-left: -10px;}
		 
#top{width: 155px;
	 height: 155px;
	 float: left;
	 margin-left: 75px;}
	 
#top img{width: 137px;
		 margin-top: 1px;
		 margin-left: 8px;}
	 
#mid{width: 295px;
	 height: 129px;
	 float: left;
	 margin-top: -25px;}
	 
#mid img{width: 275px;
		 margin-top: -5px;
		 margin-left: 10px;}
	 
#bottom{width: 185px;
		height: 140px;
		float: left;
		margin-left: 60px;}
		
#bottom img{width: 193px;
			margin-top: -8px;
			margin-left: -7px;}
			
			
			
#equations{width: 335px;
		   height: 615px;
		   margin-top: 20px;
		   margin-left: 120px;
		   float: left;
		   font-family: 'Raleway', sans-serif;
		   font-weight: 500;
		   font-size: 22px;
		   color: darkred;
		   position: relative;}
		
		
.eq{width: 170px;
	 height: 40px;
	 position: absolute;
	 left: 30px;}
	 
.eqinput{width: 45px;
		 height: 30px;
		 float: left;
		 margin-left: 15px;
		 font-size: 18px;}
	 
.eq p{margin-top: 0px;
	  height: 40px;
	  float: left;}
	 
#one{top: 95px;}

#top_snow{width: 65px;
		  height: 55px;
		  float: left;
		  margin-top: 88px;
		  margin-left: 215px;
		  cursor: pointer;}
		  
.top_off{background-image: url('images/snowmanTopoff.png');
		 background-size: 62px auto;
		 background-repeat: no-repeat;
		 background-position: -2px -1px;}

#two{top: 165px;}

#mid_snow{width: 75px;
		  height: 60px;
		  float: left;
		  margin-top: 13px;
		  margin-left: 210px;
		  cursor: pointer;}
		  
.mid_off{background-image: url('images/snowmanMidoff.png');
		 background-size: 80px auto;
		 background-repeat: no-repeat;
		 background-position: -3px 0px;}

#three{top: 250px;
	   width: 150px;}
	   
#bottom_snow{width: 95px;
		  height: 75px;
		  float: left;
		  margin-top: 20px;
		  margin-left: 200px;
		  cursor: pointer;}
		  
.bottom_off{background-image: url('images/snowmanBotoff.png');
		 background-size: 97px auto;
		 background-repeat: no-repeat;
		 background-position: -3px -2px;}

#four{top: 340px;
	  width: 140px;}

#twig{width: 130px;
	  height: 55px;
	  float: left;
	  margin-top: 10px;
	  margin-left: 180px;
	  cursor: pointer;}
	  
.arm_off{background-image: url('images/snowmanArmoff.png');
		 background-size: 138px auto;
		 background-repeat: no-repeat;
		 background-position: -3px 4px;}

#five{top: 410px;}

#hat{width: 65px;
	 height: 50px;
	 float: left;
	 margin-top: 20px;
	 margin-left: 215px;
	 cursor: pointer;}
	 
.hat_off{background-image: url('images/snowmanHatoff.png');
		 background-size: 66px auto;
		 background-repeat: no-repeat;
		 background-position: -2px -2px;}

#six{top: 480px;}

#face{width: 75px;
	 height: 65px;
	 float: left;
	 margin-top: 15px;
	 margin-left: 210px;
	 cursor: pointer;}
	 
.face_off{background-image: url('images/snowmanFaceoff.png');
		 background-size: 83px auto;
		 background-repeat: no-repeat;
		 background-position: -2px -1px;}


.directions{position: absolute;
			top: 0px;
			left: 0px;
	  		width: 1225px;
	  		height: auto;}
	  
	  
.directions img{width: 1225px;
	  			height: auto;}
	  			
.directionsbutton{width: 230px;
				  position: absolute;
				  top: 615px;
				  left: 800px;
				  cursor: pointer;}

.directionsbutton img{width: 200px;}


#feedback{width: 220px;
		  height: 90px;
		  margin-top: 220px;
		  margin-left: 30px;
		  padding: 10px;
		  float: left;}
		  
.feedbackcolor{border: solid 1px rgb(66, 127, 158);
		  background-color: rgb(66, 127, 158);
		  border-radius: 15px;
		  color: white;
		  font-family: 'Raleway', sans-serif;
		   font-weight: 500;
		  text-align: center;
		  font-size: 18px;
		  line-height: 22px;}