/* This line sets up our clickable background image based on the site title's link */
/* DIY: Adjust the height & width attributes to reflect the actual size of your image */
/* DIY: Change the filename of your image to reflect the actual header's file name */

.custom #header {background:#fff; border-bottom:none;}

.custom #header #logo a { display: block; height: 112px; width: 902px; background: url('images/header.jpg') center center no-repeat; 
outline: none; text-indent:-9999px;}

/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
.custom #header { padding: 0; } 

body.custom {
background: #dddee2;
}

.custom #container {
margin-top: 1em;
margin-bottom: 1em;
padding: none;
background: #dddee2;
border: none;
}

.custom #page {
background: #ffffff;
}