/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/

html {
font-size: 100.01%;
}

body {
background: #FFF url(../../images/header.jpg) no-repeat center -15px;
margin: 0;
margin-top: -15px;
padding: 0;
}

a {
color: #000;
text-decoration: underline;
}

a:hover {
text-decoration: underline;
}

img { border: 0 }
.center { text-align: center; }
img.right { float: right; margin: 5px; }
img.left { float: left; margin: 5px; }

.clear { clear: both; }

/* -----------------------------------*/
/* --------->>> STRUCTURE <<<---------*/
/* -----------------------------------*/

#container {
/*background: #FFF url(../../images/header.jpg) no-repeat top center;*/
width: 988px;
margin: 0 auto;
padding: 0;
}

	#container #header {
	height: 125px;
	clear: both;
/*	background: url(../../images/header.jpg) no-repeat;*/
	}
	
	#container #main {
	clear: both;
	background: url(../../images/main_background.jpg) no-repeat;
	padding: 20px 0 20px 80px;
	}
	
	.sub #container #main {
	padding: 10px 55px 0 53px;
	}
	
	#container #footer {
	clear: both;
	background: url(../../images/footer.jpg) no-repeat;
	height: 72px;
	margin-top: 5px;
	padding: 25px 0 0 80px;
	}

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/

#header #logo {
height: 92px;
width: 156px;
float: left;
padding: 30px 0 0 80px;
}

#header #topnav {
float: left;
/*margin: 54px 0 0 120px;*/
margin: 83px 0 0 120px;
height: 42px;
width: 550px;
}

	#topnav a {
	text-decoration: none;
	}

	#topnav a.solutions {
	float: left;
	background: url(../../images/topnav/solutions.jpg) no-repeat 0 0;
	width: 91px;
	height: 42px;
	}
	
		#topnav a.solutions:hover {
		background: url(../../images/topnav/solutions.jpg) no-repeat 0 -43px;
		}
	
	#topnav a.technology {
	float: left;
	background: url(../../images/topnav/technology.jpg) no-repeat 0 0;
	width: 103px;
	height: 42px;
	}
	
		#topnav a.technology:hover {
		background: url(../../images/topnav/technology.jpg) no-repeat 0 -43px;
		}
	
	#topnav a.reporting {
	float: left;
	background: url(../../images/topnav/reporting.jpg) no-repeat 0 0;
	width: 92px;
	height: 42px;
	}
	
		#topnav a.reporting:hover {
		background: url(../../images/topnav/reporting.jpg) no-repeat 0 -43px;
		}
	
	#topnav a.marketing {
	float: left;
	background: url(../../images/topnav/marketing.jpg) no-repeat 0 0;
	width: 93px;
	height: 42px;
	}
	
		#topnav a.marketing:hover {
		background: url(../../images/topnav/marketing.jpg) no-repeat 0 -43px;
		}
	
	#topnav a.faq {
	float: left;
	background: url(../../images/topnav/faq.jpg) no-repeat 0 0;
	width: 50px;
	height: 42px;
	}
	
		#topnav a.faq:hover {
		background: url(../../images/topnav/faq.jpg) no-repeat 0 -43px;
		}
	
	#topnav a.contactus {
	float: left;
	background: url(../../images/topnav/contactus.jpg) no-repeat 0 0;
	width: 84px;
	height: 42px;
	}
	
		#topnav a.contactus:hover {
		background: url(../../images/topnav/contactus.jpg) no-repeat 0 -43px;
		}
	
	
/* -----------------------------------*/
/* ------------>>> HOME <<<-----------*/
/* -----------------------------------*/

.home #main #leftcolhome {
float: left;
width: 530px;
}

.home #main #flash {
float: left;
width: 530px;
height: 230px;
margin-left: -10px; /* For drop shadow around Flash movie */
margin-top: 17px;
}

.home #main #challenges {
float: left;
font-size: 110%;
margin-left: 11px;
width: 295px;
}

	#challenges ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
	.brightbold {
	color: #F0952D;
	font: normal bold 110% Verdana, Arial, Helvetica, sans-serif;
	}
	
	.brightbold a { color: #F0952D; }
	
	.home .brightbold {
	margin-top: 0;
	padding-top: 5px;
	text-align: right;
	}
	
	#challenges li {
	background: url(../../images/orange_bullet.gif) no-repeat 7px 8px;
	padding: 2px 0 0 22px;
	}
	
		#challenges li.more {
		background: none;
		float: right;
		}
		
			#challenges li.more a {
			color: #F0952D;
			font: normal bold 110% Verdana, Arial, Helvetica, sans-serif;
			}

