/* 
define main text styles 
*/
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 70%; 
	color: #666666;
	padding: 0px;
	margin: 0px;
	background-color: #fff;
}

hr{
	display: inline;
	margin: 0px;
	padding: 0px;
}

p
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 130%;
	margin-top: 0px;
	margin-bottom: 1em;
}

.printonly
{
	display: none;
}

#page-title
{
	display: block;
	text-align:  left;
	width: 681px;
	border-top: 1px solid #C0BFC0;
	border-bottom: 1px solid #C0BFC0;
	padding: 5px;
	padding-left: 10px;
	padding-right: 0px;
	
}

/* hack to fix ie/win, but hide from ie/mac \*/
* html body #page-title	{ padding-bottom: 0px;}
/* end */

h1
{
	font-family: Arial, Helvetica, sans-serif; 
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 150%;
	color: #CC003F;
}



h2
{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1.4em;
	line-height: 130%;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: bold;
	color: #333333;
}

th
{
	color: #6D6E71;
	font-weight: bold;
	padding: 3px;
}

a
{
	color: #6D6E71;
	text-decoration: underline; 
}

a:hover
{
	color: #6D6E71;
	text-decoration: underline; 
}


/*
modifiers
*/

.error		{color: #C40202;}
.small
{
	font-family: Arial, Helvetica, sans-serif; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: xx-small;
	color: #333333;
}

#content-copy ul{
	border: 0px;
	margin: 0px;
	margin-left: 0px;
	padding-left: 0px;
	
	margin-bottom: 10px;
}

#content-copy ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	
	margin-left: 20px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	
	background-image: url(/images/global/bullet-arrow.gif);
	background-position: 0px 6px;
	background-repeat: no-repeat;
	
	line-height: 130%;
}

.clear{
	clear:both;
	height:0em;
	line-height:0em;
}

/*
breadcrumbs
*/
#breadcrumbs-outer
{
	margin-bottom: 10px;
	
}
#breadcrumbs
{
	text-align: left;
	/*display: block;
	clear: both;*/
	color: #C0BFC0;
}
#breadcrumbs p {margin-bottom: 0px;}
#breadcrumbs a, #breadcrumbs a:visited {color: #C0BFC0;}




/*
headings
*/
h1#image-header
{
	background-repeat: no-repeat;
	background-position: top left;
	height: 28px; 
	min-height: 28px; 
	border-top: 1px solid #C0BFC0;
	padding-top: 4px;
	border-bottom: 1px solid #C0BFC0;
	padding-bottom: 2px;
}

h1#image-header span
{
	display: none;
}

/* hack to fix ie/win, but hide from ie/mac \*/
* html body #h1#image-header		{ }
/* end */

h1#image-header span			{display: none;}




/*
define outer container with explict width
*/
#outer-container 
{
	position: absolute;
	display: block;
	left: 50%;
	top: 0;
	width: 720px;
	margin-left: -360px;		
}


