@import url("/includes/jquery.infinite-carousel.css");

/************ COMMON ELEMENTS **********************************/
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #717073;
}
h1 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:4px;
}
h1.grayTitle {
	font-size: 28px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-weight:normal;
	margin:0px;
	line-height:28px;
}
#dsDesc h1.grayTitle {
	font-size:24px;
	line-height:22px;
}

h1 a {color:#DE0F13;}
td {line-height:18px;}
a {
	color: #333;/*#717073; 8A1F03;*/
	text-decoration:none;
	outline: none;
	overflow:hidden;
	/*padding-left: 10px;
	padding-right: 10px;*/
}
a:hover {
	text-decoration:none;
	color: #DC2228;
}

/******************** SITE COLORS ***************************************/
/*.build {
	background:#9ED8D2;
}
.brand {
	background:#FDBC5F;
}
.ops {
	background:#8CD2F4;
}
.imp {
	background:#D4891C;
}*/
.wd {
	background:#DC2228;
}
/*.buildColor {
	color:#9ED8D2 !important;
}
.buildColorDk {
	color:#76B1B7 !important;
}
.brandColor {
	color:#FDBC5F !important;
}
.brandColorDk {
	color:#FEBD63 !important;
}
.operationsColor {
	color:#8CD2F4 !important;
}
.operationsColorDk {
	color:#579EC0 !important;
}
.implementColor {
	color:#D4891C !important;
}
.implementColorDK {
	color:#AC7018 !important;
}*/
.wdColor, .companyColor, .casestudiesColor {
	color:#DE0F13 !important;
}
.gray {
	color:#C7C8CA !important;
}
.grayWarm {
	color:#9A9B9D !important;/*#ACA095;*/
}
.grayCool {
	color: #c7c8ca !important;/*#E7D2AD #9a9b9d;*/
}

#container {
	margin: 0px;
	padding: 0px;
	width: 886px;
	z-index: 1;
	/*overflow:hidden;*/
	position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -443px;
}
#header {
	/* border-bottom: 1px solid #717073; */
	height: 80px;
	width: 886px;
	margin-top: 0px;
	margin-bottom: 6px;
	padding-top: 0px;
	text-align: left;
	position: relative;
}
#logo {
	width: 130px;
	height: 51px;
	float: left;
}
#navigationLinks {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	float: right;
	padding-top: 5px;
	color: #717073;
}
#navigationLinks a {
	color:#717073;
	padding-left:4px;
	padding-right:4px;
}
#navigationLinks a:hover {
	color: #de0f13;
}
#homeLink a, #homeLink:link, #homeLink:visited {
	color: #de0f13;
}
#megaNav {
	width:851px;
	position:absolute;
	background:#4C4D4F;
	color:#FFFFFF;
	top: 52px;
	z-index:1000;
	display:none;
	font-size: 13px;
	padding: 10px 20px 10px 15px;
}
#megaGroup {
	text-align:left;
}
#megaTitlesLine {
	width: 836px;
	margin-top: 13px;
	margin-bottom: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #C7C8CA ;
	text-align: left;
	border-top: 1px solid #C7C8CA ;
	line-height: 26px;
	background-image: url(../images/divLine.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-transform: lowercase;
	position:relative;
	height:26px;
	padding: 3px 0;
}
#megaTitle {
	width:227px;
	float:left;
	position:relative;
	text-align:left;
}
#megaTitleRight {
	width:155px;
	float:left;
	position:relative;
	text-align:left;
}
#megaList {
	width:227px;
	float:left;
	position:relative;
	text-align:left;
	line-height:16px;
	padding: 3px 0;
}
#megaListRight {
	width:155px;
	float:left;
	position:relative;
	text-align:left;
	line-height:16px;
	padding: 3px 0;
}
.megaNav_linksHead, .megaNav_linksHead:hover {
	font-size: 17px;
	color: #C7C8CA;
	text-transform: lowercase;
}
.megaNav_links {
	text-decoration:none;
	color: #FFFFFF;
	padding: 0px;
	/*padding-left:10px;*/
}
.megaNav_links:hover {
	text-decoration:none;
	color: #ACA095;/*DC2228;*/
	padding: 0px;
	/*padding-left:10px;*/
}

