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

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

#content #sidebox {
	width: 278px;
	height: 334px;
	position: absolute;
	top: 29px;
	right: 15px;
	background: url(../images/bg-side.gif) no-repeat;
}

#content #sidebox .instance1 {
	text-align: center; 
	width: 220px; 
	margin-top: 7px; 
	margin-left: 40px; 
	font-size: 11px;
	line-height: 14px;
}

#content #sidebox h2 {
	width: 200px;
	text-indent: -999999px;
	margin-left: 55px;
	margin-top: 20px;
	height: 68px;
	background: url(../images/title-how-may-i-assist-you.jpg) no-repeat;	
}

#content #sidebox h3 {
	color: #93d5ff;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	line-height: 16px;
}

#content #sidebox p {
	color: #93d5ff;
	text-align: center;
	line-height: 15px;
	color: #fff;
}

#content #sidebox p strong, #content #sidebox p a {
	font-weight: bold;
	color: #93d5ff;
}

#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;
}


/********************************************/
/*                      Producers      */
/********************************************/

body#producers #content {
	padding-bottom:13px;
}

body#producers #content .i-am-box {
	padding-top:183px;
}

body#producers #content #why-di {
	background: transparent url(../images/producers-content-bkgd.jpg) no-repeat left top;
	display:inline;
	float:left;
	margin:20px 10px 0px 10px;
	width:470px;
}

body#producers #content #most-valuable-asset {
	background: transparent url(../images/producers-content-bkgd.jpg) no-repeat left top;
	display:inline;
	float:left;
	margin:20px 0px 0px 10px;
	width:470px;
}

body#producers #content #why-di h3, body#producers #content #most-valuable-asset h3 {
	color:#06A7E1;
	font-size:1.5em;
	padding:13px 19px 0 27px;
}

body#producers #content #why-di p, body#producers #content #most-valuable-asset p {
	color:#141414;
	font-size:0.9em;
	line-height:1.35em;
	padding:4px 19px 0 27px;
	margin-top:0.8em;
}

body#producers #content #most-valuable-asset p span {
	color:#06A7E1;
}

body#producers #content #most-valuable-asset p.disclaimer {
	color:#989898;
	font-size:0.75em;
	line-height:1.35em;
	padding:4px 19px 0 27px;
	margin-top:0.8em;
}

/********************************************/
/*                  end Producers      */
/********************************************/