/*
define inner containers - top/middle and bottom
*/
#top-container
{
	background-image: url(/images/shadow_top.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height: 10px;
}

/* hack to fix ie/win, but hide from ie/mac \*/
* html body #top-container		{ margin-bottom: -3px;}
/* end */

#middle-container
{
	/*background-image: url(/images/shadow_tile.gif);*/
	background-position: right;
	margin: 0px;
	padding-left: 10px;
	padding-right: 17px;
	padding-top: 0px;
	padding-bottom: 0px;
}

/* hack to fix ie/win, but hide from ie/mac \*/
* html body #middle-container {margin-left: -1px;}
/* end */

#bottom-container
{
	background-image: url(/images/shadow_bottom.gif);
	background-position: right;
	height: 18px;
	padding-left: 10px;
	padding-right: 17px;
}

#inner-container 
{
	/*border: 1px solid #C0BFC0;*/
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}


/*
content
*/
#content
{
	clear: both;
	display: block;
	padding: 10px;
	/*overflow: hidden;*/
	float:left;
}

#content #sideimage
{
	width: 130px; 
	padding-right: 10px; 
	margin-bottom: 10px;
	float: left;
}

#content #content-copy
{
	display: block; 
	float:left; 
	width: 668px; 
	padding-left: 10px;
}

/* content styles - hide left hand images from mac */
.c2a			{ display: none;}
.c3a			{ display: none;}


/* define content styles - but hide from ie-mac \*/
.couter			{ clear:both; display: block; }
.c1a			{ float: left; width: 458px; padding-right: 10px; border-right: 1px solid #e3e3e3; margin-bottom: 10px}
.c1b			{ float: right; width: 189px; padding-left: 10px; border-left: 1px solid #e3e3e3; margin-left: -1px; margin-bottom: 10px}

.c2a			{ display: block; float:left; width: 130px; padding-right: 10px; margin-bottom: 10px}
.c2b			{ display: block; float:left; width: 518px; padding-left: 10px; margin-bottom: 10px}

.c3a			{ display: block; float: left; width: 130px; padding-right: 10px; margin-bottom: 10px}
.c3b			{ display: block; float: left; width: 311px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #e3e3e3; margin-bottom: 10px}
.c3c			{ display: block; float: right; width: 189px; padding-left: 10px; border-left: 1px solid #e3e3e3; margin-left: -1px; margin-bottom: 10px}
/* end hide */







/*
homepage-content
*/
#homepage-content
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #C0BFC0;
	display: block;
}

body#homepage #content p {
	position: relative;
}

#homepage-box
{
	height: 133px;
	min-height: 133px;
	background-color: #EDEDED;
	padding: 5px;
}
#homepage-box2
{
	height: 133px;
	min-height: 133px;
	background-color: #EDEDED;
	padding: 5px;
	overflow: auto;
}

#homepage-box2 ul{
	margin: 10px;
}

#homepage-content h2
{
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 100%; 
	color: #CC003F;
}

#homepage-content ul
{
	padding: 0;
	margin: 0;	
}

#homepage-content li
{
	padding-left: 10px;
	list-style-type: none;
	background-image: url(/images/global/bullet-arrow.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}
#homepage-content li a
{
	color: #666666;
	text-decoration: none;
}
#homepage-content li a:hover
{
	color: #CC003F;
	text-decoration: underline;
}
#homepage-content #homepage-box li{
	margin-top: 10px;
}




/*
footer
*/
#footer
{
	display: block;	
	border-top: 1px solid #C0BFC0;
	color: #A2A2A2;
	height: 56px;
	min-height: 56px;
}
#footer table		{padding: 10px;}
#footer a			{color: #A2A2A2;}
#footer div.footer-link a			{text-decoration: none; color: #333333;}




/* 
define form styles 
*/
input, select
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 1em; 
	color: #333333;
}

.w50	{ width: 50px; }
.w70	{ width: 70px; }
.w100	{ width: 100px; }
.w200	{ width: 200px; }
.w300	{ width: 300px; }
.w400	{ width: 400px; }
.w720	{ width: 720px; }
.error 	{ color: #CC0000; }

.btn40, .btn80, .btn120, .btn200
{
	border: 1px solid #BAB9BF; 
	background-color: #F3F2F6;
	padding: 1px 0px 1px 0px;
	text-align: center;
}

.btn40		{ width: 40px; }
.btn80		{ width: 80px; }
.btn120		{ width: 120px; }
.btn200		{ width: 200px; }



.couter			{ clear:both; display: block; height: 400px;}
.c1a			{ float: left; width: 458px; padding-right: 10px; border-right: 1px solid #e3e3e3; margin-bottom: 10px}
.c1b			{ float: right; width: 189px; padding-left: 10px; border-left: 1px solid #e3e3e3; margin-left: -1px; margin-bottom: 10px}

.c2a			{ float: left; width: 130px; padding-right: 10px; margin-bottom: 10px}
.c2b			{ float: right; width: 518px; padding-left: 10px; margin-bottom: 10px}

.c3a			{ float: left; width: 130px; padding-right: 10px; margin-bottom: 10px}
.c3b			{ float: left; width: 311px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #e3e3e3; margin-bottom: 10px}
.c3c			{ float: right; width: 189px; padding-left: 10px; border-left: 1px solid #e3e3e3; margin-left: -1px; margin-bottom: 10px}

/*
case study table
*/
table.cs-table	{ float: right; width: 100%; padding-left: 0px; margin-bottom: 10px}

.cs-logo tr
{
	height: 50px;
	min-height: 50px;
}

.cs-logo td{
	/* border: 1px solid #C0BFC0; */

}

.cs-logo2 td{
	border: 1px solid #C0BFC0;
	padding: 5px 0px 5px 0px;
}

.cs-logo td .cs-item img, .cs-logo td .cs-item2 img{
	padding-top: 5px;
	padding-bottom: 5px;
	opacity: 1;
	filter: alpha(opacity=100);
}

.cs-logo td .cs-item a, .cs-logo td .cs-item2 a{
	display: block;
	border: 1px solid #C0BFC0;
	padding: 5px;	
	padding-top: 2px;	
	height: 62px;
	width: 86px;
}

.cs-logo td .cs-item2 a{
	width: 191.5px;
}

.cs-logo td .cs-item a:hover, .cs-logo td .cs-item2 a:hover{
	border: 1px solid #CC003F;
}

.cs-logo td .cs-item a:hover img, .cs-logo td .cs-item2 a:hover img{
	opacity: .3;
	filter: alpha(opacity=30);
}

.cs-logo-small td img{
display: block;
float: left;
padding-left: 5px;
}


/* hack to fix ie/win, but hide from ie/mac \*/
* html body .c1a			{ float: left; width: 460px; padding-right: 10px; border-right: 1px solid #e3e3e3; margin-bottom: 10px}
/* end */






/*
define styles for the non-flash sub-homepages
*/

.service-solution
{
	width: 128px;
	display: block;
	float: left;
	padding-right: 6px;
}

/* the following rule are recognized by IE only - used to fix mac*/
* html .service-solution { padding-right: 0px; }

/* hack to fix ie/win, but hide from ie/mac \*/
* html .service-solution { padding-right: 3px;}
/* end */

.aboutus
{
	width: 163px;
	display: block;
	float: left;
	padding-right: 3px;
}

/* the following rule are recognized by IE only - used to fix mac*/
* html .aboutus { padding: 0px; margin-right: -2px;}

/* hack to fix ie/win, but hide from ie/mac \*/
* html .aboutus { margin-right: 0px;}
/* end */





/*
define Manager styles
*/
.manager{
	clear: both;
	display: block;
	height: 60px;
	min-height: 60px;
}

.manager .manager-img{
	float: left;
	display: block;
	width: 60px;
	margin-right: 10px;
}

.manager .manager-copy{
	text-align: left;
	float: left;
	display: block;
	width: 400px;
}

.manager .manager-copy h3{
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}


#peopletable img{
	margin-right: 9px;
	margin-bottom: 9px;
}
#peopletable img.last{
	margin-right: 0px;
}
table.emeatable td{
	border: 1px solid #C0BFC0;
	padding: 5px;
	
	text-align: center;
}

table.emeatable td a{
	text-decoration: none;
	color: #CC003F;
}

table.emeatable td a:hover{
	text-decoration: underline;
}

/*
define case study icon styles
*/
.logo-row{
	clear: both;
	display: block;
	width: 100%;
	margin-top: 3px;
}

.logo-row .logo{
	float: left;
	display: block;
	width: 90px;
	height: 65px;
	border: 1px solid #C0BFC0;
	padding-top: 5px;
	margin-right: 3px;
}

img.cs-img{
	margin: 0px;
	padding: 0px;
	
	margin-left: 10px;
	margin-bottom: 10px;
}
table.cs-table	{ float: right; width: 100%; padding-left: 0px; margin-bottom: 10px}

.cs-logo tr
{
	height: 50px;
	min-height: 50px;
}

.cs-logo td{
	border: 1px solid #C0BFC0;
	padding: 5px;	
}

.eventregister td
{
	padding-bottom: 3px;
}


/* tooltip homepage (for images) */
.homeimage {
	display: block;
	position: relative;
	width: 128px;
	height: 119px;
	float: left;
	margin-right: 6px;
}
.titleimage, .titleimagelast{
	display: none;
	position: absolute;
	width: 210px;
	height: 80px;
	left: 0px;
	top: -92px;
	background: #F7F7F7;
	border: 1px solid #333333;	
	color: #000000;
	padding: 5px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	opacity: .9;	
}
.homeimage .last{
	left: -93px; /*210+10-128*/
}