body {
    margin: 0;
    padding: 0;
}
.banner300x600 {
    width: 300px;
    height: 600px;
    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: 600px;
	width: 300px;
	z-index: 2;
}
#frame2{
	position: absolute;
	left: 0;
	top: 0;
	height: 600px;
	width: 300px;
	z-index: 2;
/*    -webkit-transition: all .5s ease;
    transition: all .5s ease;*/
}
#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: 600px;
	background-color: #2c3d50;
	opacity: 0;
}

footer {
	position: absolute;
	bottom: 70px;
	z-index: 100;
	width: 100%;
	height: 140px;
	/*background-color: #2c3e50;*/
}
.footer_bg1{
	position: absolute;
	bottom: -490px;
	width: 300px;
	height: 600px;
	background-color: #2c3e50;
}
.footer_bg2{
	position: absolute;
	bottom: -1230px;
	width: 300px;
	height: 600px;
	background-color: #2c3e50;
}
.holder2{
	position: absolute;
	top: 740px;
}
.xero-logo {
	position: absolute;
	top: 50px;
	left: 120px;
	width: 60px;
	height: 60px;
}
.xero-tagline {
	position: absolute;
	top: 118px;
	left: 66px;
	width: 179px;
	height: 13px;
}
.button-cta1 {
	position: absolute;
	top: 150px;
	right: 88px;
	width: 124px;
	height: 38px;
	text-align: center;
	background-color: #27c229;
	border-radius: 3px;
}
.button-cta1 img {
	position: relative;
	top: 11px;
	/*width: 73.6px;*/
	height: auto;
}
.banner300x600:hover .button-cta1 {
	background-color: #21a623;
	cursor: pointer;
}
.button-cta2 {
	position: absolute;
	top: 150px;
	right: -213px;
	width: 124px;
	height: 38px;
	text-align: center;
	background-color: #27c229;
	border-radius: 3px;
}
.button-cta2 img {
	position: relative;
	top: 11px;
	/*width: 73.6px;*/
	height: auto;
}
.banner300x600:hover .button-cta2 {
	background-color: #21a623;
	cursor: pointer;
}