#heroContainer
{
	width: 764px;
	height: 262px;
	display: block;
	overflow: hidden;
}
.heroShadow
{
	width: 764px;
	height: 26px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=noscale src= '/hero_shadow.png' );
	position: absolute;
	z-index: 10;
	margin-top: 236px;
	overflow: hidden;
}
.heroShadow[class]
{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=false, sizingMethod=noscale src= '/none.png' );
	background: url(images/hero_shadow.png) no-repeat;
}
.heroNav
{
	width: 175px;
	height: 224px;
	background: #FCDD9A;
	float: left;
	margin-right: 1px;
	padding: 14px 10px 14px 14px;
	overflow: hidden;
}
.heroImage
{
	width: 564px;
	height: 262px;
	overflow: hidden;
	float: left;
}
.heroNav p, .heroNav h4 
{
	line-height: 16px;
}
.learnMore
{
	width: 84px;
	height: 21px;
	background: url(images/btn_learn_off.gif) no-repeat;
}
a.learnMore
{
	width: 84px;
	height: 21px;
	background: url(images/btn_learn_off.gif) no-repeat;
	display: block;
}
a:hover.learnMore
{
	background: url(images/btn_learn_on.gif) no-repeat;
}
.navButtons
{
	position: absolute;
	margin-left: 120px;
	margin-top: 200px;
}
.navButtons a
{
	height: 20px;
	width: 19px;
	display: block;
	float: left;
}
.navButtons a.btn1
{
	background: url(images/1_off.gif) no-repeat;
}
.navButtons a.btn2
{
	background: url(images/2_off.gif) no-repeat;
}
.navButtons a.btn3
{
	background: url(images/3_off.gif) no-repeat;
}
.navButtons a:hover.btn1
{
	background: url(images/1_on.gif) no-repeat;
}
.navButtons a:hover.btn2
{
	background: url(images/2_on.gif) no-repeat;
}
.navButtons a:hover.btn3
{
	background: url(images/3_on.gif) no-repeat;
}
.navButtons a.btn1on
{
	background: url(images/1_on.gif) no-repeat;
}
.navButtons a.btn2on
{
	background: url(images/2_on.gif) no-repeat;
}
.navButtons a.btn3on
{
	background: url(images/3_on.gif) no-repeat;
}
.navButtons a:hover.btn1on
{
	background: url(images/1_on.gif) no-repeat;
}
.navButtons a:hover.btn2on
{
	background: url(images/2_on.gif) no-repeat;
}
.navButtons a:hover.btn3on
{
	background: url(images/3_on.gif) no-repeat;
}
.heroImage img
{
	position: absolute;	
}
.heroNav
{
		font-size: 95%;

}
