body {background-color: #e9e9e9;}
.wrap {margin: 0px auto;
padding-top: 20%;
width: 800px;}
.logo {display: block; margin-left: auto;
    margin-right: auto;
    }
.wrap ul {float: left;list-style: none;margin-left: 21%;}
.wrap li {width:33px;height:33px;float:left;}
.twitter {width:33px;height:33px;float:left;background:url(../img/twitter.png)!important; background-position:top!important;}
.twitter:hover {width:33px;height:33px;float:left;background:url(../img/twitter.png)!important; background-position:bottom!important;}
.tumblr {width:33px;height:33px;float:left;background:url(../img/tumblr.png)!important; background-position:top!important;}
.tumblr:hover {width:33px;height:33px;float:left;background:url(../img/tumblr.png)!important; background-position:bottom!important;}
.behance {width:33px;height:33px;float:left;background:url(../img/behance.png)!important; background-position:top!important;}
.behance:hover {width:33px;height:33px;float:left;background:url(../img/behance.png)!important; background-position:bottom!important;}
.vcard {width:33px;height:33px;float:left;background:url(../img/vcard.png)!important; background-position:top!important;}
.vcard:hover {width:33px;height:33px;float:left;background:url(../img/vcard.png)!important; background-position:bottom!important;}
.email {width:33px;height:33px;float:left;background:url(../img/email.png)!important; background-position:top!important;}
.email:hover {width:33px;height:33px;float:left;background:url(../img/email.png)!important; background-position:bottom!important;margin: -1px 0px 0px -1px;}
.dribbble {width:33px;height:33px;float:left;background:url(../img/dribbble.png)!important; background-position:top!important;}
.dribbble:hover {width:33px;height:33px;float:left;background:url(../img/dribbble.png)!important; background-position:bottom!important;cursor:default;}
.skype {width:33px;height:33px;float:left;background:url(../img/skype.png)!important; background-position:top!important;}
.skype:hover {width:33px;height:33px;float:left;background:url(../img/skype.png)!important; background-position:bottom!important;}
.facebook {width:33px;height:33px;float:left;background:url(../img/facebook.png)!important; background-position:top!important;}
.facebook:hover {width:33px;height:33px;float:left;background:url(../img/facebook.png)!important; background-position:bottom!important;}
.ember {width:33px;height:33px;float:left;background:url(../img/ember.png)!important; background-position:top!important;}
.ember:hover {width:33px;height:33px;float:left;background:url(../img/ember.png)!important; background-position:bottom!important;}
.xing {width:33px;height:33px;float:left;background:url(../img/xing.png)!important; background-position:top!important;}
.xing:hover {width:33px;height:33px;float:left;background:url(../img/xing.png)!important; background-position:bottom!important;}
.linkedin {width:33px;height:33px;float:left;background:url(../img/linkedin.png)!important; background-position:top!important;}
.linkedin:hover {width:33px;height:33px;float:left;background:url(../img/linkedin.png)!important; background-position:bottom!important;}
.buildmyapp {width:33px;height:33px;float:left;background:url(../img/buildmyapp.png)!important; background-position:top!important;}
.buildmyapp:hover {width:33px;height:33px;float:left;background:url(../img/buildmyapp.png)!important; background-position:bottom!important;}

/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(/tooltip/dribbble.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(/tooltip/dribbble.png);
}

.tooltip {
	display:none;
	background:transparent url(/tools/../imgtooltip/dribbble.png);
	background-repeat: no-repeat;
	font-size:12px;
	height:131px;
	width:433px;
	padding:25px;
	color:#fff;	
}