.grid {
	width: 410px;
	height: 310px;
	overflow: hidden;
	position: relative;

	-webkit-transform: translate3d(0,0,0); /* smoothness */
}

.grid > div, .blink {
	position: absolute;
	width: 130px;
	height: 100px;
-webkit-transition: all 0.3s ease-out;  
-moz-transition:    all 0.3s ease-out;  
-ms-transition:     all 0.3s ease-out;  
-o-transition:      all 0.3s ease-out; 
transition:         all 0.3s ease-out; 
cursor: pointer; 
}
.a {
	left: 0;
}
.b {
	left: 135px
}
.c {
	left: 270px;
}
.one {
	top: 0;
}
.two {
	top: 105px;
}
.three {
	top: 210px;
}
.a1 { background: url(../img/concept/a1.jpg) 0      0       no-repeat; }
.a2 { background: url(../img/concept/a2.jpg) 0      -105px  no-repeat; }
.a3 { background: url(../img/concept/a3.jpg) 0      -210px  no-repeat; }
.b1 { background: url(../img/concept/b1.jpg) -135px 0       no-repeat; }
.b2 { background: url(../img/concept/b2.jpg) -135px -105px  no-repeat; }
.b3 { background: url(../img/concept/b3.jpg) -135px -210px  no-repeat; }
.c1 { background: url(../img/concept/c1.jpg) -270px 0       no-repeat; }
.c2 { background: url(../img/concept/c2.jpg) -270px -105px  no-repeat; }
.c3 { background: url(../img/concept/c3.jpg) -270px -210px  no-repeat; }

.grid > div.active {
	width: 410px;
	height: 310px;
	top: 0;
	left: 0;
	background-position: 0 0;
	z-index: 1;
}


.blink {
	background: white;
	opacity: 0;
	text-indent: -9999px;
	z-index: -1;
}