#clientsNav {
	width:660px;
	height: 384px;
	position:absolute;
	top:0px;
	left:220px;	
	font-size: 11px;
	text-transform: uppercase;	
}
#clients{
	width:164px;
	color: #717073;
	/*height: 250px;*/
	float:left;
	text-align:left;
	/*padding-left:11px;  was 20*/
	padding-top: 4px;
	line-height:17px;
}
.clientNav_linksHead, .clientsNav_linksHead:hover {
	font-size: 17px;
	color: #DE0F13;
	text-transform: lowercase;
}
#clients a {
	text-decoration:none;
	color: #717073;/*#DE0F13;*/
	padding: 0px;
	/*border-right: 1px solid #9a9b9d;*/
	padding-right:9px;
}
#clients a:hover {
	text-decoration:none;
	color: #DE0F13;
	padding: 0px;
	/*border-right: 12px solid #DE0F13;*/
	padding-right:9px;
}
.cs_link {
	background-image: url(../images/company/client_cs.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.cs_link:hover {
	background-image: url(../images/company/client_csOn.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/*.closeLink, .closeLink:hover {
	color: #999999;
	padding-right:10px;
}*/
#bobiLinks {
	display: none;
	position:absolute;
	bottom:0px;
	right:0px;
}
h2.contactNames {
	font-size: 14px;
	padding:0px;
	margin:0px;
}
#csLinks, #aboutLinks, #leadershipLinks, #careersLinks, #newsLinks, #contactLinks, #svcNavLinks {
	width:192px;
	/* height: 384px; */
	float:left;
	text-align:left;
	padding-left:11px; /*was 20*/
	padding-top: 20px;
	line-height:11px; /* 23px sl*/ 
	font-size:12px;
	text-transform: uppercase;
}
#csNav, #svcNav, #aboutmenu, #leadershipmenu, #careersmenu, #newsmenu, #contactmenu, #casestudiesmenu {
	width:0px;
	height:384px;
	position:absolute;
	/*background:#9ED8D2;*/
	color:#4C4D4F;
	top:0px;
	z-index:50;
	/*filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	/*6-14-2011*/
	left:0px;
}
#svcNavLinks {
	width:188px;
	height: 384px;
	float:left;
	text-align:left;
	padding-left:11px; /*was 20*/
	padding-top: 20px;
	line-height:11px; /* 23px sl*/ 
	overflow:hidden;
}
#svcAvailable {
	font-size: 15px;
	line-height: 24px;
}
#hidinator, #hidinator2, #hidinator3, #hidinator4, #hidinator5, #hidinator6,
#abouthider, #casestudieshider, #leadershiphider, #careershider, 
#newshider, #contacthider {
	width:0px;
	height:384px;
	position:absolute;
	background:transparent;
	top:86px;
	z-index:60;
	overflow:hidden;
	left:196px;
}
/* all company submenu list links */
.slideNavWD_links {
	text-decoration:none;
	font-size:11px;
	color: #C7C8CA;
	padding: 0px;
}
.slideNavWD_links:hover {
	text-decoration:none;
	color: #FFFFFF;
	padding: 0px;
}
/* all gray bar list links */
.mainNav_links {
	text-decoration:none;
	font-size:11px;
	color: #FFFFFF;
	padding: 0px;
	text-transform: uppercase;
}
.mainNav_links:hover {
	text-decoration:none;
	color: #ACA095;
	padding: 0px;
	text-transform: uppercase;
}
/*  main left nav links when not selected */
#smeNav {
	width:192px;
	height:384px;
	position:absolute;
	background:#4C4D4F;
	color:#FFFFFF;
	top:86px;
	z-index:50;
	/*filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	/*6-14-2011*/
}
#smeLinks, #csLinks  {
	width:192px;
	/*height: 150px;*/
	float:left;
	text-align:left;
	padding-left:11px; /* was 20*/
	padding-top: 12px;
	line-height:9px;
}
#smeLinks {
	width:192px;
	/* height: 384px; */
	float:left;
	text-align:left;
	padding-left:11px; /*was 20*/
	padding-top: 0px;
	line-height:9px; /* 23px sl*/ 
	font-size:16px;
	color:#FFFFFF;
	font-weight:normal;
}
#smeLinks h3 {
	/*width:192px;
	float:left;
	text-align:left;
	padding-left:11px; */
	padding-top: 0px;
	line-height:9px; 
	font-size:16px;
	color:#FFFFFF;
	font-weight:normal;
}
.smeLinks, a.smeLinks:link, a.smeLinks:active {
	color: #FFFFFF;
	font-weight:normal;
}
a.smeLinks:hover {
	color: #C7C8CA;
	font-weight:normal;
}
/* main 3 brand links */
.brandNav_links {
	color:#FDBC5F;
}
.brandNav_links:hover {
	color:#FDBC5F;
}
/* main 3 ops links */
.opsNav_links {
	color: #8CD2F4;
}
.opsNav_links:hover {
	color: #8CD2F4;
}
/* main 3 build links */
.buildNav_links {
	color: #9ED8D2;
}
.buildNav_links:hover {
	color: #9ED8D2;
}
/* main 3 implement links */
.impNav_links {
	color: #D4891C;
}
.impNav_links:hover {
	color: #D4891C;
}
/* all wd links */
.wdNav_links {
	color: #DE0F13;
}
.wdNav_links:hover {
	color: #DE0F13;
}