.home #main #casestudy {
float: left;
width: 506px;
height: 122px;
/*margin: 15px 0 0 54px;*/ /* 10 March 2009 */
margin: 15px 0 0 0;
}

/* -----------------------------------*/
/* ---------->>> SUBPAGE <<<----------*/
/* -----------------------------------*/

/* .sub = any subpage */
/* .qpgs = quality of life pages */
/* .nq = no quality description */
/* .nq2 = white quality box */
/* .type2 = wider left column */
/* .qdull = less emphasis on quality of life definition box */

.sub #main #heading {
width: 880px;
height: 98px;
background: url(../../images/heading_solutions.jpg) no-repeat top center;
}

	.casestudy #main #heading {
	background: url(../../images/heading_casestudy.jpg) no-repeat top center;
	}
	
	.challenges #main #heading {
	background: url(../../images/heading_challenges.jpg) no-repeat top center;
	}
	
	.contactus #main #heading {
	background: url(../../images/heading_contactus.jpg) no-repeat top center;
	}
	
		.contactus #topnav a.contactus {
		float: left;
		background: url(../../images/topnav/contactus.jpg) no-repeat 0 -43px;
		width: 84px;
		height: 42px;
		}
		
	.diversity #main #heading {
	background: url(../../images/heading_diversity.jpg) no-repeat top center;
	}
	
	.faq #main #heading {
	background: url(../../images/heading_faq.jpg) no-repeat top center;
	}
	
		.faq #topnav a.faq {
		float: left;
		background: url(../../images/topnav/faq.jpg) no-repeat 0 -43px;
		width: 50px;
		height: 42px;
		}
		
	.health #main #heading {
	background: url(../../images/heading_health.jpg) no-repeat top center;
	}
	
	.marketing #main #heading {
	background: url(../../images/heading_marketing.jpg) no-repeat top center;
	}
	
		.marketing #topnav a.marketing {
		float: left;
		background: url(../../images/topnav/marketing.jpg) no-repeat 0 -43px;
		width: 93px;
		height: 42px;
		}
	
	.news #main #heading {
	background: url(../../images/heading_news.jpg) no-repeat top center;
	}
	
	.reporting #main #heading {
	background: url(../../images/heading_reporting.jpg) no-repeat top center;
	}
	
		.reporting #topnav a.reporting {
		float: left;
		background: url(../../images/topnav/reporting.jpg) no-repeat 0 -43px;
		width: 92px;
		height: 42px;
		}
		
	.solutions #main #heading {
	background: url(../../images/heading_solutions.jpg) no-repeat top center;
	}
	
		.solutions #topnav a.solutions {
		float: left;
		background: url(../../images/topnav/solutions.jpg) no-repeat 0 -43px;
		width: 91px;
		height: 42px;
		}
		
	.sustain #main #heading {
	background: url(../../images/heading_sustain.jpg) no-repeat top center;
	}
		
	.technology #main #heading {
	background: url(../../images/heading_technology.jpg) no-repeat top center;
	}
	
		.technology #topnav a.technology {
		float: left;
		background: url(../../images/topnav/technology.jpg) no-repeat 0 -43px;
		width: 103px;
		height: 42px;
		}
		
	.worklife #main #heading {
	background: url(../../images/heading_worklife.jpg) no-repeat top center;
	}
	
	.workplace #main #heading {
	background: url(../../images/heading_workplace.jpg) no-repeat top center;
	}
		
	
