@keyframes nmfadein {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

#newmenu{
	display:block;
	height:575px;
	width:180px;
	position:absolute;
	overflow:hidden;
	text-align:center!important;

	animation-name: nmfadein;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-duration: 1s;
}
#newmenu>.tile{
	display:block;
	width:180px;
	height:185px;
	border-radius:10px;
	position:absolute;

    -webkit-transition:all 0.8s ease;
    transition:all 0.8s ease;

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dfdfdf 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dfdfdf 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dfdfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 );
}
#newmenu>.tile>img{
	width:135px;
	height:135px;
	left:0;
	right:0;
	margin:auto;
	margin-top:10px;
	margin-bottom:13px;
}
#newmenu>.tile>.caption{
	text-decoration:none;
	font-family:sans-serif;
	font-size:18px;
	left:0;
	right:0;
	text-align:center;
	color:#000;
}
#preview{top:0px;z-index:11;}
#template{top:30px;z-index:10;}
#theme{top:60px;z-index:9;}
#nmbackground{top:90px;z-index:8;}
#ephotos{top:120px;z-index:7;}
#cphotos{top:150px;z-index:6;}
#settings{top:180px;z-index:5;}

#preview.active{top:-155px;}
#template.active{top:-125px;}
#theme.active{top:-95px;}
#nmbackground.active{top:-65px;}
#ephotos.active{top:-35px;}
#cphotos.active{top:-5px;}

#menufoot{margin-top:365px;}