@charset "utf-8";
/* CSS Document */

/* General button styling */
.rollover {
  display: inline-block;
  width: 300px;
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 10px;
}

/* First rollover */
#button1 {
  background-image: url("images/buttonchaletsA.jpg");
}

#button1:hover {
  background-image: url("images/buttonchalets.jpg");
}

/* Second rollover */
#button2 {
  background-image: url("images/buttonchaletsb.jpg");
}

#button2:hover {
  background-image: url("images/buttonbudget.jpg");
}


/* Third rollover */
#button3 {
  background-image: url("images/buttonvenue.jpg");
}

#button3:hover {
  background-image: url("images/buttonvenuetext.jpg");
}