@charset "UTF-8";

#container, .container,
#categorybutton-container2 {
    position:relative;
	transition: transform 1s;
    -webkit-transition: -webkit-transform 1s; /* Safari */
}

.featureapp {
    position:relative;
    height: 194px;
    margin: 0 0 10px 4px;
}

.featureapp h1 {
    position:absolute;
    top:142px;
    z-index:2;
	font-size: 14px;
	color: #fff;
	max-height: 2.8em;
	overflow:hidden;
	text-align:center;
	width: 150px;
	font-weight: normal;
    font-style: italic;
}

.advertcolumn h2 {
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
    color: rgb(51, 51, 51);
    font-style: italic;
    margin: 4px 0 10px 0;
    padding: 0 0 0 0;
    text-align:center;

}

.featureapp h1 a {
    color: rgb(51, 51, 51);
}

.featureapp h1.longname {
    font-size: 13px;
    line-height: 13px;
    max-height: 5em;
    height: 3.2em;
}

.featureapp h1.shortname {
    font-size: 16px;
    line-height: 19px;
}

.featureapp .icon img {
    width: 150px;
    border-radius: 30px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.7);
}

.featureapp .icon img:hover {
    box-shadow: 2px 2px 5px #000;

}

@media screen and (min-width: 1125px) {
	
	#container, .container,
	#categorybutton-container2 {
	   -webkit-transform: translate(80px,0px);
	   -moz-transform: translate(80px,0px);
	   -o-transform: translate(80px,0px);
		transform: translate(80px,0px);
	}

/* Featured Ads */
    .advertcolumn {
        position:absolute;
        top: 40px;
        background: #fff;
        width: 160px;
        padding: 0px;
        border: 1px solid #999;
        z-index: -10;
        border-radius: 10px 0 0 10px;
        transition: transform 1s;
        -webkit-transition: -webkit-transform 1s; /* Safari */
	   -webkit-transform: translate(-170px,0px);
	   -moz-transform: translate(-170px,0px);
	   -o-transform: translate(-170px,0px);
		transform: translate(-170px,0px);
		box-shadow: inset -6px 0px 7px -7px #333;
	
	}
	
}