@media all{

	.top-footer {
	    background: #F5F5F5;
	    padding-top: 5px;
	    position: relative;
	    padding: 15px;
	}

	.top-footer:before{
		position: absolute;
		content: " ";
		width: 100%;
	    left: 0;
		height: 10px;
		top: -10px;
		background: rgba(0,0,0,0);
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.1)));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
		background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
		background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
	}

	.top-footer:after{
		content:" ";
	    left: 0;
		position: absolute;
		bottom: -15px;
		width: 100%;
		height: 15px;
		background: rgba(33,33,33,1);
		background: -moz-linear-gradient(top, rgba(33,33,33,1) 0%, rgba(66,66,66,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(33,33,33,1)), color-stop(100%, rgba(66,66,66,1)));
		background: -webkit-linear-gradient(top, rgba(33,33,33,1) 0%, rgba(66,66,66,1) 100%);
		background: -o-linear-gradient(top, rgba(33,33,33,1) 0%, rgba(66,66,66,1) 100%);
		background: -ms-linear-gradient(top, rgba(33,33,33,1) 0%, rgba(66,66,66,1) 100%);
		background: linear-gradient(to bottom, rgba(33,33,33,1) 0%, rgba(66,66,66,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212121', endColorstr='#424242', GradientType=0 );
	}

	ul.topf li {
	    display: inline-block;
	    vertical-align: middle;
	    padding: 0 5px;
	}

	ul.topf {
	    vertical-align: middle;
	    text-align: center;
	} 

	ul.topf h3 {
	    margin-bottom: 5px;
	}	


}