<center>
<div class="social-icons">
  <ul>
<li class="twitter" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">Twitter</a>
</li>

<li class="facebook" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">Facebook</a>
</li>

<li class="youtube" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">YouTube</a>
</li>

<li class="googleplus" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">Google +r</a>
</li>

<li class="pinterest" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">Pinterest</a>
</li>

<li class="paypal" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">Paypal</a>
</li>

<li class="linkedin" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">LinkedIN</a>
</li>

<li class="flickr" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">Flickrr</a>
</li>

<li class="vimeo" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">Vimeo</a>
</li>

<li class="tumblr" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">Tumblr</a>
</li>

<li class="orkut" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">Orkut</a>
</li>

<li class="picasa" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">Picasa</a>
</li>

<li class="skype" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">Skype</a>
</li>

<li class="html5" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">HTML 5</a>
</li>
<li class="apple" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">RSS Feed</a>
</li>
<li class="rss" style="background-color: #f0f0f0">
<a href="https://www.twitter.com/techandallcom" target="_blank">RSS Feed</a>
</li>
</ul>
</div>

</center>

/*--------------------------------------------------
    **Tech And All Social Icons Roll Over**
---------------------------------------------------*/
.social-icons {
  padding: 0!important;
  margin: 0!important;
  list-style-type: none!important;
}
.social-icons li{
  float: left!important;
  margin-right: 2px!important;
  margin-bottom: 2px!important;
  padding: 0px!important;
  display: inline!important;
  width: auto!important;

}     
.social-icons li a {
  -moz-transition: all 0.3s ease 0s;
  display: block!important;
  float: left!important;
  height: 100%!important;
  margin: 0!important;
  padding: 0!important;
  width: 40px!important;
  height: 40px!important;
  text-indent: -9999px!important;
}
.social-icons li a:hover {
  background-position: 0 -40px!important;
}
.social-icons li a {
  background-color:transparent;
}
.social-icons li.aim a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/aim.png) no-repeat 0 0;
}
.social-icons li.aim a:hover {
  background-color: #e95a00;
}
.social-icons li.apple a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/apple.png) no-repeat 0 0;
}
.social-icons li.apple a:hover {
  background-color: #606060;
}
.social-icons li.behance a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/behance.png) no-repeat 0 0;
}
.social-icons li.behance a:hover {
  background-color: #18a3fe;
}
.social-icons li.blogger a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/blogger.png) no-repeat 0 0;
}
.social-icons li.blogger a:hover {
  background-color: #fb913f;
}
.social-icons li.cargo a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/cargo.png) no-repeat 0 0;
}
.
.social-icons li.delicious a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/delicious.png) no-repeat 0 0;
}
.social-icons li.facebook a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/facebook.png) no-repeat 0 0;
}
.social-icons li.facebook a:hover {
  background-color: #3b5998;
}
.social-icons li.flickr a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/flickr.png) no-repeat 0 0;
}
.social-icons li.flickr a:hover {
  background-color: #f1628b;
}
.social-icons li.google a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/google.png) no-repeat 0 0;
}
.social-icons li.google a:hover {
  background-color: #dd4b39;
}
.social-icons li.googleplus a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/googleplus.png) no-repeat 0 0;
}
.social-icons li.googleplus a:hover {
  background-color: #d94a39;
}
.social-icons li.html5 a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/html5.png) no-repeat 0 0;
}
.social-icons li.html5 a:hover {
  background-color: #f3642c;
}
.social-icons li.linkedin a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/linkedin.png) no-repeat 0 0;
}
.social-icons li.linkedin a:hover {
  background-color: #71b2d0;
}
.social-icons li.orkut a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/orkut.png) no-repeat 0 0;
}
.social-icons li.orkut a:hover {
  background-color: #ed2590;
}
.social-icons li.paypal a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/paypal.png) no-repeat 0 0;
}
.social-icons li.paypal a:hover {
  background-color: #32689a;
}
.social-icons li.picasa a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/picasa.png) no-repeat 0 0;
}
.social-icons li.picasa a:hover {
  background-color: #444;
}
.social-icons li.pinterest a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/pinterest.png) no-repeat 0 0;
}
.social-icons li.pinterest a:hover {
  background-color: #cb2027;
}
.social-icons li.rss a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/rss.png) no-repeat 0 0;
}
.social-icons li.rss a:hover {
  background-color: #fe9900;
}
.social-icons li.skype a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/skype.png) no-repeat 0 0;
}
.social-icons li.skype a:hover {
  background-color: #18b7f1;
}
.social-icons li.tumblr a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/tumblr.png) no-repeat 0 0;
}
.social-icons li.tumblr a:hover {
  background-color: #3a5976;
}
.social-icons li.twitter a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/twitter.png) no-repeat 0 0;
}
.social-icons li.twitter a:hover {
  background-color: #48c4d2;
}
.social-icons li.vimeo a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/vimeo.png) no-repeat 0 0;
}
.social-icons li.vimeo a:hover {
  background-color: #62a0ad;
}
.social-icons li.wordpress a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/wordpress.png) no-repeat 0 0;
}
.social-icons li.wordpress a:hover {
  background-color: #464646;
}

.social-icons li.yelp a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/yelp.png) no-repeat 0 0;
}
.social-icons li.yelp a:hover {
  background-color: #c41200;
}
.social-icons li.youtube a {
  background: url(http://www.techandall.com/demos/socialmediaicons/icons/youtube.png) no-repeat 0 0;
}
.social-icons li.youtube a:hover {
  background-color: #f45750;
}