.panel {

	height: 200px;
	width: 370px;
	overflow: hidden;
	position: absolute;
}

.top-left-panel {

	top: 0px;
	left: 0px;
}

.top-right-panel {

	top: 0px;
	left: 370px;
}

.bottom-left-panel {

	top: 200px;
	left: 0px;
}

.bottom-right-panel {

	top: 200px;
	left: 370px;
}
.panel-title {

	height: 21px;
	width: 360px;
	display: block;
	overflow: hidden;
	margin: 0px;
	white-space: nowrap;
	color: #EEEEEE;
	padding: 2px 5px 2px 5px;
}

.panel-copy {

	position: relative;
	font-family: Corbel, Candara, Arial, sans-serif;
	font-size: 12pt;
	display: block;
	width: 130px;
	
}

span#pc1 {

	left: 25px;
	top:20px;
	text-align: center;
	font-variant: small-caps;
	line-height: 200%;
}

span#pc2 {

}

span#pc3 {

}

span#pc4 {

}

div#panel1 {

	background-color: black;
	background-image: url(/images/engagement-tile.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: left;
	color: white;

}

div#panel2 {

	background-color: white;
	background-image: url(/images/anniversary-tile.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: right;
	color: olive;

}

div#panel3 {

	background-color: white;
	background-image: url(/images/freecz.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: left;
	color: olive;

}

div#panel4 {

	background-color: black;
	background-image: url(/images/eternity-tile2.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	text-align: right;
	color: white;

}
div#panel5 {

	background-color: white;
	background-image: url(/images/tile-gem.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;

}
div#panel6 {

	background-color: white;
	background-image: url(/images/tile-20pcscz.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;

}
div#panel7 {

	background-color: white;
	background-image: url(/images/20percent.gif);
	background-repeat: no-repeat;
	background-position: bottom right;

}

div#panel8 {

	background-color: white;
	background-image: url(/images/tile-hpdiamonds.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;

}

div#panel9 {

	background-color: white;
	background-image: url(/images/tile-30pcrings.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;

}

div#panel10 {

	background-color: white;
	background-image: url(/images/tile-25pcpendants.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;

}

div#panel11 {

	background-color: white;
	background-image: url(/images/tile-scz.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;

}

div#panel12 {

	background-color: white;
	background-image: url(/images/tile-25pcpendants.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;

}

.top-banner {

	display: block; 
	overflow: hidden; 
	position: relative; 
	clear: none; 
	height: 60px; 
	width: 740px; 
	background-image: url(/images/tile-bg-snow.jpg); 
	background-color: black;

}

.top-banner h3 {

	float: none; 
	color: #fff; 
	padding-top: 10px; 
	text-align: center; 
	font-size: 22pt;

}
