/* 
Copyright 2007 Sheepshank. All rights reserved.

WHY section.
*/

h1 {
  width: 667px; /* 392 + 275 */
}

h1 .section { 
  background-image: url(images/why-title.gif);
  width: 392px;
}

h2.why-knot { 
  background-image: url(images/subtitle-why-knot.gif);
  width: 150px;
}



table.tie { 
  width: 70%;
  margin: 1em auto;
}

table.tie td { 
  text-align: center;
}

table.tie tr.images td { 
  vertical-align: bottom;
  padding: 1em;
}

table.tie tr.labels td { 
  vertical-align: top;
  padding: 0 2em 2em 2em;
}

table.tie tr.labels td p { 
  text-align: left;
}

table.tie tr.labels td p.number { 
  font-size: 212%;
  float: left;
  font-weight: bold;
  color: #ddd;
  line-height: 0.8;
  padding: 0 1ex 1ex 0;
}