body{
  font-family:Asap, Arial, sans-serif;
	background-color:#555;
  color:white;
  margin:20px;  
}
a#myBnrLink {
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
#banner {
  position:relative;
  width:300px;
  height:250px;
  background:white;
  overflow:hidden;
}

.panel {
  position:absolute;
  width:300px;
  height:250px;
  overflow:hidden;

}

#panel1 {
  background: #b42e34;
 
}
#panel1 #logo {
  background-image: url(http://view.sparks-careers.co.uk/bnr_imgs/Sparks-Logo_white.png);
	background-size: 60px;
	background-repeat: no-repeat;
	height: 100px;
	width: 60px;
	left: 120px;
	margin: 20px auto 0;
	
}
#panel2 {
  top:260px;
  background: url(http://view.sparks-careers.co.uk/bnr_imgs/attraction_mpu.jpg);
}

#panel1 h1 {
  position: relative;
  font-size:40px;
  line-height:42px;
  text-align:center;
  width:300px;
  margin-top: 5px;
}

#panel2 h2{
  margin: 0;
  position: absolute;
  top: 200px;
  width: 260px;
  font-size: 22px;
  text-align: center;
  padding: 12px 20px 20px;
  background: #b42e34;
}

#panel3 {
  top:520px;
	z-index: 100;
}

#panel3 #info{
  position:absolute;
  top:135px;
  width:100%;
  padding:10px;
  height:100px;
  background: #b42e34;
}

#panel3 h1 {
  font-size:28px;
  font-weight:700;
  letter-spacing: 1px;
}

#panel3 li {
  position:relative;
  margin-top:10px;
  color: #ffa488;
}

#panel3 #orderNow {
  position:absolute;
  top:59px;
  left:170px;
  background:#ffc600;
  color:#000;
  font-size:16px;
  font-weight:bold;
  padding:10px;
  border-radius:10px;
  border: 0.5px solid transparent;
}

#panel3 #orderNow:hover {
  background:#fdbb30;
  border: .5px solid #fff;
  cursor: pointer;
}
#panel4 {
  background: #b42e34;
  height: 140px;
 
}
#panel4 #logoend {
  background-image: url(http://view.sparks-careers.co.uk/bnr_imgs/Sparks-Logo_white.png);
background-size: 60px;
	background-repeat: no-repeat;
	height: 100px;
	width: 60px;
	left: 120px;
	margin: 20px auto 0;
	z-index: 1000;
	
}