title: How can I create a CSS "well" effect similar to bootstrap but deeper?
body: <p>I would like to create a well area on my page that makes the area look like it is a little bit below the page by a few pixels. My page currently has a white background and a #F5F5F5 well area. </p>
  
  <p>I looked at the well for twitter bootstrap:</p>
  
  <pre><code>http://getbootstrap.com/components/#wells
  </code></pre>
  
  <p>For me at least this does not look like well at all. Maybe it is because I know the focus of the later version is to create a flat effect. </p>
  
  <p>Does anyone have any examples of how I could add a working well effect?</p>