Web Design Business Worl Template - Ned help editing

I have just downloaded the business world template, and i would like to be able to change the height of the bluey area where the smiling man stands. I tried changing this part of CSS

Code:

#body .header div {
 background: url(images/smiling-man.jpg) no-repeat bottom right;
 height: 472px;
 margin: 0 auto;
 padding: 0;
 width: 960px; 
}

I reduced the height and got rid of the man, but the bit below the div got mucked up or the blue bit moved up to close to the top.

Any help?