#mainContent {
	width: 886px;
	height: 384px;
	position: relative;
	background-image: url(../images/mainContentBG.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}
#mainContentText {
	font-size:11px;
}
#mainContentTitle {
	font-size:24px;
	padding-bottom:12px;
}
.messageLinks {
	font-size:12px;
	text-transform:uppercase;
	color:#FFFFFF;
}
.messageLinks:hover {
	color:#FFFFFF;
	text-decoration:underline;
}
#indexBuckets {
	width: 886px;
	/*height: 85px;
	margin-top: 15px;*/
	position: relative;

}
#block {
	display: inline-block;
	width: 178px;
	float: left;
	color: #BBB1A5;
	font-size: 10px;
	text-align: left;
	line-height: 13px;
	height: 105px;
	letter-spacing: normal;
	margin-right: 58px;
	white-space:nowrap; 
	/*background: #FFFFFF;*/
}

#block:hover .blockTitles {
	color: #de0f13;
	cursor: hand;
	
}
#blockContent {
	text-transform: uppercase;
	position: relative;
	top: -3px;
	color: #BBB1A5;
}
.blockTitles {
	font-size: 15px;
	color: #4C4D4F;
	position: relative;
	top:-4px;
	/*font-weight: normal;*/
}
.arrow {
  display: block;
  height: 45px;
  width: 20px;
  background: url(/images/arrow.gif) no-repeat 0 0;
  text-indent: -9999px;
  position: relative;
  cursor: pointer;
  outline: 0;
  margin-top:-92px;
}

.forward {
  background-position: -20px 0;
	overflow: visible;
	float:right;
	left: 32px; /*20px;*/
}

.back {
  background-position: 0px 0px;
  left: -35px; /*-23px;*/
	overflow: visible;
	float:left;	
}
#services {
	text-align:left;
}
#svcDesc {
	color: #717073;
	overflow:auto;
	padding-right:20px;
	width:450px;
	position:relative;
	line-height:18px;
	margin-top:20px;
}
#svcList {
	font-size:16px;
	text-transform:lowercase;	
}
#svcContent {
	
	text-align:left;
	width:490px;
	position:absolute;	
	color:#717073;
	left:387px;
	top:15px;
	height:355px;
}
#operations_Content {
	text-align:left;
	width:620px;
	position:absolute;	
	color:#717073;
	left:248px;
	top:15px;
	height:355px;
}
#csImage {
	left:266px;
	width: 620px;
	height: 384px;
	position:absolute;
	top:86px;
	display:block;

}
/*#csThumbs {
	left: 196px;
}*/
#csImage1, #csImage2, #csImage3, #csImage4, #csImage5, #csImage6, #csImage7, #csImage8, #csImage9 {
	left:266px;
	width: 620px;
	height: 384px;
	position:absolute;
	top:86px;
	display:none;
	z-index:10;
}
#csThumbs {
	text-align:left;
	position:absolute;
	left:196px;
	top:0;
}



#sustainability_pdf_nav {

    background: none repeat scroll 0 0 #666666;

    height: 115px;

    left: 191px;

  
	
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	opacity: 0.80;

    padding: 3px 10px 15px;

    position: absolute;

    text-align: left;

    top: 251px;

    width: 120px;

}

 

.sustainability_pdf_text {

    color: #FFFFFF;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 13px;

    line-height: 21px;

    text-decoration: none;

}

 

