Unique Header Image by Page

/* set header height and default background image */
#header {
  background: url(http://yoursite/wp-content/uploads/image1.jpg) no-repeat center top;
  height: 400px; /* height and margins below are based on this value and need to be adjusted accordingly */
  }
/* push the header menu down */
#header .pad {
  height: 340px;
  }
/* reduce content margin to align with bottom of menu */
#page {
  margin-top: -11px;
  }

/* media queries to accommodate above changes */
@media only screen and (min-width: 720px) and (max-width: 960px) {
  #header .pad {
    height: 341px;
  }
  #page {
    margin-top: 0;
  }
}
@media only screen and (max-width: 719px) {
  #header .pad {
    height: 400px;
  }
  #page {
    margin-top: 50px;
  }
}

/* home page header image */
.home #header {
  background: url(http://yoursite/wp-content/uploads/image2.jpg) no-repeat center top;
  }
/* another page header image; .page-id class from the body tag */
.page-id-9 #header {
  background: url(http://yoursite/wp-content/uploads/image3.jpg) no-repeat center top;
  }