@charset "UTF-8";
/* CSS Document */

/********************
  Middle Tag Buttons
  *********************/
#tag1{   
  display: block;
  width: 143px;
  height: 164px;
  background: url("http://www.joinsimple.com/images/middle.b1.jpg") no-repeat 0 0;
}
#tag1:hover{
  background-position: 0 -164px;
}
#tag1 span {
  display: none;
}

#tag2{   
  display: block;
  width: 139px;
  height: 164px;
  background: url("http://www.joinsimple.com/images/middle.b2.jpg") no-repeat 0 0;
}
#tag2:hover{
  background-position: 0 -164px;
}
#tag2 span {
  display: none;
}

#tag3{   
  display: block;
  width: 160px;
  height: 164px;
  background: url("http://www.joinsimple.com/images/middle.b3.jpg") no-repeat 0 0;
}
#tag3:hover{
  background-position: 0 -164px;
}
#tag3 span {
  display: none;
}


/********************
  Social Media Buttons
  *********************/
#twitterbtn, #facebookbtn, #blogbtn{   
  display: block;
  width: 100px;
  height: 100px;
  background: url("http://www.joinsimple.com/images/twitter.gif") no-repeat 0 0;
}
#facebookbtn{
 background: url("http://www.joinsimple.com/images/facebook.gif") no-repeat 0 0;
}
#blogbtn{
 background: url("http://www.joinsimple.com/images/blog.gif") no-repeat 0 0;
}
#twitterbtn:hover, #facebookbtn:hover, #blogbtn:hover{
  background-position: 0 -100px;
}
#twitterbtn span {
  display: none;
}

#explorebtn{   
  display: block;
  width: 177px;
  height: 100px;
  background: url("http://www.joinsimple.com/images/explore.gif") no-repeat 0 0;
}
#explorebtn:hover{
  background-position: 0 -100px;
}
#explorebtn span {
  display: none;
}