.sustainability_pdf_text h1 {

    color: #FFFFFF;

    font-family: Arial,Helvetica,sans-serif;

    font-size: 12px;

    font-weight: bold;

    line-height: 14px;

    text-decoration: none;

    text-transform: lowercase;

}
#csContent {
	position:absolute;
	padding-right:20px;
	left:295px;
	text-align:left;
	width:558px;
	height:350px;
	overflow:auto;
	color:#717073;
	top:15px;
	line-height:18px;
}
#csContentPeople {
	position:absolute; 
	padding-right:20px; 
	left:315px; 
	text-align:left; 
	width: 470px; 
	height: 360px; 
	overflow:auto; 
	color: #717073; 
	top:20px; 
	line-height:18px;
}
#csDesc {
	color: #717073;
	padding-right:20px;
	/*width:450px;*/
	position:relative;
	line-height:18px;
	margin-top:20px;
}
/*#csDesc ul li {
	list-style:square;
	text-indent: 0.2em;
}*/
#leaderImg {
	background-image:url(../images/company/leadership1.jpg);
	height:384px;
	left:0;
	position:absolute;
	top:0;
	width:886px;
	z-index:10;
	overflow: hidden;
}
#leader1 {float:left;width:330px;}
#leader2 {float:right;width:350px;}

#sliderControl_1, #sliderControl_2, #sliderControl_3, #sliderControl_4,
#sliderControl_1:hover, #sliderControl_2:hover, #sliderControl_3:hover, #sliderControl_4:hover {
	cursor:auto;
}

#process_textBlock {
	position:absolute;
	top:123px;
	left:422px;
	width:271px;
	text-align:left;
	font-size:12px;
	line-height: 18px;
	color: #717073;
}

.wdTag {
	width: 886px;
	margin-top: 7px;
	margin-bottom: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; /*13px;*/
	color: #ACA095;
	text-align: left;
	border-top: 1px solid #717073;
	line-height: 26px;
	background-image: url(../images/divLine.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:2px;
	text-transform: uppercase;
}
#footer {
	font-size: 10px;
	text-align: right;
	float: right;
	/*margin-top: 15px;*/
	color: #BBB1A5;
	text-transform: uppercase;
	padding-bottom:20px;
}
#footer a {color: #BBB1A5;}
#footer a:hover {color:#DE0F13;}

#lowNav {
	width:886px;
	height:384px;
	position:absolute;
	background:#4C4D4F;
	color:#FFFFFF;
	top:86px;
	z-index:1000;
	display:none;
}
#low1, #low2, #low3, #low4, #low5, #low6, #low7, #low8 {
	width:205px;
	height: 150px;
	float:left;
	text-align:left;
	padding-left:11px; /* was 20*/
	padding-top: 20px;
	line-height:20px;
}
.lowNav_links {
	text-decoration:none;
	color: #FFFFFF;
	padding: 0px;
}
.lowNav_links:hover {
	text-decoration:none;
	color: #ACA095;/*DC2228;*/
	padding: 0px;
}

/* leadership */
#sliderControl_1, #sliderControl_2, #sliderControl_3, #sliderControl_4 {
	position: absolute;
	right: 7px;
	bottom: 103px;
	z-index:50;
	text-align:right;
}
h1.leadershipName, h1.aboutTitle {
	color: #717073;
	font-size: 15px;
	padding:0px;
	margin:0px;
	text-transform: uppercase;
	font-weight: normal;
}
h2.leadershipTitle {
	/*color: #DC2228;*/
	font-size: 12px;
	padding:0px;
	margin:0px;
	margin-bottom:15px;
	text-transform: uppercase;
	font-weight:normal;
}
#leadershipBlock {
	position:absolute;
	top:20px;
	right:20px;
	text-align:left;
	width:340px; /* was 400 */
	font-size:12px;
	/* height: 830px; */
}
#leaderDesc {
	position:relative;
	width:340px;
	text-align:left;
	font-size:12px;
	height: 270px;
	color: #717073;
	overflow:auto;
	padding-right:10px;
	line-height:18px;
}
#leaderDesc ul, #svcDesc ul {
	list-style-position:outside;
	list-style-type:none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1.25em;
}
/*#leaderDesc ul li:before {content: "\2014 \0020";}*/
#aboutWD1 {
	text-align:left;
}
.aboutTag {
	margin: 0px;
	padding: 0px;
}
#brand_exp_text, #build_exp_text, #ops_exp_text, #imp_exp_text {
	position:absolute;
	top:182px;
	left:372px;
	width:271px;
	text-align:left;
	font-size:17px;
	color: #717073;
}
#benefitsmedical, #benefitsdental, #benefitsdisable, #benefitslife, #benefitsoptional, #benefits401, #benefitsholiday, #benefitspartner, #benefitslock {
	position:absolute;
	top:106px; /* was 36 */
	left:387px;
	width:430px;
	text-align:left;
	font-size:14px;
	height: 128px;
	color: #717073;
	display:none;
}
/*news page*/
#newsBlock {
	position:relative;
	top:20px;
	left:	0px;
	width:480px;
	text-align:left;
	font-size:12px;
	height: 300px;
	color: #717073;
	overflow:auto;
	padding-right:20px;
	margin-right: 30px;
}
#awardsBlock {
	position:relative;
	top:20px;
	left:-30px;
	width:485px;
	text-align:left;
	font-size:12px;
	height: 340px;
	color: #717073;
	overflow:auto;
	padding-right:10px;
	margin-right: 5px;
	float:right;
}
#awardTitle {
	color: #333;/*#9a9b9d;*/
	font-weight:bold;
}