.sub #main #content {
margin-top: 10px;
clear: both;
font-size: 105%;
}

	.sub .nolc #main #content #leftcol { display: none; }
	.sub .nolc #main #content #midcol { width: 800px; }
	
	.sub #main #content #leftcol {
	float: left;
	width: 225px;
	}
	
		#leftcol img {
		margin-bottom: 3px;
		}
		
	.subgl #main #content #leftcol {
	border-right: 4px solid #D1D3D4;
	padding-right: 30px;
	}
	
	.sub .subgl #main #content #midcol {
	margin-left: 5px;
	width: 475px;
	}
	
	.qpgs #main #content #midcol {
	float: left;
	width: 310px;
	padding-left: 20px;
	}
	
	.type2 #main #content #leftcol {
	float: left;
	width: 345px;
	}
	
		.type3 #main #content #leftcol {
		float: left;
		overflow: hidden;
		padding-right: 0;
		width: 390px;
		}
	
	.type2 #main #content #midcol {
	float: left;
	width: 490px;
	margin-left: 40px;
	}
	
		.sub .type3 #main #content #midcol {
		float: left;
		width: 466px;
		position: relative;
		}
	
	.rsub #content #midcol {
	float: left;
	width: 635px;
	margin-left: 20px;
	}
	
	.contactus #content #leftcol {
	text-align: center;
	}
	
	.qpgs #main #content #rightcol {
	float: left;
	width: 305px;
	margin-left: 20px;
	font-size: 90%;
	}
	
		.qpgs #main #content #rightcol #left {
		float: left;
		width: 145px;
		}
		
		.qpgs #main #content #rightcol #right {
		float: left;
		width: 145px;
		margin: 20px 0 0 15px;
		}
	
	.rsub #main #content #rightcol {
	display: none;
	}

	.sub #main #content #top {
	background: url(../../images/vr_gray.gif) no-repeat 342px center;
	clear: both;
	margin: 0;
	padding: 0;
	}
		
	.sub #main #bottom {
	clear: both;
	margin-top: 0px;
	}
		
	p.whatif {
	float: left;
	padding-left: 80px;
	width: 420px;
	}

		.sub #main #bottom #qoltext {
		float: left;
		width: 420px;
		background-color: #FFFCDD;
		background-image: url(../../images/tolive_symbol.png);
		background-repeat: no-repeat;
		background-position: 15px center;
		padding: 10px 10px 10px 80px;
		font-size: 110%;
		}
		
		.nq #qoltext { display: none; }
		.nq2 #main #bottom #qoltext { background: #FFF; padding: 0; width: 455px; }
		.qdull #main #bottom #qoltext { background: none; border: 2px solid #6E804C; padding-left: 20px; width: 470px; }
		
		.sustain #main #qoltext {
		float: left;
		background: url(../../images/planit.gif) no-repeat;
		padding: 60px 15px 10px 180px;
		width: 315px;
		height: 75px;
		margin-top: -10px;
		font-size: 100%;
		}
		
			.sustain #qoltext p { margin: 2px 0; padding: 0 }
			
		.health #main #qoltext { margin-top: -80px; }
		.health #main p.whatif { margin-top: -80px; padding-bottom: 80px; }
		
		.sub #main #content #introtext {
		margin-top: 18px;
		clear: both;
		line-height: 160%;
		font-size: 90%;
		/*background: #FFFCDD;*/
		padding: 5px;
		}
		
			#introtext p {
			margin: 0; padding: 0;
			}
			
			#introtext img.person {
			float: left;
			margin: 5px 8px 50px 0;
			}
		
		.sub #main #bottom #flash {
		width: 340px;
		height: 172px;
		float: right;
		margin-right: -5px;
		}
		
	.contactus #flash { margin-top: -45px ; }
	
.technology .cols {
float: left;
width: 240px;
}

.technology .cols.right {
margin-left: 10px;
}

.colorup #flash { margin-top: -160px; }
.solutions.colorup #flash { margin-top: -160px; }
.reporting #flash { margin-top: -40px; }
.clientpage #flash { margin-top: -140px; }
.contactus #flash { margin-top: -160px; }
.faq #flash { margin-top: -25px; }
.marketing #flash { margin-top: -25px; }

/* -----------------------------------*/
/* ---------->>> FOOTER <<<-----------*/
/* -----------------------------------*/

#footer ul {
text-transform: lowercase;
list-style: none;
float: right;
margin: 0 45px 0 0;
padding: 0;
width: 600px;
text-align: right;
}

	#footer ul li {
	display: inline;
	border-left: 1px solid #748a49;
	padding: 0 8px;
	margin: 0;
	}
	
	#footer ul li.first {
	border: none;
	}

/* -----------------------------------*/
/* ---------->>> HEADINGS <<<---------*/
/* -----------------------------------*/

h1, h2, h3, h4, h5, h6, h7 { margin: 0; padding: 0; }


h1 { }

	.sub #main #content h1 {
	color: #6e804c;
	font: normal bold 190% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 8px;
	}
	
