/* CSS Document */
/*------- mantle --------*/
.mantle {
	position:relative;
	width:860px;
	height:337px;
	margin:0 0 8px 0;
	padding:0 0 0 42px;
	background-position:center;
	background-repeat:no-repeat;
	background-image: url(../images/mainpic_860.jpg);
}

.mantle .pod .button {
	position:absolute;
	display:block;
	background-position:top left;
	background-repeat:no-repeat;
	height:25px;
	bottom:0px;
	left:-14px;
	text-indent:-5000px;
	overflow:hidden;
	cursor:pointer;
	top: 89px;
}

/*------- shopPod --------*/
#shopPod {
/*	width:700px; 
	color: #f00;
	left:30px;
*/	
}
#shopPod h2, h3 {
	font-weight: bold;
}
#shopPod h2 {
	color: #06c;
 	font-size: 1.8em; 
}
#shopPod h3 {
	color: #039;
 	font-size: 1.8em;
}

#shopPod a:link, #shopPod a:visited { color: #06c; text-decoration: none; }
#shopPod a:hover, #shopPod a:active { color: #039; text-decoration: underline; }

#shopPod .column1 {
	position:absolute;
	width:200px;
	top:18px;
	left:16px;
	height:100px;
}
#shopPod .column1 .hr {
	width:90%;
}
#shopPod .column2 {
	position:absolute;
	width:200px;
	top:-1px;
	left:668px;
	height:100px;
}

#shopPod .button {
	width:225px;
	height:200px;
	background-image:url(/images/teleclasses_red.png)!important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/getamarketingteam_red.png', sizingMethod='crop');
}