#articleTitle {
	position:absolute;
	top:0px;
	left:7px;
}
a.articlesTitleLink {
	font-weight:bold;	
}
.articlesDesc {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666666;
	line-height:20px;
	padding-right: 40px;
}
#articlesTitle {
	color:#de0f13;
	font-family:arial,sans-serif;
	font-size:27px;
	font-weight:normal;
	text-decoration:none;
	line-height:32px;
}
#pressTitle {
	position:absolute;
	top:0px;
	left:338px;
}
.newsTable {
	font-size: 12px;
}
.newsTable td {
	border-top: 1px solid #8C8C8C;
}
a.newsTable {
	color: #717073;
}
a.newsTable:hover {
	color: #DE0F13;
}
.newsTable em {
	color: #717073;
}
.newsMonth, .newsMonth td {
	font-family: arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	text-transform: uppercase;
	color: #de0f13;
	padding-top: 10px;
}
.newsRule {
	border: 1px solid #8C8C8C;
}
.eventOver {
	background: #f8f8f8;
}
/*********************************** MENU STYLE *******************************************/
h3 {padding:0;margin:0;z-index:100;min-height:10px;_height:10px;}/*min-height:10px;_height:10px;*/
.arrowlistmenu, .arrowlistmenu2{
width: 180px; /*width of accordion menu*/
background: #4C4D4F none repeat scroll 0 0;
width:192px;
height:380px;
position:absolute;
color:#FFFFFF;
top:86px;
z-index:50;
left:0;
/*filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity: 0.95;
opacity: 0.95;
/*6-14-2011*/
text-align:left;
padding-top:4px;
}
/*#menuBumper {height:10px;z-index:10;}*/
.arrowlistmenu .menuheader, .arrowlistmenu2 .menuheader2{ /*CSS class for menu headers in general (expanding or not!)*/
font: normal 17px Arial;
color: #FFFFFF;
text-transform: lowercase;
/*padding:0 0 6px 8px; header text is indented 10px*/
cursor: hand;
cursor: pointer;
line-height:16px;
height:18px;
margin-left:8px;
}
.arrowlistmenu ul, .arrowlistmenu2 ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0 0 3px -8px;
padding: 0 0 0 13px;
/*margin-bottom: 8px; bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li {
color: #9a9b9d; /*warm gray*/
font: normal 11px Arial; /* was 16, changed by sl */
padding-left: 2px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
text-transform:lowercase;
list-style-type:none;
min-height:10px;_height:10px;
}
.arrowlistmenu ul li .submenuheader{ /*CSS for Sub Menu HEADER*/
color: #9a9b9d; /*warm gray*/
font: normal 15px Arial;
padding: 0 0 2px 8px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
text-transform:lowercase;
}
.arrowlistmenu ul li .subcategoryitems, .arrowlistmenu2 ul li .subcategoryitems2 { /*CSS for Sub Menu UL*/
font: normal 11px Arial;
text-transform:uppercase;
list-style-type:none;
height:auto;
}
.arrowlistmenu ul li .subcategoryitems a, .arrowlistmenu2 ul li .subcategoryitems2 a { /*CSS for Sub Menu UL*/
color: #9a9b9d; /*!important; /* warm gray */ 
font: normal 11px/14px Arial;
text-transform:uppercase;
list-style-type:none;
}
.arrowlistmenu ul li .subcategoryitems a:hover, .arrowlistmenu2 ul li .subcategoryitems2 a:hover  { /*CSS for Sub Menu UL*/
color: #FFFFFF  !important;
}
.arrowlistmenu ul li a{
color: #9a9b9d;/*#ACA095;*/
/*background: url(arrowbullet.png) no-repeat center left; custom bullet list image*/
display: block;
padding: 0;
padding-left: 7px; /*link text is indented 19px*/
text-decoration: none;
font: normal 11px Arial;
text-transform:uppercase;
line-height:16px;
}