h2 { }
	
	.box h2 { 
	color: #FFF;
	font: normal bold 170% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	height: 29px;
	padding-top: 9px;
	text-align: center;
	background: url(../../images/box_top_green.gif) no-repeat top center;
	}
		
		.box h2.green {
		background: url(../../images/box_top_green.gif) no-repeat top center;
		}	

		.box h2.orange {
		background: url(../../images/box_top_orange.gif) no-repeat top center;
		}
		
	.sub #main #content #midcol h2, .sub #main #content #leftcol h2 {
	font: normal bold 130% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

h3 { }

	.sub #main #content #introtext h3 {
	color: #6e804c;
	font: normal bold 150% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	}
	
		.sub #main #content #introtext h3 a {
		color: #6e804c;
		text-decoration: none;
		}
		
			.sub #main #content #introtext h3 a:hover {
			text-decoration: underline;
			}
	
	.sub #main #content h3 {
	font: normal bold 105% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	}
	
	.popup h3 {
	color: #6e804c;
	font: normal bold 150% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 4px;
	}
	
	.sub #main #content #rightcol h3 {
	font: normal bold 120% Arial, Helvetica, sans-serif;
	color: #f0962e;
	padding-bottom: 4px;
	}
	
	.diversity #main #content #rightcol h3 { color: #70C9E2; }
	.sustain #main #content #rightcol h3 { color: #6E804C; }
	.health #main #content #rightcol h3 { color: #9262ad; }
	
	.sustain #qoltext h3 {
	font: normal bold 140% Arial, Helvetica, sans-serif;
	color: #6e804c;
	}

h4 { }

	#news #right h4 {
	color: #879d5b;
	font: normal bold 120% Verdana, Arial, Helvetica, sans-serif;
	}
	
		#news #right h4 a {
		color: #879d5b;
		}
		
		.october #news #right h4, .october #news #right h4 a {
		color: #e16dac;
		}
		
	#qoltext h4 {
	color: #f0962e;
	font: normal bold 130% Arial, Helvetica, sans-serif;
	}
	
		.qdull #qoltext h4 {
		color: #6E804C;
		margin-left: -5px;
		font: normal bold 140% Tahoma, Verdana, Arial, Helvetica, sans-serif;
		}
	
	.diversity #qoltext h4 { color: #70C9E2 }
	.health #qoltext h4 { color: #9262ad }
	
	#leftcol h4 {
	color: #6E804C;
	font: normal bold 140% Arial, Helvetica, sans-serif;
	}
	
h6 { }
	
	#footer h6 {
	width: 250px;
	font: normal 100% Arial, Helvetica, sans-serif;
	float: left;
	}

/* -----------------------------------*/
/* -------->>> TEXT STYLES <<<--------*/
/* -----------------------------------*/

body {
color: #000;
font: normal 80% Arial, Helvetica, sans-serif;
}

#content #rightcol {
font-size: 105%;
}

#container {
font-size: 85%;
}

#news a, #challenges a {
text-decoration: none;
}

#news a:hover, #challenges a:hover {
text-decoration: underline;
}

#footer {
font: normal 100% Arial, Helvetica, sans-serif;
color: #748a49;
}

#footer a {
color: #748a49;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

sup { font-size: 110%; }

.to {
text-transform: lowercase;
font-size: 105%;
color: #70C9E2;
font-weight: bold;
vertical-align: top;
}

.live {
text-transform: lowercase;
font-size: 130%;
color: #F0952D;
font-weight: bold;
}

.center {
text-transform: lowercase;
font-size: 130%;
color: #F0952D;
font-weight: bold;
}


/* -----------------------------------*/
/* ----------->>> EXTRAS <<<----------*/
/* -----------------------------------*/

address {
font: normal bold 100% Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}

