@charset "UTF-8";
/* CSS Document */

body
{
	margin:0;
	padding:0;	
}

img
{
	border:0;	
}

br 
{
	display: block;
	content: ""; /* clears default height */
    margin-top: -10px; /* change this to whatever height you want it */
}

#container
{
	width:300px;
	height:250px;
	border:1px solid #A7A7A2;	
	box-sizing:border-box;
	background-image:url(background2.png);
	background-repeat:no-repeat;
	overflow:hidden;
	position:relative;
	padding:0;
	margin:0;
	opacity:0;
}

#border
{
	border:8px solid #efeee2;	
	width:300px;
	height:250px;
	box-sizing:border-box;
	overflow:hidden;
	position:absolute;
	top:-1px;
	left:-1px;
	z-index:11;	
}

#bg1
{
	position:absolute;
	top:0;
	left:0;
	z-index:2;	
}

#bg2
{
	position:absolute;
	top:0;
	left:-300px;
	z-index:4;	
}

#land
{
	position:absolute;
	top:138px;
	left:0;
	z-index:6;	
}

#van
{
	position:absolute;
	top:216px;
	left:215px;
	z-index:6;	
}

#counter
{
	position:absolute;
	top:50px;
	left:115px;
	font-size:63pt;
	color:#efeee2;
	font-weight:bolder; 
	letter-spacing: -7px; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	alpha:0;
	z-index:3;
}



#percent
{
	position:absolute;
	top:50px;
	left:200px;
	font-size:63pt;
	color:#efeee2;
	alpha:0;
	z-index:3;	
}

#textHolder1
{
	position:absolute;
	width:208px;
	top:29px;
	right:34px;
	color:#c3e42a;
	font-size:24px;
	letter-spacing:1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align:right;
	z-index:3;
}

#textHolder2
{
	position:absolute;
	width:254px;
	top:131px;
	right:34px;
	color:#c3e42a;
	font-size:24px;
	letter-spacing:1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align:right;
	z-index:3;
}

#textHolder3
{
	position:absolute;
	top:15px;
	right:28px;
	color: #46522c;
	font-size:56px;
	letter-spacing:1px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-align:right;
	z-index:6;
}

#textHolder3 br {
	display: block;
	content: ""; /* clears default height */
    margin-top: -23px; /* change this to whatever height you want it */
}

#logo
{
	position:absolute;
	top:24px;
	left:29px;
	z-index:6;
	
}

#logo2
{
	position:absolute;
	top:24px;
	left:29px;
	z-index:1;
	
}

#cta
{
	position:absolute;
	top:131px;
	right:25px;
	z-index:6;	
}


.clickster {
	border:0;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:1234;
	cursor:pointer;
}