.arrowlistmenu ul li a:hover, .arrowlistmenu2 ul li a:hover { /*hover state CSS*/
color: #FFFFFF;
}
/* try to highlight current page*/
.subselected {
	font: normal 11px Arial;
	text-transform:uppercase;
	list-style-type:none;
	padding: 0 0 0 18px;
}
.arrowlistmenu ul li .subselected{ /*CSS for current Sub Menu HEADER*/
/*color: #9a9b9d; cool gray*/
font: normal 11px Arial;
padding: 0 0 0 7px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu ul li .submenuselected{ /*CSS for current Sub Menu HEADER*/
font: normal 15px Arial;
padding: 0 0 2px 8px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
text-transform:lowercase;
}
.arrowlistmenu2 ul li{
color: #9a9b9d; 
font: normal 11px Arial;
padding: 0 7px 0; 
cursor: hand;
cursor: pointer;
text-transform:lowercase;
list-style-type:none;
text-indent: -11px;
}
.arrowlistmenu2 ul li a{
color: #9a9b9d;
display: block;
padding: 0 0 0 7px;
text-decoration: none;
font: normal 11px Arial;
text-transform:uppercase;
text-indent: 0px;
line-height: 16px;
}
.clocksmallcaps {
	color:#4D4C4F;
}
.clockbold {
	color:#717073;
}
.top10 {
	background-image: url(../images/operations/ops_top10BG.jpg);
	background-repeat: no-repeat;
}
.ops_10 { height: 331px; width: 290px; margin: auto }

#bullets { /* — */
	list-style-position:outside;
	list-style-type:none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1.25em;
}
#operations_quote1, #operations_quote2, #operations_quote3, #operations_quote4 {
	font-size:21px;
	line-height:22px;
	width: 277px;
	padding-top:68px;
}
#operations_quoteName {
	font-size:11px;
	line-height:16px;
}
#operations_clients1 {
	color: #FFFFFF;
	position:absolute;
	left:334px;
	top:38px;
	font-size:11px;
	line-height:18px;
}
#operations_clients2 {
	color: #FFFFFF;
	position:absolute;
	left:497px;
	top:38px;
	font-size:11px;
line-height:18px;
}
#operations_clients1 span, #operations_clients2 span {
	color: #C7C8CA;
	font-size:17px;
}
#processDesc {
	width:460px;
	position:relative;
	text-align:left;
	font-size:12px;
	height: 270px;
	color: #717073;
	overflow:auto;
	padding-right:10px;
	line-height:18px;
}
#processDesc ul, #csDesc ul {
	list-style-position:outside;
	list-style-type:none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
.state {
	font-size:16px;
}
#millennials {
	background-image: url(../images/company/big_ideas/bigidea_full_millennials.jpg);
	background-repeat: no-repeat;
	width: 886px;
	height: 384px;
	position: relative;
}
#globalshop {
	background-image: url(../images/company/big_ideas/globalshopBG.gif);
	background-repeat: no-repeat;
	width: 886px;
	height: 384px;
	position: relative;
}

/* navLinks */
.divLine {
	background-image: url(../images/navLinks_divLine.gif);
	background-position: right center;
	background-repeat: no-repeat;
	height:3px;
	margin-top:4px;
	overflow:hidden;
	width:233px;
}

#linksBOBI {
	padding: 0px;
	position:relative;
	top: 34px;
}

