/*           MassMutual Half A Paycheck     */
/*              Homepage Content Styles     */
/*                  Genuine Interactive     */
/*                              6.22.09     */

#content {
	position: relative;
	padding-bottom: 157px;
}

#content #flash-placeholder {
	width: 976px; height: 363px;
}

#content .i-am-box {
	position: absolute;
	top: 0px;
	width: 179px; height: 181px;
	padding: 293px 7px 5px;
	background: transparent url(../images/home-white-box.png) no-repeat left bottom;
}

/* give IE 6 a gif */
* html #content .i-am-box {
	background: transparent url(../images/home-white-box.gif) no-repeat left bottom;
}


#content .i-am-box h2 {
	width: 178px; height: 49px;
	padding-top: 7px;
	line-height: 1.1em;
	font-size: 1.4em;
	text-align: center;
	color: #fff;
	font-weight: normal;
	background: transparent url(../images/home-box-head-bg.jpg) no-repeat left top;
}

#content .i-am-box p {
	padding: 8px 12px;
	line-height: 1.3em;
	color: #141414;
}

#content .i-am-box a.go {
	position: absolute;
	right: 13px; bottom: 11px;
	display: block;
	width: 33px; height: 17px;
	background: transparent url(../images/btn-go.gif) no-repeat left top;
	text-indent: -99999px;
}

/* hover state styles */
/* #content .i-am-box:hover h2, */
#content .hovered h2 {
	background-position: left bottom;
}

/* #content .i-am-box:hover a.go, */
#content .hovered a.go{
	background-position: left bottom;
}

/* box positions */
#content #box-one {
	left: 30px;
}

#content #box-two {
	left: 240px;
}

#content #box-three{
	left: 462px;
}

/* banner */
#banner {
	position: absolute;
	right: 7px; top: 381px;
	width: 284px; height: 91px;
}