
/**
 * Clients
 */

#clients ul.clients {
  width: 760px;
  list-style: none;
  margin: 0;
  padding: 0;
}

#clients ul.clients li {
  float: left;
  width: 190px;
  background: url(/images/bgs/grid.gif) left top repeat-y;
  border-bottom: 1px solid #ebebeb;
}

#clients ul.clients li.last {
  border-bottom: none;
}

#clients ul.clients li a {
  display: block;
  width: 160px;
  height: 120px;
}

#clients p.more  {
  clear: both;
  width: 730px;
  height: 20px;
  background: #f9f9f9 url(/images/bgs/more.gif) no-repeat;
}

#clients p.more a {
  display: block;
  width: 730px;
  height: 20px;
  line-height: 20px;
  background: url(/images/bgs/more-arrow.gif) 320px center no-repeat;
  text-align: center;
  text-decoration: none;
}

#clients p.more a.down {
  background: url(/images/bgs/more-arrow-down.gif) 320px center no-repeat;
}

#clients div.more {
  display: none;
  width: 760px;
}

#clients div.more h3 {
  margin: 0;
  padding: 0;
}

#clients div.more p {
  width: 730px;
}

#clients div.more div.column {
  float: left;
  width: 190px;
}

#clients div.more div.column ul {
  list-style: none;
  margin: 5px 0;
  padding: 0;
}

#clients div.more div.column h4 {
  font-size: 13px;
  margin: 15px 0 0 0;
}


/**
 * Testimonials
 */

#testimonials ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#testimonials ul li {
  background: url('/images/testimonials/partition.gif') 555px 0 no-repeat;
  border-top: 1px solid #ededed;
  margin: 0;
  padding: 0;
}

#testimonials ul li p {
  margin-right: 190px;
}

#testimonials ul li cite {
  font-style: normal;
  font-weight: bold;
}

#testimonials ul li div {
  float: right;
  width: 160px;
  height: 120px;
}

#testimonials p.more {
  clear: both;
  width: 730px;
  height: 20px;
  background: #f9f9f9 url(/images/bgs/more.gif) no-repeat;
  margin-bottom: 0;
}

#testimonials p.more a {
  display: block;
  width: 730px;
  height: 20px;
  line-height: 20px;
  background: url(/images/bgs/more-arrow.gif) 312px center no-repeat;
  text-align: center;
  text-decoration: none;
}

#testimonials p.more a.down {
  background: url(/images/bgs/more-arrow-down.gif) 312px center no-repeat;
}

#testimonials ul.more {
  display: none;
}

#testimonials ul.more li.first {
  border-top: 1px solid #fff;;
}


/**
 * Twitter
 */

#twitter-feed {
  width: 540px;
}

#twitter-feed form {
  margin-bottom: 20px;
}

#twitter-feed form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

#twitter-feed form fieldset label {
  font-size: 13px;
  font-weight: bold;
}

#twitter-feed #characters {
  float: right;
  color: #b4b4b4;
  font-size: 13px;
  font-weight: bold;
}

#twitter-feed #characters.over {
  color: #d5540e;
}

#twitter-feed form fieldset textarea {
  width: 528px;
  border: 1px solid #b4b4b4;
  color: #868686;
  margin: 2px 0;
  padding: 5px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#twitter-feed form fieldset input {
  float: right;
  margin-left: 10px;
  display: inline;
}

#twitter-feed form fieldset p {
  color: #b4b4b4;
  font-size: 10px;
  line-height: normal;
  margin: 0;
  padding: 2px 0;
}


#twitter-feed ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#twitter-feed ul li {
  position: relative;
  height: 1%; /* this fixes an IE6 bug */
  background: #f9f9f9;
  border: 1px solid #ebebeb;
  font-size: 13px;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}

#twitter-feed ul li:hover {
  background: #f6f6f6;
}

#twitter-feed ul li div.tweet {
  padding: 10px 10px 10px 70px;
}

#twitter-feed ul li div.tweet p {
  margin: 0;
  padding: 0;
}

#twitter-feed ul li div.tweet p strong a {
  font-weight: bold;
  text-decoration: none;
}

#twitter-feed ul li div.tweet cite {
  display: block;
  color: #b4b4b4;
  font-size: 11px;
  padding-top: 4px;
}

#twitter-feed p.more {
  border: 1px solid #ebebeb;
  padding: 2px;
  text-align: center;
}

#twitter-feed div.more {
  display: none;
}

#twitter-feed ul li div.avatar {
  position: absolute;
  width: 48px;
  height: 48px;
  top: 10px;
  left: 10px;
  z-index: 10;
  background: #fff;
  border: 1px solid #ebebeb;
}

#twitter-feed ul li div.pointer {
  position: absolute;
  width: 14px;
  height: 13px;
  bottom: -13px;
  left: 14px;
  z-index: 10;
}

#twitter-user {
  float: right;
  width: 175px;
}

#twitter-user #twitter-bird {
  position: relative;
  left: -15px;
}

#twitter-user table {
  width: 175px;
  border-collapse: collapse;
}

#twitter-user table tbody tr td {
  text-align: center;
}

#twitter-user table tbody tr td a {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