.backem { background: #FFFCDD; padding: 5px; }

img.newsfloat {
width: 68px;
height: 77px;
float: right;
margin: -15px -20px -50px -20px;
position: relative;
}

p.red, p.orange, p.yellow, p.green, p.blue, p.purple, p.pink { padding: 10px; font-size: 105%; /*background:url(images/watermark.png) no-repeat 15px center;*/ }

p.red { background-color: #FFDDDD; }
p.orange { background-color: #FFF7DD; }
p.yellow { background-color: #FFFCDD; }
p.green { background-color: #E9FFDD; }
p.blue { background-color: #DDF4FF; }
p.purple { background-color: #EBDDFF; }
p.pink { background-color: #FFE1F0; }

.emphasis { color: #6E804C; font: normal bold 145% Arial, Helvetica, sans-serif; }

.emphasis a { color: #6E804C; text-decoration: none; }
.emphasis a:hover { text-decoration: underline; }

.workplace .emphasis, .worklife .emphasis { color: #f0962e; }
.diversity .emphasis { color: #70C9E2; }
.sustain .emphasis { color: #6E804C; }
.health .emphasis { color: #9262ad; }
.contactus .emphasis { color: #000; }
.green.emphasis { color: #6E804C; }
.challenges .emphasis { color: #000; font-size: 120%; }

.greenborder {
border: 3px solid #879964;
}

.pinkborder {
border: 3px solid #f1c8d8;
}

.box {
float: left;
width: 490px;
margin: 0;
margin: 10px 0 0 0;
padding: 0;
}
	
	.box .mid {
	background: #fbeed3 url(../../images/box_back.gif) repeat-y;
	padding: 5px;
	}
	
	.box .bottom {
	height: 7px;
	clear: both;
	background: #fbeed3 url(../../images/box_bottom.gif) no-repeat;
	font-size: 0;
	}
	
	.box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: bold;
	color: #524d4f;
	}
		
		.box ul li {
		background: url(../../images/orange_bullet.gif) no-repeat 10px 8px;
		padding: 5px 0 0 22px;
		}
	
	.box ul a {
	color: #524d4f;
	text-decoration: none;
	}
	
		.box ul a:hover {
		text-decoration: underline;
		}
		
ul.orange, ul.pink, ul.blue, ul.green2, ul.purple, ul.yellow { margin: 0; padding: 0; list-style: none; font-weight: bold; color: #524d4f; }
ul.orange li, ul.pink li, ul.blue li, ul.green2 li, ul.purple li, ul.yellow li { padding: 3px 0 0 22px; }
ul.orange a, ul.pink a, ul.blue a, ul.green2 a, ul.purple a, ul.yellow a { color: #524d4f; text-decoration: none; }
ul.orange a:hover, ul.pink a:hover, ul.blue a:hover, ul.green2 a:hover, ul.purple a:hover, ul.yellow a:hover { text-decoration: underline; }
	
	ul.orange li {
	background: url(../../images/orange_bullet.gif) no-repeat 10px 6px;
	}
	
	ul.pink li {
	background: url(../../images/pink_bullet.gif) no-repeat 10px 7px;
	}
	
	ul.blue li {
	background: url(../../images/blue_bullet.gif) no-repeat 10px 7px;
	}
	
	ul.green2 li {
	background: url(../../images/green_bullet2.gif) no-repeat 10px 7px;
	}
	
	ul.purple li {
	background: url(../../images/purple_bullet.gif) no-repeat 10px 7px;
	}
	
	ul.yellow li {
	background: url(../../images/yellow_bullet.gif) no-repeat 10px 7px;
	}
	
/* -----------------------------------*/
/* ---->>> SUBPAGE QOL PEOPLE <<<-----*/
/* -----------------------------------*/

.sub .worklifepage #flash { margin-top: -30px; }
.sub .worklifepage .whatif { position: relative; top: -15px; }

.sub .healthpage #flash { margin-top: -60px; }
.sub .healthpage .whatif { position:relative; top: -20px; }

.sub .challenges #flash { margin-top: -20px; }

.sub #flash a.workplaceServices {
background: url(../../images/quality.gif) no-repeat -15px 0;
width: 53px;
height: 167px;
float: left;
}

	.sub #flash a.workplaceServices:hover, .sub .workplacepage #flash .workplaceServices {
	background-position: -15px -172px;
	}

.sub #flash a.workLife {
background: url(../../images/quality.gif) no-repeat -69px 0;
width: 68px;
height: 167px;
float: left;
}
	
	.sub #flash a.workLife:hover, .sub .worklifepage #flash .workLife {
	background-position: -69px -172px;
	}

.sub #flash a.diversity {
background: url(../../images/quality.gif) no-repeat -135px 0;
width: 66px;
height: 167px;
float: left;
}

	.sub #flash a.diversity:hover, .sub .diversitypage #flash .diversity {
	background-position: -135px -172px;
	}

.sub #flash .sustain {
background: url(../../images/quality.gif) no-repeat -205px 0;
width: 83px;
height: 167px;
float: left;
}

	.sub #flash a.sustain:hover, .sub .sustainpage #flash .sustain {
	background: url(../../images/quality.gif) no-repeat -205px -172px;
	}

.sub #flash .health {
background: url(../../images/quality.gif) no-repeat -285px 0px;
width: 59px;
height: 167px;
float: left;
}

	.sub #flash a.health:hover, .sub .healthpage #flash .health {
	background-position: -285px -172px;
	}
	
/* -----------------------------------*/
/* ---->>> HOMEPAGE QOL PEOPLE <<<----*/
/* -----------------------------------*/

.home #flash {

}

.home #flash a.workplaceServices {
background: url(../../images/home_flash.gif) no-repeat 0 0;
width: 130px;
height: 224px;
float: left;
}

	.home #flash a.workplaceServices:hover, .home .workplacepage #flash .workplaceServices {
	background-position: 0 -234px;
	}

.home #flash a.workLife {
background: url(../../images/home_flash.gif) no-repeat -131px 0;
width: 70px;
height: 224px;
float: left;
}
	
	.home #flash a.workLife:hover, .home .worklifepage #flash .workLife {
	background-position: -131px -234px;
	}

.home #flash a.diversity {
background: url(../../images/home_flash.gif) no-repeat -204px 0;
width: 98px;
height: 224px;
float: left;
}

	.home #flash a.diversity:hover, .home .diversitypage #flash .diversity {
	background-position: -205px -234px;
	}

.home #flash .sustain {
background: url(../../images/home_flash.gif) no-repeat -302px 0;
width: 106px;
height: 224px;
float: left;
}

	.home #flash a.sustain:hover, .home .sustainpage #flash .sustain {
	background-position: -302px -234px;
	}

