.wrap { width: 475px; height: 100px; margin-top: -50px; margin-left: -237.5px; position: absolute; top: 50%; left: 50%; }

ul { list-style: none; margin: 0; padding: 0; }
ul li { float: left; width: 100px; height: 100px; cursor: pointer; }

ul li.twitter { background: url(images/twitter.png) top left no-repeat; }
ul li.readernaut { background: url(images/readernaut.png) top left no-repeat; }
ul li.daytum { background: url(images/daytum.png) top left no-repeat; }
ul li.brightkite { background: url(images/brightkite.png) top left no-repeat; }

ul li.twitterOn { background: url(images/twitter_on.png) top left no-repeat; }
ul li.readernautOn { background: url(images/readernaut_on.png) top left no-repeat; }
ul li.daytumOn { background: url(images/daytum_on.png) top left no-repeat; }
ul li.brightkiteOn { background: url(images/brightkite_on.png) top left no-repeat; }

ul li { margin-right: 25px; }
ul li.last { margin-right: 0 !important; }

ul li img { width: 95px; height: 95px; padding: 2.5px; }

ul li.opacity { opacity: .8; filter: alpha(opacity=80); }

ul li a { display: block; width: 100px; height: 100px; }