@charset "utf-8";

@media screen
{
	/****************************************************************************************************************************
	 * Global
	 ****************************************************************************************************************************/
		h2 {
	border: none;
	padding: 0;
	color: #000033;
	margin-bottom: 15px;
}
		table { margin-bottom: 10px; }


	/****************************************************************************************************************************
	 * Classes
	 ****************************************************************************************************************************/
		.caseStudyLogoWrapper {
	display: block;
	float: left;
	width: 166px;
	height: 166px;
	overflow: hidden;
	background-position: top;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 0;
}
		.caseStudyLogo { float: none; margin: 0; }


	/****************************************************************************************************************************
	 * Layout
	 ****************************************************************************************************************************/

		#header { float: none; background-image: none; }
	
		#banner {
	position: relative;
	width: 1050px;
	height: 400px;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
    		#banner .imageWrapper { width: 100%; height: 100%; }
			#banner .images img { width: 1050px; height: 520px; top: 0; left: 0; }
			#banner .textBlock { color: #fff; position: absolute; z-index: 500; top: 200px; left: 0; background: url(../images/blue-bg-trans.png); width: 280px; height: 240px; padding: 20px 50px 20px 50px; }
			#banner .content { width: 280px; height: 185px; margin-bottom: 20px; overflow: hidden; }
			#banner .actionButton { text-align: center; display: block; text-decoration: none; float: left; padding: 0 15px 0 15px; font-size: 16px; color: #fff; background: #E88B2C; height: 35px; line-height: 35px; overflow: hidden; }
			#banner .next { position: absolute; top: 317px; left: 948px; z-index: 500; } 
	
		#newsPod { position: relative; width: 280px; margin-right: 20px; float: left; overflow: hidden; }
	
		#caseStudyPod { position: relative; width: 310px; margin-right: 20px; float: left; overflow: hidden; }
	
		#testimonialPod { position: relative; width: 320px; height: 268px; float: left; overflow: hidden; }

		#caseStudy, #news { height: 190px; overflow: hidden; margin-bottom: 20px; }

		#testimonials { font-size: 15px; }
			#testimonials li { list-style: none; }
			#testimonials .quote { font-weight: bold; font-style: italic; color: #001E2E; }
			#testimonials .author { font-weight: bold; font-size: 15px; color: #666666; margin: 0; font-style: normal; }
			#testimonials .jobTitle { font-style: normal; }

		#contentWrapper {
	margin-top: 20px;
}
		#content { border-bottom: 1px solid #ddd; margin-bottom: 25px; padding-bottom: 5px; }
}


/*------------------------------------------------------------

home page promos

------------------------------------------------------------*/

.capp-Promos
{
	width: 1050px;
	margin: 0 20px 0 30px;
}

.capp-Promo
{
	float: left;
	background: url(../images/bg_Home_Promo.gif) no-repeat 0 20px;
	padding: 20px;
	min-height: 185px;
	width: 225px;
	height: 225px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 185px;
	height: 185px;
}
html > body .capp-Promo
{
	width: 185px;
	height: auto;
}

.capp-Promo-Wide
{
	width: 450px;
voice-family: "\"}\"";
voice-family: inherit;
	width: 410px;
}
html > body .capp-Promo-Wide
{
	width: 410px;
}

.capp-Promo h2
{
	margin: 0 0 0.6em 0;
}

.capp-Promo h3
{
	margin: 0 0 0.2em 0;
}

.capp-Promo p
{
	margin-top: 0;
}

.capp-Promo .date
{
	margin-bottom: 0.6em;
	color: #666;
}

.capp-Promos .first
{
	background: transparent;
}

.capp-Promo ul
{
	margin-top: 0;
}

.capp-Promo li a
{
	text-decoration: none;
}






/*------------------------------------------------------------

landing page hero

------------------------------------------------------------*/

.Hero
{
	position: relative;
	width: 1050px;
}

.Hero h1
{
	position: absolute;
	bottom: 20px;
	background: #14457F;
	color: #fff;
	padding: 7px 25px 9px 25px;
	line-height: 1em;
	font-size: 19px;
	margin: 0;
	font-weight: normal;
}
html > body .Hero h1
{
	width: 670px;
	background-image: url(../images/bg-subhead.gif);
	background-repeat: no-repeat;
}


.Hero div
{
	display: block;
}


.Hero div.capp-ErrorContainer
{
	display: none;
}

.Hero h1 span
{
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}



/*------------------------------------------------------------

home page hero

------------------------------------------------------------*/

.Hero-Home
{
	margin-top: -1px;
	padding: 0 10px;
	width: auto;
}

.Hero-Home .ms-SPZone
{
	margin: 0 -4px;
}

.Hero-Home .Hero-Body h1 {
  width: auto;
}