.snav {
  float:  left;
  margin: 0;
  font-size:12px;
}

.snav * {
  margin-top:  -2px;
  padding: 0
}

.snav li {
  list-style-type: none;
  margin: 0 0 20px 0;
  text-align: center;
}

.snav li span {
  width:   160px;
  display: block
}

.snav li a {
  text-decoration: none;
  display: block;
  width:   160px;
  padding: 5px 0
}

.snav li.what {
  background: url(../images/tl-what.gif) 0 0 no-repeat
}

li.what span {
  background: url(../images/tr-what.gif) 100% 0 no-repeat
}

li.what span span {
  background: url(../images/bl-what.gif) 0 100% no-repeat
}

.what a {
  color: #7d6b3d
}

li.what a {
  background: url(../images/br-what.gif) 100% 100% no-repeat
}

.snav li.how {
  background: url(../images/tl-how.gif) 0 0 no-repeat
}

li.how span {
  background: url(../images/tr-how.gif) 100% 0 no-repeat
}

li.how span span {
  background: url(../images/bl-how.gif) 0 100% no-repeat
}

.how a {
  color: #a0474f
}

li.how a {
  background: url(../images/br-how.gif) 100% 100% no-repeat
}

.snav li.who {
  background: url(../images/tl-who.gif) 0 0 no-repeat
}

li.who span {
  background: url(../images/tr-who.gif) 100% 0 no-repeat
}

li.who span span {
  background: url(../images/bl-who.gif) 0 100% no-repeat
}

.who a {
  color: #777
}

li.who a {
  background: url(../images/br-who.gif) 100% 100% no-repeat
}

.snav li.why {
  background: url(../images/tl-why.gif) 0 0 no-repeat
}

li.why span {
  background: url(../images/tr-why.gif) 100% 0 no-repeat
}

li.why span span {
  background: url(../images/bl-why.gif) 0 100% no-repeat
}

.why a {
  color: #546a91
}

li.why a {
  background: url(../images/br-why.gif) 100% 100% no-repeat
}

.snav li.where {
  background: url(../images/tl-where.gif) 0 0 no-repeat
}

li.where span {
  background: url(../images/tr-where.gif) 100% 0 no-repeat
}

li.where span span {
  background: url(../images/bl-where.gif) 0 100% no-repeat
}

.where a {
  color: #ee9400
}

li.where a {
  background: url(../images/br-where.gif) 100% 100% no-repeat
}

.snav li.need {
  background: url(../images/tl-need.gif) 0 0 no-repeat
}

li.need span {
  background: url(../images/tr-need.gif) 100% 0 no-repeat
}

li.need span span {
  background: url(../images/bl-need.gif) 0 100% no-repeat
}

.need a {
  color: #8ab64e
}

li.need a {
  background: url(../images/br-need.gif) 100% 100% no-repeat;
}

.snav li.active {
  position: relative;
  left: 10px;
  z-index:1000;
}

li.active span.ch {
  background: none
}

li.active a {
  background: none
}

.about_box {
width:750px; 
margin:0; 
padding:0; 
margin-left:9px;
float:left;
}

.mt6 {
margin-top:6px;
}

.mt13 {
margin-top:13px;
}

.tenp_l {
height:75px; width:34px; background: url(../images/tenp_l.png) no-repeat; font-size:28px; color:#687c9e; text-align:center; line-height:75px;  float:left;
}

.tenp_c {
height:75px; width:437px; background:url(../images/hr-blue.png) no-repeat bottom left; float:left;
}

.tenp_r {
height:65px; width:8px; background: url(../images/tenp_r.png) no-repeat; float:left;
}