.menusocial {
	float:left;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
    z-index:10;
		position:absolute;
}

.menusocial ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}

.menusocial li {
	padding: 0;
	margin: 0;    
	height: 36px;
	float: left;
	background-repeat: no-repeat;
	opacity: 0.5;
}

.menusocial li a {
    display: block;
    color: white;
    text-align: center;
	height: 36px;
	width: 36px;
    text-decoration: none;
	background-repeat: no-repeat;
}

.menusocial li:hover {
	opacity: 1.0;
}

.fb {background-image:   url(../pics/36px/facebook.png); }
.fb a {background-image: url(../pics/36px/facebook.png);}
.tw {background-image:   url(../pics/36px/twitter.png);}
.tw a {background-image: url(../pics/36px/twitter.png);}
.gp {background-image:   url(../pics/36px/googleplus.png);}
.gp a {background-image: url(../pics/36px/googleplus.png);}
.yo {background-image:   url(../pics/36px/youtube.png);}
.yo a {background-image: url(../pics/36px/youtube.png);}
.st {background-image:   url(../pics/36px/steam.png);}
.st a {background-image: url(../pics/36px/steam.png);}