body {
    margin: 0;
    padding: 0;
}
.banner300x250 {
    width: 300px;
    height: 250px;
    position: relative;
    padding: 0;
    margin: 0;
    font-family: arial, helvetica;
    font-size: 16px;
    overflow: hidden;
    color: #fff;
    font-weight: 400;
    -webkit-text-size-adjust: 100%;
    background: #01addd;
    cursor: pointer;
}


#frame1{
	position: absolute;
	left: 0;
	top: 0;
	height: 250px;
	width: 300px;
	z-index: 2;
}
#frame2{
	position: absolute;
	left: 0;
	top: 0;
	height: 250px;
	width: 300px;
	z-index: 2;
}
#pic1{ position:absolute;top:0; left:0; z-index:1; opacity:0}
#pic2{ position:absolute;top:0; left:0; z-index:2; opacity:0}
#pic3{ position:absolute;top:0; left:0; z-index:3; opacity:0}
#pic4{ position:absolute;top:0; left:0; z-index:4; opacity:0}
#pic5{ position:absolute;top:0; left:0; z-index:5; opacity:0}
#pic6{ position:absolute;top:0; left:0; z-index:6; opacity:0}
#pic7{ position:absolute;top:0; left:0; z-index:7; opacity:0}
#pic8{ position:absolute;top:0; left:0; z-index:8; opacity:0}

#pic9{ position:absolute;top:0; left:0; z-index:9; opacity:0}
#pic10{ position:absolute;top:0; left:0; z-index:10; opacity:0}
#pic11{ position:absolute;top:0; left:0; z-index:11; opacity:0}
#pic12{ position:absolute;top:0; left:0; z-index:12; opacity:0}
#pic13{ position:absolute;top:0; left:0; z-index:13; opacity:0}
#pic14{ position:absolute;top:0; left:0; z-index:14; opacity:0}
#pic15{ position:absolute;top:0; left:0; z-index:15; opacity:0}

#copy1{ position:absolute; top:0; left:0; opacity:0}

#bg1{
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 250px;
	background-color: #2c3d50;
	opacity: 0;
}

footer {
	position: absolute;
	bottom: -80px;
	z-index: 100;
	width: 100%;
	height: 140px;
}
.footer_bg1{
	position: absolute;
	bottom: -110px;
	width: 300px;
	height: 250px;
	background-color: #2c3e50;
}
.footer_bg2{
	position: absolute;
	bottom: -580px;
	width: 300px;
	height: 250px;
	background-color: #2c3e50;
}
.holder2{
	position: absolute;
	top: 470px;
}
.xero-logo {
	position: absolute;
	top: 10px;
	left: 15px;
	width: 40px;
	height: 40px;
}
.xero-tagline {
	position: absolute;
	top: 15px;
	left: 64px;
	width: 58px;
	height: 33px;
}
.button-cta1 {
	position: absolute;
	top: 13px;
	right: 15px;
	width: 100px;
	height: 33px;
	text-align: center;
	background-color: #27c229;
	border-radius: 3px;
}
.button-cta1 img {
	position: relative;
	top: 8px;
	width: 73.6px;
	height: auto;
}
.banner300x250:hover .button-cta1 {
	background-color: #21a623;
	cursor: pointer;
}
.button-cta2 {
	position: absolute;
	top: 13px;
	right: -285px;
	width: 100px;
	height: 33px;
	text-align: center;
	background-color: #27c229;
	border-radius: 3px;
}
.button-cta2 img {
	position: relative;
	top: 8px;
	width: 73.6px;
	height: auto;
}
.banner300x250:hover .button-cta2 {
	background-color: #21a623;
	cursor: pointer;
}