body { background-color: #9cc7d7; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

div.coming-soon { margin: 0 auto; padding-top: 4em; width: 400px; }

h1, ul li, div.logo-bg { background-image: url('/images/coming-soon-sprite.png'); background-repeat: no-repeat;  text-indent: -9999px; }

div.logo-bg { background-position: 0 0; height: 150px; margin-bottom: 2em; width: 400px; }

h1 { background-position: 0 -160px; height: 76px; margin-bottom: 5em; width: 293px; }

ul li { background-position: 0 -280px; float: left; height: 75px; margin-right: 33px; opacity: .3; width: 75px; }
ul li.last { margin-right: 0; }
ul li:hover { opacity: .6; }
ul li.twitter { background-position: 0 -280px; }
ul li.facebook { background-position: -80px -280px; }
ul li.flickr { background-position: -160px -280px; }
ul li.email { background-position: -240px -280px; }


ul li a { display: block; height: 100%; }