/*************** new hover navigation *******************/
/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 			 
			background:#ccc; 
			position:relative;
			z-index:500; 
			margin:0;			
		}
		
		/* sprite manipulation for main tabs  */
		#nav li.aboutActive {background: #FFF url(/images/tabs.gif) -10px 0px no-repeat;width:80px;}
		#nav li.casestudiesActive {background: #FFF url(/images/tabs.gif) -98px 0px no-repeat;width:150px;}
		#nav li.solutionsActive {background: #FFF url(/images/tabs.gif) -250px 0px no-repeat;width:110px;}
		#nav li.researchActive {background: #FFF url(/images/tabs.gif) -360px 0px no-repeat;width:90px;}
		
		#nav li.aboutInactive {background: #FFF url(/images/tabs.gif) -10px -49px no-repeat;width:80px;}
		#nav li.casestudiesInactive {background: #FFF url(/images/tabs.gif) -98px -49px no-repeat;width:150px;}
		#nav li.solutionsInactive {background: #FFF url(/images/tabs.gif) -250px -49px no-repeat;width:110px;}
		#nav li.researchInactive {background: #FFF url(/images/tabs.gif) -360px -49px no-repeat;width:90px;}
		
		.aboutActive a:hover, .aboutInactive a:hover {background: #FFF url(/images/tabs.gif) -10px -94px no-repeat;}
		.casestudiesActive a:hover, .casestudiesInactive a:hover{background: #FFF url(/images/tabs.gif) -98px -94px no-repeat;}
		.solutionsActive a:hover, .solutionsInactive a:hover {background: #FFF url(/images/tabs.gif) -250px -94px no-repeat;}
		.researchActive a:hover, .researchInactive a:hover {background: #FFF url(/images/tabs.gif) -360px -94px no-repeat;}
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 5px 0 5px; 
			font-weight:700;  
			height:23px; 
			text-decoration:none; 
			color:#9A9B9D; 
			text-align:left; 
		}
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 0; 
			padding:0; 
			list-style:none;
		}
		#nav ul li {
			background: #4C4D4F;
			float:left;
			width:200px; 	
		}
		#nav ul li a {
			padding: 4px 6px; 			
		}
		#nav ul li:last-child { padding-bottom: 10px; }
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			background: #4C4D4F;
			color:##9A9B9D;
			display:block;  
			font: normal 15px Arial;
			height:15px;
			padding: 4px 6px; 
			text-decoration:none;
			text-transform:lowercase;
		}
		#nav ul a:hover {
			background: #4C4D4F;
			color:#FFF;
			text-decoration:none;	
		}
		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}
/************* end new hover navigation *****************************/		


#web404 {
	background-color:#4c4d4f;
}
#title404 {
	position:absolute;
	left:66px;
	top:69px;
}
#links404 {
	position:absolute;
	left:181px;
	top:200px;
}

/*********************************** digital services case studies *******************************************/

#dsContainer {
	width:650px;
	height:323px;
	background:#666;
	padding: 8px;
	z-index:50;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
}
#dsImages {
	width:262px;
	height:323px;
	float:left;
}
#dsBigImage {
	width:262px;
	height:269px;
	margin:0 0 8px 0;
	padding:0px;
}
#dsImage {
	left:266px;
	width: 620px;
	height: 384px;
	position:absolute;
	top:86px;
	display:block;
}
#dsImage1, #dsImage2, #dsImage3, #dsImage4, #dsImage5 {
	float:left;
	width:262px;
	height:269px;
	display:none;
	z-index:10;
}
#dsThumbs {
	float:left;
	height:46px;
	width:46px;
	overflow:hidden;
	margin: 0 8px 0 0;
}
#dsContent {
	margin-left:8px;
	float:left;
	width:380px;
	height:323px;
	overflow:auto;
	color:#717073;
	line-height:18px;
	background: #FFFFFF;
}
#dsDesc {
	color: #717073;
	padding:20px 20px 0 20px;
	/*margin-top:20px;
	width:450px;*/
	position:relative;
	line-height:16px;
}
#solutionTitle {
	position:absolute;
	bottom:0;
	left:200px;
	padding:0 0 8px 0; 
	margin:0; 
}
#solutionTitle h1 {
	color: #FFFFFF;
    font-family: franklin-gothic-urw,sans-serif;
    font-size: 48px;
    font-weight: 500;
	font-style:normal;
	padding:0; 
	margin:0;
    text-transform: lowercase;
}
#solutionLogos {
	bottom: 0;
	left: 0;
	margin:0;
	padding:0;
	position: absolute;
	width: 192px;
	z-index: 999;
}
#solutionLogos a {
	border:0;
}