.home #flash .health {
background: url(../../images/home_flash.gif) no-repeat -408px 0;
width: 123px;
height: 224px;
float: left;
}

	.home #flash a.health:hover, .home .healthpage #flash .health {
	background-position: -408px -234px;
	}
	
/* Portal Tour Login Form */

.tourlogin form {
}

	.tourlogin input, .tourlogin label {
	float: left;
	margin-top: 10px;
	}

.tourlogin input {
border: 1px solid #CCC;
clear: both;
font-size: 120%;
margin: 0;
padding: 3px;
width: 15em;
}

.tourlogin input:hover {
background: #FEFAEA;
border: 1px solid #CCC;
}

.tourlogin label {
display: block;
font: bold 110% Arial, Helvetica, sans-serif;
margin: 1em 1em 0 0;
padding: 0;
}

.tourlogin input.button {
clear: both;
margin-top: 1em;
padding: 0.5em;
width: 10em;
}

.tourlogin input.button:hover {
background: #D1DABF;
cursor: pointer;
}

/* case study page modifications */

p.foodback {
background: url(../../images/orangebar_foodback.gif) no-repeat;
color: #FFF;
font: bold 105% Arial, Helvetica, sans-serif;
height: 72px;
padding: 10px 20px 0 100px;
width: 268px;
}

p.regence_cs {
background: url(../../images/regence_back.gif) no-repeat;
height: 43px;
margin: 0 0 0 -1px;
padding: 10px;
width: 370px;
}

.graybold { color: #787878; font-weight: bold; }

h2.gray { color: #787878; padding-top: 10px; }

#benefits {
background: url(../../images/benefits_results.gif) no-repeat;
height: 136px;
overflow: hidden;
padding-top: 25px;
width: 496px;
}

	#container #benefits ul.leftlist { float: left; overflow: hidden; width: 222px; }
	#container #benefits ul.rightlist { float: left; margin-left: 20px; overflow: hidden; width: 220px; }
	
	#benefits ul.leftlist, #benefits ul.leftlist li {
	margin: 0; padding: 0; list-style: none;
	}
	
	#benefits ul.leftlist li {
	background: url(../../images/blue_bullet.gif) no-repeat 10px 7px; 
	padding: 3px 21px;
	}
	
	#container #benefits ul.rightlist li {
	background: url(../../images/blue_bullet.gif) no-repeat 10px 7px; 
	padding: 3px 21px;
	}
	
	#benefits ul.rightlist, #benefits ul.rightlist li {
	margin: 0; padding: 0; list-style: none; width: 210px;
	}
	
	#container #benefits ul.rightlist li.note { color: #787878; background: none; padding-left: 10px; font-size: 80%; }
	
	.colorup.casestudy #flash { margin-top: -110px; }
	
	ul.tleftlist {
	font: normal 100% Arial, Helvetica, sans-serif; color: #000;
	float: left;
	width: 230px;
	}
	
	ul.trightlist {
	float: left;
	font: normal 100% Arial, Helvetica, sans-serif; color: #000;
	margin-left: 10px;
	width: 200px;
	}