* {
  margin: 0;
  padding: 0;
}
body {
	 
}
#page-wrap {
  width: 90%; 
  margin: 10px auto;
}
    .tabs {
      position: relative;   
      min-height: 600px; /* This part sucks */
      clear: both;
      margin: 25px 0;
      width:100%;
    }
    .tab {
      float: left;
      height:600px;
      width:100%;
    }
    .tab label {
      background: #eee; 
      padding: 10px; 
      border: 1px solid #ccc; 
      margin-left: -1px; 
      position: relative;
      left: 1px; 
    }
    .tab [type=radio] {
      display: none;   
    }
    .content {
      position: absolute;
      top: 28px;
      left: 0;
      background: white;
      right: 0;
      bottom: 0;
      padding: 20px;
      border: 1px solid #ccc; 
    }
    [type=radio]:checked ~ label {
      background: white;
      border-bottom: 1px solid white;
      z-index: 2;
    }
    [type=radio]:checked ~ label ~ .content {
      z-index: 1;
    }