/* CSS Document */
body{
	background-attachment: fixed;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: left center;
}
.box{
	position: absolute;
	left:50%;top:50%;
	margin-left: -135px;
	margin-top: -135px;
	width:211px;height:211px;padding:30px 30px;

  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  transition: 0.6s;
   -moz-transition: 0.6s;

  transform-style: preserve-3d;
  -webkit-transition: 0.6s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;

  }
  .box:hover,.box.hover{-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);
-ms-transform:rotateY(180deg); }

.front img,.back img {position:relative;margin: 30px 0px 0px -30px;width:211px;}
.front,.back{position: absolute;
  top: 0;
  left: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;

width:211px;
height:211px;
	
}
.front{ z-index: 5;background:#000000;}
.back img{z-index: 3;}

.back{
	-webkit-transform: rotateY(180deg);

-moz-transform: rotateY(180deg);

-ms-transform:rotateY(180deg); 
background:#000000;z-index: 3;cursor:pointer;}
.front img {margin:30px 0px 0px 30px;z-index: 5;}
a{outline:0;border:0;}