body {
	margin: 0px;
}

div { 
	position:absolute; 
	margin:0px; 
	padding:0px;
}

#viewport { 
	width:728px; 
	height:90px; 
	overflow:hidden;
    background-color: #FFFFFF;
    position: relative;
    margin: 0 auto;
}

#border { 
	position: absolute;
	pointer-events: none;
    left: 0px;
    top: 0px;
	width:728px; 
	height:90px;
	background: url(images/border_728x90.png) no-repeat;
}

#clickable { 
	position: absolute;
    left: 0px;
    top: 0px;
	width:728px; 
	height:90px; 
	background-color: white;
	opacity: 0;
}

#background { 
	position: absolute;
    left: 0px;
    top: 0px;
	width:728px; 
	height:90px; 
	background: url(images/background.png) no-repeat;
}

#mainMask { 
	position:absolute;
	left:31px;
	top:0px;
	width: 205px; 
	height: 90px;
	overflow: hidden;
}

#logo { 
	position: absolute;
    left: 0px;
    top: 0px;
	width:728px; 
	height:90px; 
	background: url(images/logo.png) no-repeat;
}

#logo2 { 
	position: absolute;
    left: 0px;
    top: 0px;
	width:728px; 
	height:90px; 
	background: url(images/logo2.png) no-repeat;
}

#legalBtn { 
	position: absolute;
    left: 599px;
    top: 44px;
	width:110px; 
	height:9px; 
	background: url(images/legalBtn.png) no-repeat;
}

#legalPanel { 
	position: absolute;
    left: 0px;
    top: 0px;
	width:728px; 
	height:90px; 
	background: url(images/legalPanel.png) no-repeat;
	pointer-events: none;
}

/*#frame { 
	position: absolute;
    left: 0px;
    top: 0px;
	width:300px; 
	height:600px; 
	background: url(images/frame.png) no-repeat;
}*/

#smallFrame { 
	position: absolute;
    left: 22px;
    top: 0px;
	width:272px; 
	height:323px; 
	background: url(images/smallFrame.png) no-repeat;
}

#image1 { 
	position: absolute;
    /*left: 24px;
    top: 30px;*/
    left: 7px;
    top: 0px;
	width:191px; 
	height:90px; 
	background: url(images/image1.jpg) no-repeat;
}

#image2 { 
	position: absolute;
    left: 17px;
    top: 71px;
	width:191px; 
	height:90px; 
	background: url(images/image2.jpg) no-repeat;
}

/*#image22 { 
	position: absolute;
    left: 25px;
    top: 34px;
	width:256px; 
	height:307px; 
	background: url(images/image2.jpg) no-repeat;
}*/

#image2Mask { 
	position:absolute;
	left:-15px;
	top:0px;
	width: 728px; 
	height: 200px;
	/*overflow: hidden;*/
}

#oldGoggles { 
	position: absolute;
    left: 15px;
    top: 0px;
	width:213px; 
	height:118px; 
	background: url(images/oldGoggles.png) no-repeat;
}

#newGoggles { 
	position: absolute;
    left: 8px;
    top: -13px;
	width:238px; 
	height:167px; 
	background: url(images/newGoggles.png) no-repeat;
}

#text1 { 
	position: absolute;
    left: 326px;
    top: 28px;
	width:180px; 
	height:23px; 
	background: url(images/text1.png) no-repeat;
}

#text2 { 
	position: absolute;
    left:514px;
    top: 28px;
	width:133px; 
	height:24px; 
	background: url(images/text2.png) no-repeat;
}

#text3 { 
	position: absolute;
    left: 420px;
    top: 9px;
	width:126px; 
	height:22px; 
	background: url(images/text3.png) no-repeat;
}

/*.Introducing_ {
  background-image: url("Introducing .png");
  position: absolute;
  left: 420px;
  top: 9px;
  width: 126px;
  height: 22px;
  z-index: 48;
}*/


#text4 { 
	position: absolute;
    left: 382px;
    top: 22px;
	width:203px; 
	height:59px; 
	background: url(images/text4.png) no-repeat;
}

/*#text5 { 
	position: absolute;
    left: 58px;
    top: 441px;
	width:183px; 
	height:23px; 
	background: url(images/text5.png) no-repeat;
}*/

#text6 { 
	position: absolute;
    left: 266px;
    top: 22px;
	width:313px; 
	height:48px; 
	background: url(images/text6.png) no-repeat;
}

#graphics1 { 
	position: absolute;
    left: -14px;
    top: -27px;
	width:184px; 
	height:181px; 
	background: url(images/graphics_1.png) no-repeat;
}

#innerGraphics1 { 
	position: absolute;
    left: -14px;
    top: -27px;
	width:184px; 
	height:181px; 
	background: url(images/innerGraphics.png) no-repeat;
}

#arrow1 { 
	position: absolute;
    left: -14px;
    top: -27px;
	width:184px; 
	height:181px; 
	background: url(images/arrow1.png) no-repeat;
}

#graphics2 { 
	position: absolute;
    left: 79px;
    top: -29px;
	width:184px; 
	height:181px; 
	background: url(images/graphics2_1.png) no-repeat;
}

#innerGraphics2 { 
	position: absolute;
    left: 79px;
    top: -29px;
	width:184px; 
	height:181px; 
	background: url(images/innerGraphics2.png) no-repeat;
}

#arrow2 { 
	position: absolute;
    left: 79px;
    top: -29px;
	width:184px; 
	height:181px; 
	background: url(images/arrow2.png) no-repeat;
}

#largeGraphic { 
	position: absolute;
    left: 99px;
    top: -250px;
	width:543px; 
	height:586px; 
	background: url(images/largeGraphic.png) no-repeat;
}

#cta { 
	position: absolute;
	overflow: hidden;
    left: 602px;
    top: 14px;
	width:104px; 
	height:26px; 
	background-color: #d2202f;
}

#ctaOver { 
	position: absolute;
    left: 0px;
    top: 0px;
	width:104px; 
	height:26px;  
	background: #FFF;
}

#ctaTxt { 
	position: absolute;
    left: 10px;
    top: 9px;
	width:107px; 
	height:12px; 
	background: url(images/ctaTxt.png) no-repeat;
}

#sheen { 
	position: absolute;
    left: -80px;
    top: -5px;
	width:79px; 
	height:58px; 
	background: url(images/sheen.png) no-repeat;
}