.grid {
	width:500px;
	list-style: none;

}

.mainlist{width:500px; height:auto; border-bottom:dotted 2px #75431E;  margin-bottom:10px;!important; }
.mainlistout{width:500px; height:auto;  margin-bottom:10px;!important; }



.phofr{border:solid 2px #FFF; margin-left:180px; margin-top:10px;}

.tt1{background-color:#EEB66A; padding-left:10px;}
.tt2{background-color:#FCD8A3; padding-left:10px;}
.tt3{background:url(../images/tt3.jpg); padding-left:10px;}

.grid div{
	display: block;
	float:none; list-style-type:none;
	width: 500px;
	opacity: 0;
}

.grid div.shown,
.no-js .grid div,
.no-cssanimations .grid div {
	opacity: 1;
}

.grid div a,
.grid div img {
	outline: none;
	display: block;
	max-width: 100%;
}


/* Effect 2: Move Up */
.grid.effect-2 div.animate {
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	transform: translateY(200px);
	-webkit-animation: moveUp 0.65s ease forwards;
	-moz-animation: moveUp 0.65s ease forwards;
	animation: moveUp 0.65s ease forwards;
}

@-webkit-keyframes moveUp {
	to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
	to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
	to { transform: translateY(0); opacity: 1; }
}


@-webkit-keyframes popUp {
	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; }
	100% { -webkit-transform: scale(1); opacity: 1; }
}

@-moz-keyframes popUp {
	70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; }
	100% { -moz-transform: scale(1); opacity: 1; }
}

@keyframes popUp {
	70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; }
	100% { transform: scale(1); opacity: 1; }
}

@media screen and (max-width: 900px) {
	.grid div {
		width: 50%;
	}
}

@media screen and (max-width: 400px) {
	.grid div {
		width: 100%;
	}
}