div.parallax {
  width: 900px;
  height: 250px;
  overflow: hidden;
  position: relative;
}

div.parallax div.water1,
div.parallax div.water2 {
  width: 100%;
  height: 250px;
}

div.parallax div.bird {
  float: left;
  width: 40px;
  height: 20px;
  background: transparent url(../img/seagull.gif) center center no-repeat;
  margin-left: 560px;
}

div.parallax div.water1,
div.parallax div.water2,
div.parallax div.bird {
  position: absolute;
  top: 0px;
  left: 0px;
}

div.parallax div.water1 {
  background: transparent url(../img/background-wave.gif) 0px 130px repeat-x;
}

div.parallax div.water2 {
  background: transparent url(../img/background-wave-2.gif) 0px 130px repeat-x;
}