.promobox {
	display: block;
	position: relative;
	cursor: pointer;
  height: 520px;
	width: 100%;
	background: transparent url("img/promobox-image.gif") no-repeat center center;
}

.promobox > blockquote {
	padding: 0 1.5em;
	position: absolute;
  background-color: white;
  opacity: .9;
  margin: 0;
}

/* Fun styles for your promobox! */
.promobox > blockquote.top { top: 0px; right: 0px; width: 100%; }
.promobox > blockquote.bottom { bottom: 0px; right: 0px; width: 100%; }
.promobox > blockquote.left { left: 0px; bottom: 20%; width: 60%; }
.promobox > blockquote.right { right: 0px; bottom: 20%; width: 60%; }

.promobox > blockquote > h3 { margin: 1.1111em 0; }