.gpf-banner {
	position: relative;
	margin: 0px;
}

.gpf-banner a,
.gpf-banner a:hover {
	color: #FFF;
	text-decoration: none;
}

.gpf-banner-boxes {
	position: absolute;
}

.gpf-banner-box-1 {
	width: 64%;
	left:0;
	top:0;
}

.gpf-banner-box-2 {
	width: 35%;
	top:0;
	right:0;
}

.gpf-banner-box-3 {
	width: 27%;
	left:0;
}

.gpf-banner-box-4 {
	width: 36%;
}

.gpf-banner-box-5 {
	width: 27%;
}

.gpf-banner-caption {
	position: absolute;
	width: 100%;
	bottom: 0px;
	text-align: center;
}

.gpf-banner-caption .content {
	position:relative;
	font-weight: bold;
	color: #fff;
    z-index:5;
}

.gpf-banner-caption .background {
	position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    z-index:1;
    /* These three lines are for transparency in all browsers. */
    opacity: 0.75;
    filter: alpha(opacity=75);
}

.gpf-banner-box-1 .content {font-size: 1.5em; padding: 1%;}
.gpf-banner-box-2 .content {font-size: 1.7em; padding: 1%;}
.gpf-banner-box-3 .content {font-size: 1.6em; padding: 1%;}
.gpf-banner-box-4 .content {font-size: 1.6em; padding: 1%;}
.gpf-banner-box-5 .content {font-size: 1.6em; padding: 1%;}

.box-pink .background {background-color: #fe0c8f;}
.box-red .background {background-color: #eb1a20;}
.box-grey .background {background-color: #999999;}
.box-orange .background {background-color: #f58500;}