@charset "utf-8";

BODY {
	background	: url(../img/bodyBG.png) repeat-x;
	background-position: 0px 0px;
}

/*
	#
	#
		Caption Styles
	#
	#
*/
#caption {
	width		: 718px;
	height		: 326px;
	padding		: 0 0 0 0;
	position	: relative;
	/*background	: url(../img/captionBg_narrow.jpg) repeat-x;*/
}

#caption H2 {
	font-size	: 28px;
	color		: #fff;
	line-height	: 30px;
	display	 	: block;
	margin		: 0 260px 20px 20px;
	padding		: 40px 0 0 0;
	white-space : nowrap;
}

#caption P {
	font-size 	: 14px;
	width		: 270px;
	color		: #555;
	margin		: 0 0 0 20px;
}

#caption H3 {
	display		: inline;
	position	: absolute;
	bottom		: 67px;
	left		: 20px;
	padding		: 0 19px 0 0;
	background	: url(../img/captionArrow.png) no-repeat center right;
}

#caption H3 A {
	color			: #303134;
	text-decoration	: none;
	font-size		: 14px;
}



/*
	#
	#
		Login Styles
	#
	#
*/

#caption #login {
	position: absolute;
	top		: 40px;
	left	: 740px;
	width	: 262px;
}

#caption #login FORM { 
	position		: relative;
	border-top		: 1px solid #c5c6c8;
	border-bottom	: 1px solid #c5c6c8;
	width			: 210px;
	height			: auto;
	margin			: 0 0 9px 0;
}

#caption #login FORM #usernameLbl {
	display		: block;
	width		: 113px;
	height		: 16px;
	position	: absolute;
	top			: 10px;
	left		: 0;
	background	: url(../img/memberLogin.png) no-repeat;

	/* 
		Two IE 6 hacks. These rules only get applied to IE 6.  
		
		These rules turn off the background property, then apply an IE filter to 
			allow MultiChannel Transparency in the background img.
	*/
	_background	: none;
	_filter		: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/memberLogin.png', sizingMethod='crop');
}

#caption #login FORM #usernameLbl SPAN {
	display: none;
}

#caption #login FORM #username_login {
	margin		: 33px 0 5px 0;
	width		: 122px;
	height		: 19px;
	display		: block;
	background	: #fff;
	border		: 1px solid #dadbdd;
	padding-left: 5px;
	padding-top: 3px;
}

#caption #login FORM #password_login {
	width		: 122px;
	height		: 19px;
	display		: block; 
	margin		: 0 0 5px 0;
	background	: #fff;
	border		: 1px solid #dadbdd;
	padding-left: 5px;
	padding-top: 3px;
}

#caption #login FORM .passwordNewLbl {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	display:block;
}

#caption #login FORM #password_login_new {
	width		: 122px;
	height		: 19px;
	display		: block; 
	margin		: 0 0 5px 0;
	background	: #fff;
	border		: 1px solid #dadbdd;
	padding-left: 5px;
	padding-top: 3px;
}

#caption #login FORM #password_login_old {
	width		: 122px;
	height		: 19px;
	display		: block; 
	margin		: 0 0 5px 0;
	background	: #fff;
	border		: 1px solid #dadbdd;
	padding-left: 5px;
	padding-top: 3px;
}

#caption #login FORM #password_login_new_confirm {
	width		: 122px;
	height		: 19px;
	display		: block; 
	margin		: 0 0 5px 0;
	background	: #fff;
	border		: 1px solid #dadbdd;
	padding-left: 5px;
	padding-top: 3px;
}

/* 	
	When someone begins to type into the username/password box the background should dissappear. 
	We link this to the text box with script.
*/
#caption #login FORM #username_login.empty {
	background	: #fff url(../img/usernameTxt.png) no-repeat;
}

#caption #login FORM #password_login.empty {
	background	: #fff url(../img/passwordTxt.png) no-repeat;
}

#caption #login A {
	font-size	: 12px;
	display		: block;
	color		: #303134;
}



/*
	#
	#
		Content Listing Styles
	#
	#		
*/

#content DL#offerings_list {
	width	: 980px;
	margin	: 30px 0 0 0;
	display	: block;
	overflow:hidden;
}

#content DL#offerings_list DT{
	width		: 260px;
	display		: block;
	position	: relative;
	float		: left;
	clear		: left;
	margin		: 9px 0 0 0;
}

#content DL#offerings_list DT STRONG {
	background	: url(../img/topicArrow.png) no-repeat center right;
	font-weight : bold;
	color		: #555;
	padding		: 0 19px 0 20px;
}

#content DL#offerings_list DD {
	width	: 720px;
	float	: left;
	height	: 134px;
	position: relative;
}

#content DL#offerings_list DD P {
	margin	: 9px 280px 0 0;
	color	: #666;
}

#content DL#offerings_list DD A { 
	color			: #666;
	text-decoration	: none!important;
}



/*
	#
	#
		Featured Articles Styles
	#
	#
*/

#content .featured_topic {
}

#content dl#offerings_list dt.featured_topic STRONG {
	background	: none;
	color		: #b2b2b2;
	font-weight	: bold;
}

#content .featured_desc {
	height		: 120px;
}

#content .featured_desc UL {
	width		: 720px;
	height		: 120px;
	display		: block;
	overflow	: hidden;
}

#content .featured_desc UL LI {
	width		: 218px;
	height		: 120px;
	border-top	: 5px solid #ffc220;
	display		: block;
	float		: left;
	margin		: 0 22px 0 0;
}

#content .featured_desc UL LI H4 {
	font-size	: 12px;
	color		: #fcb116;
	padding		: 0 0 3px 0;
}

#content .featured_desc UL LI H2 {
	font-size	: 18px;
	color		: #303134;
}

/*
	#
	#
		Other list content styles
			The other 3 sections are the same pretty much so we'll do all the styles for them here.
	#
	#
*/

#content .products_topic A,
#content .philosophy_topic A,
#content .company_topic A {
	color			: #555;
	text-decoration : none;
}


#content .products_desc,
#content .philosophy_desc,
#content .company_desc {
	border-top	: 1px solid #dadbdc;
}

#content .company_desc {
	border-bottom	: 1px solid #dadbdc;
}
.image-text{
    background-color:transparent;
	padding-top:190px;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
}