.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	font-size: 14px;
	line-height: 24px;
	font-weight: 100;
	color: #333;
	padding: 20px 40px;
	width: 300px;
	background-color: #000;
	margin-left: 0px;
}

.popup h1,.popup h2,.popup h3,.popup h4,.popup h5,.popup h6 { font-size: 24px; color: #fff; margin-bottom: 10px; }

.popup h1 { font-weight: 500; }

.popup h2 { font-weight: 500; }

.popup h3 { font-weight: 100; }

.prepopup { padding: 20px 40px; width: 150px; height: 90px; background-color: #000; position: absolute; top: 0px; left: 410px; opacity: .5; }

a:link, a:visited { color: #fff; }
a:hover, a:active { background-color: #fff; }

.foot { opacity: .5; position: absolute; top: 0px; left: 670px; width: 150px; height: 90px; background-color: #000; padding: 20px 40px; font-family: georgia, serif; font-style: italic; font-size: 10px; line-height: 24px; font-weight: 100; color: #fff; }
.foot:hover { opacity: 1; }
.prepopup:hover { opacity: 1; }