title: How to create a box with header with css styling?
body: <p>How can I create a box with a coloured "heading area" that has a shadow on the bottom just like this example on the right sidebar of this website: <a href="http://ammibalustrades.com.au/about-us" rel="nofollow">Box with heading on this website</a></p>
  
  <p>This website uses images to create this effect. I would like to use pure CSS3 and HTML5 to achieve this.</p>
  
  <p>I have tried looking for this on Google, but I can't find it anywhere. I'm assuming that I am calling it the wrong thing, that is why I cannot find it. Also, I've tried using a table with two cells, but it does not work out right and I cannot create or place the shadow correctly.</p>
  
  <p>I would like my box to be exactly the same as the example except that I would change the colours.</p>
  
  <p>I would really appreciate any help I can get.</p>