body{
  margin:0px;
}

a.fill-div {
		display:block;
	    height: 100%;
	    width: 100%;
	    text-decoration: none;
}

#container{
  position: absolute;
  display: block;
  width: 300px;
  height: 250px;
  
}
#ad{
   position: absolute;
   display: block;
   right:0px;
   border: rgb(145,153,153) 1px solid;
   overflow:hidden;
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   width: 298px;
   height: 248px;
}

/*replace the background with a guide here*/

#banner{
  position:absolute;
  display: block;
  width: 298px;
  height: 248px;
  right:0px;
  overflow: hidden;
}

#guide{
	position:absolute;
	width:300px;
	height:250px;
	top:0px;
	left:0px;
	background:url(images/frame3a.jpg);
}

#background{
	position:absolute;
	width:600px;
	height:250px;
	top:0px;
	left:0px;
	background:url(images/background.jpg);
}

#man {
	position:absolute;
	width:300px;
	height:250px;
	top:0px;
	left:0px;
	background:url(images/man.png);
}

#clickthismofo{
  z-index:12;
  position: absolute;
  display: block;
  width: 300px;
  height: 250px;
  cursor:pointer;
}

#headline{
	position:absolute;
	left:300px;
	width:300px;
	height:250px;
}

#h1{
	position:absolute;
	background: url('images/h1.png') no-repeat scroll top left;
	width: 249px;
	height: 32px;
	top:16px;
	left:74px;
}

#h2{
	position:absolute;
	background: url('images/h2.png') no-repeat scroll top left;
	width: 249px;
	height: 66px;
	top:-100px;
	left:74px;
}

#h2mask{
	position:relative;
	overflow:hidden;
	width: 300px;
	height: 74px;
	left:0px;
	top:48px;
}

#h3{
	position:absolute;
	background: url('images/h3.png') no-repeat scroll top left;
	width: 278px;
	height: 80px;
	top:-100px;
	left:71px;
}

#h3mask{
	position:relative;
	overflow:hidden;
	width: 300px;
	height: 83px;
	left:0px;
	top:35px;
}

#copy{
	position:absolute;
	width:300px;
	height:250px;
	top:0px;
	left:-300px;
}

#copyTxt{
	position:absolute;
	background: url('images/copyTxt.png') no-repeat scroll top left;
	width: 254px;
	height: 146px;
	top:26px;
	left:24px;
}


#weagreelogo {
	position:absolute;
	background: url('images/weagree.png') no-repeat scroll top left;
	width: 155px;
	height: 46px;
	left:90px;
	top:185px;
	opacity:0;
}

#chevronlogo {
	position:absolute;
	background: url('images/chevronlogo.png') no-repeat scroll top left;
	width: 65px;
	height: 61px;
	left:-100px;
	top:179px;
}

#arrows{
	position:absolute;
	pointer-events: none;
	top: 6px;
	left: 109px;
	background: url('images/cta_arrows.png') no-repeat scroll top left;
	width: 10px;
	height: 11px;
}

.buttons{
  position: absolute;
  bottom: 0px;
  left: 194px;
}
.button{
  position: relative;
  margin:3px;
  background-repeat:no-repeat;
  cursor:pointer;
}

.button.clickthrough{
  width:468px;
  height:90px;
  top:43px;
}

.button.useraction{
 	background: url('images/cta.jpg') no-repeat scroll top left;
	width: 124px;
	height: 22px;
	left:105px;
	top:-6px;
	z-index:5;
}