.footerWrapper {
    z-index: 2;
}

.Selected {
	display:		block;
}

.bg {
	
	background:		#7fb3b3;
}

.mainWrapper {
	width:			100%;
	overflow: 		hidden;
	position: 		relative;
}

.mainWrapper .leftWrapper {
	height: 		100%;
	width:			50%;
	background:		#7fb3b3;
	position:		relative;
	float:			left;
}
.mainWrapper .leftWrapper .cpy {
	width:			335px;
	height:			320px;
	margin:			0 auto;	
	position:		relative;
	margin-top:		-125px;
	color: 			#FFFFFF;
	font-family: 	FNBSansThin;
	font-size: 		72px;			
}
div.mainWrapper div.rightWrapper div.cpyWrapper div.cpyBlock div.cpy div a,
div.mainWrapper div.rightWrapper div.cpyWrapper2 div.cpyBlock div.cpy div a{
	color: #454545;
	text-decoration: underline;
}
.mainWrapper .rightWrapper {
	width:			50%;
	height: 		100%;
	position:		relative;
	float:			left;	
}
.mainWrapper .rightWrapper .cpyWrapper {
	width:			100%;	
	position:		relative;
	float:			left;
	margin-top:		-60px;
}

.mainWrapper .rightWrapper .cpyWrapper .cpyBlock {
	width:			40%;
	margin-left:	10%;
	position:		relative;
	float:			left;	
}

.mainWrapper .rightWrapper .cpyWrapper .cpyBlock .nr {
	width:			50px;
	height:			40px;
	padding-top:	10px;
	background:		#009999;
	color: 			#FFFFFF;
	font-family: 	FNBSansThin;
	font-size: 		30px;
	text-align:		center;	
	
}

.mainWrapper .rightWrapper .cpyWrapper .cpyBlock .hlfBlock {
	width:			50px;
	height:			20px;
	background:		#009999;
}

.mainWrapper .rightWrapper .cpyWrapper .cpyBlock .line {
	width:			100%;
	height:			1px;
	margin-top:		6px;
	margin-bottom:	6px;
	background:		#009999;
}

.mainWrapper .rightWrapper .cpyWrapper .cpyBlock .cpy {
	width:			100%;
	height:			80px;
	color: 			#454545;
	font-family: 	FNBSansLight;
	font-size: 		14px;
	position:		relative;
}

.mainWrapper .rightWrapper .cpyWrapper .cpyBlock .CheatingText {
	color: 			#E7E7E7;
	font-family: 	FNBSansThin;
	font-size: 		14px;
	margin-top:		10px;
	position:		relative;
}

.mainWrapper .rightWrapper .cpyWrapper .cpyBlock .nrml {
	color: 			#454545;
	font-family: 	FNBSansThin;
	font-size: 		14px;
	margin-top:		10px;
	position:		relative;
}


/*---------------*/
/*  PHONE MODE  */
/*-------------*/
	.mainWrapper .leftWrapper .cpy2 {
		display:		none;
	}
	
	.mainWrapper .rightWrapper .cpyWrapper2 {
    	display:		none;
	}
	
	.mainWrapper .rightWrapper .cpyWrapper2 .cpyBlock {
		width:			40%;
		margin-left:	5%;
		position:		relative;
		float:			left;	
	}
	
	.mainWrapper .rightWrapper .cpyWrapper2 .cpyBlock .nr {
		width:			50px;
		height:			40px;
		padding-top:	10px;
		background:		#009999;
		color: 			#FFFFFF;
		font-family: 	FNBSansThin;
		font-size: 		30px;
		text-align:		center;	
		
	}
	
	.mainWrapper .rightWrapper .cpyWrapper2 .cpyBlock .hlfBlock {
		width:			50px;
		height:			20px;
		background:		#009999;
	}
	
	.mainWrapper .rightWrapper .cpyWrapper2 .cpyBlock .line {
		width:			100%;
		height:			1px;
		margin-top:		6px;
		margin-bottom:	6px;
		background:		#009999;
	}
	
	.mainWrapper .rightWrapper .cpyWrapper2 .cpyBlock .cpy {
		width:			100%;
		height:			80px;
		color: 			#454545;
		font-family: 	FNBSansLight;
		font-size: 		14px;
		position:		relative;
	}
	
	.mainWrapper .rightWrapper .cpyWrapper2 .cpyBlock .CheatingText {
		color: 			#E7E7E7;
		font-family: 	FNBSansThin;
		font-size: 		14px;
		margin-top:		10px;
		position:		relative;
	}
	
	.mainWrapper .rightWrapper .cpyWrapper2 .cpyBlock .nrml {
		color: 			#454545;
		font-family: 	FNBSansThin;
		font-size: 		14px;
		margin-top:		10px;
		position:		relative;
	}	

/*------------------------*/
/*MEDIA QUERY STARTS HERE*/
/*----------------------*/

@media only screen and (max-width: 782px)
{
	.mainWrapper {
		width:			100%;
		overflow: 		hidden;
		position: 		relative;
		padding-bottom:	20%
	}
	
	.mainWrapper .leftWrapper .cpy {
		width:			80%;
		font-size: 		52px;			
	}
	
	.mainWrapper .rightWrapper .cpyWrapper {
    	position: 		relative;
    	top: 			220px;
	}
}

@media only screen and (max-width: 500px)
{
	
	.mainWrapper .leftWrapper {
		width:			100%;
		height:			340px;			
	}
	
	.mainWrapper .leftWrapper .cpy {
		display:		none;
	}
	.mainWrapper .leftWrapper .cpy2 {
		display:		block;
		width:			80%;
		margin-left:	5%;
		font-family: 	FNBSansThin;
		font-size: 		52px;
		margin-top:		60px;
		color:			#ffffff;
					
	}
	
	.mainWrapper .rightWrapper {
		width:			100%;			
	}
	
	.mainWrapper .rightWrapper .cpyWrapper {
    	display:		none;
	}
	
	.mainWrapper .rightWrapper .cpyWrapper2 {
		display:		block;
    	float: 			left;
    	position: 		relative;
    	top: 			20px;
    	width: 			100%;
	}
}