/*================================================================
Use files like this for page-specific styles.  For example, 
sample.html loads this file in addition to style.css.
================================================================*/

#communication {
background: #013E82 /* bivins dark blue */ url("../../images/top_communication.jpg") no-repeat top;
height: 250px;
color: #FFF;
padding: 0px 5px;
}

#development {
background: #B9283F /* bivins raspberry */ url("../../images/top_development.jpg") no-repeat top;
height: 250px;
color: #FFF;
padding: 0px 5px;
}

#fitness {
background: #2097D3 /* bivins sky blue */ url("../../images/top_fitness.jpg") no-repeat top;
height: 250px;
color: #FFF;
padding: 0px 5px;
}

#communication h1, #development h1, #fitness h1 {
font-size: 18px;
text-transform: uppercase;
color: #FFF;
margin: 0;
padding: 0;
}

#communication h3, #development h3, #fitness h3 {
font-size: 14px;
font-style: italic;
padding-top: 3px;
margin: 0;
color: #fff;
}