* {

	padding:0;

	margin:0;

}


body {

	text-align: center;
	
	/*background-image: url("../../../images/theme/background-images/inner-pages-kids-bg.png");*/
	
	padding-top:15px;

	background:#fff;

	color: #fff;

}

#gameStats{

	width:515px;

	margin:auto;

	height:69px;

	padding-top:15px;

	color:#000;

	background:#FFF;

}



#gameStats p#timer{

	float: left;

	text-align: left;

	font-family: myriad pro;

	padding: 0 0 0 10px;

	width:84px;

	text-align:center;

}

#gameStats p#logo{

	float: left;

	margin-left:39px;

}

#gameStats p#reset{

	float: right;

	text-align: right;

	padding: 0 10px 0 0;

	

	}



#gameStats .gameReset{

	float: right;

	text-align: right;

	font-family: myriad pro;

	padding: 0 10px 0 0;

	color: #000;

	text-decoration:none;

	display:block;

	width:84px;

	text-align:center;

}



#game {

	width:515px;

	margin: 0 auto;

	background:#FFF;

}



#cards {

	position: relative;

	height: 410px;

	display: none;

	left:40px;

}

#cards2{

	display:none;	

}

#card2{

	display:none;	

}

/* Define the 3D perspective view and dimension of each card. */

.card {

	-webkit-perspective: 600;

	-moz-perspective: 600;

	width: 70px;

	height: 78px;

	position: absolute;

	-moz-transition: all .3s;

	-webkit-transition: all .3s;

	transition: all .3s;

	cursor: pointer;

}



#gameIntro {

	background:url(../images/startpage.png) top center no-repeat;

	padding-top: 80px;

	text-align: center;

	height: 330px;

	width:550px;

	margin:auto;

	padding-bottom:84px;

	position:relative;

	margin-top:-80px;

}



#gameIntro a.button {

	border-radius: 5px;

	display: block;

	font-size: 30px;

	margin: 230px auto 0;

	padding: 10px;

	width: 150px;

	border: 3px solid blue;

	color:blue;

	text-decoration:none;

}



#gameIntro a.button:hover {

	color:#red;

	text-decoration:none;

}





#gameComplete {

/*	position of revealed image and height of white bg*/

	padding: 1px 0;

	text-align: center; 

	height: 520px;

}



#gameComplete a.button {

	background: white;

	border-radius: 5px;

	display: block;

	font-size: 20px;

	margin: 8px auto 0;

	padding: 10px;

	width: 150px;

	border: 5px solid #006438;

	color:#006438;

	text-decoration:none;

}



#gameComplete p#top {
	
/*	position of text and paly again button */

	margin: 15px 0 0;

	font-size: 20px;

	color:#006438;

}



.face {

	width: 100%;

	height: 100%;

	position: absolute;

	-webkit-transition-property: opacity, transform, box-shadow;

	-webkit-transition-duration: .3s;

	-moz-transition-duration: .3s;

	-o-transition-duration: .3s;

	transition-duration: .3s;

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility: hidden;

}



.front {

	background: url(../images/deck.jpg) 0 -234px;

	z-index: 10;

}

.back {

	background: #efefef url(../images/deck.jpg);

	-webkit-transform: rotate3d(0,1,0,-180deg);

	-moz-transform: rotate3d(0,1,0,-180deg);

	z-index: 8;

}

.card:hover .face, .card-flipped .face {

	-webkit-box-shadow: 0 0 10px #aaa;

}

.card-flipped .front {

	-webkit-transform: rotate3d(0,1,0,180deg);

	-moz-transform: rotate3d(0,1,0,180deg);

	z-index: 8;

}

.card-flipped .back {

	-webkit-transform: rotate3d(0,1,0,0deg);

	-moz-transform: rotate3d(0,1,0,0deg);

	z-index: 10;

	border:1px solid #000;

}

.card-removed {

	opacity: 0;

}

/*

.blueDino {background-position: 0 0;}

.brownDino {background-position: -73px 0;}

.redDino {background-position: -148px 0;}

.greenDino {background-position: -213px 0;}

.purpDino {background-position: -284px 0;}
.purpDino1 {background-position: -284px -82px;}

.burgDino {background-position: -356px 0;}

.orangeDino {background-position: -426px 0;}

.purp2Dino {background-position: -493px 0;}

.pinkDino {background-position: -568px 0;}

.styracDino {background-position: -639px 0;}

.yellowDino {background-position: -710px 0;}

.yellow2Dino {background-position: -781px 0;}

.greyDino {background-position: -852px 0;}

.grey2Dino {background-position:  -923px 0;}

.blackDino {background-position: -994px 0;}


*/

.brownCard {background-position: 0 0;}
.brownCard1 {background-position: 0 -78px;}

.blueCard {background-position: -70px 0;}
.blueCard1 {background-position: -70px -78px;}

.blackCard {background-position: -140px 0;}
.blackCard1 {background-position: -140px -78px;}

.grayCard {background-position: -210px 0;}
.grayCard1 {background-position: -210px -78px;}

.greenCard {background-position: -280px 0;}
.greenCard1 {background-position: -280px -78px;}

.orangeCard {background-position: -350px 0;}
.orangeCard1 {background-position: -350px -78px;}

.magentaCard {background-position: -420px 0;}
.magentaCard1 {background-position: -420px -78px;}

.pinkCard {background-position: -490px 0;}
.pinkCard1 {background-position: -490px -78px;}

.purpleCard {background-position: -560px 0;}
.purpleCard1 {background-position: -560px -78px;}

.redCard {background-position: -630px 0;}
.redCard1 {background-position: -630px -78px;}

.whiteCard {background-position: -700px 0;}
.whiteCard1 {background-position: -700px -78px;}

.yellowCard {background-position: -770px 0;}
.yellowCard1 {background-position: -770px -78px;}

.bullonsCard {background-position: -0px -156px;}
.bullonsCard1 {background-position: -70px -156px;}

.houseCard {background-position: -140px -156px;}
.houseCard1 {background-position: -210px -156px;}

.carCard {background-position: -280px -156px;}
.carCard1 {background-position: -350px -156px;}


#linkBack a.button {

	background: white;

	border-radius: 5px;

	display: block;

	font-size: 30px;

	margin: 30px auto 0;

	padding: 10px;

	width: 250px;

	border: 3px solid #006438;

	color:#006438;

	text-decoration:none;

}



#linkBack a.button:hover {

	background: #006438;

	color:#fff;

	text-decoration:none;

}