p { margin: 1em 0; }
   #wrap {
      width: 500px;
      font-size: 1.2em;
      margin: 3em auto; }
   .tabbed-box {
      width: 302px;
      background: #fff url(tabbed-body-bg.jpg) repeat-x bottom;
      border: 1px solid #ddd; }
   .tabbed-box .tabs li {
      list-style: none;
      float: left; }
   .tabbed-box .tabs li a {
      display: block;
      width: 100%;
      padding: 5px 0;
      font-weight: bold;
      text-align: center;
      text-decoration: none;
      color: #888;
      background: #fff url(tabbed-tab-bg.jpg) repeat-x bottom; 
      border-left: 1px solid #ddd;
      border-bottom: 1px solid #ddd;}
   .tabbed-box .tabs li:first-child a {
      border-left: none; }
   .tabbed-box .tabs li a:hover {
      color: #333; }
   .tabbed-box .tabs li a:focus {
      outline: none; }
   .tabbed-box .tabs li a.active, .tabbed-box .tabs li a.active:hover {
      background: #fff;
      color: #333;
      border-bottom: 1px solid #fff; }
   .tabbed-content {
      padding: 3em 1em 1em 1em;
      display: none; }