Either by accident or design I have achieved the look I want with the slider filling the page and the logo and menu appearing on top of the slider images rather than above them in a separate masthead. The test site is at: http://www.eurodolphin.com/bcb7/
But this effect is only seen if you scroll the page down so that the slider moves to the top of the computer screen.
The logo and menu are contained in which has a height of 136px. The slider is positioned immediately below that. I can position the slider at the top of the page with this custom css that I found in an answer to a similar question:
/* Home Slider */
.home #main-slider {
margin-top: -136px;
}
but then the logo and menu disappear and flash on briefly each time the slides change.
How can I achieve the look I want with the logo and menu appearing permanently?