/* ==========================================================================*/
/*********************** HOME ************************/
/* ==========================================================================*/

#mainnav {background: url(../images/nav_bg.jpg) repeat-x top center; height: 48px;}
#skyline {
    text-align: left;
	width: 371px; height: 48px;
    margin: 0 auto; padding: 0;
    position: relative;
	float: left; margin-left: 13px;}
  #skyline li {
    text-align: left;
	margin: 0; padding: 0; list-style: none;
    float: left;}
  #skyline li, #skyline a {
    height: 48px; display: block; text-align: left; text-indent: -9999px; }

  .panel1b {width: 65px; background: url(../images/nav_links.jpg) 0 0px no-repeat;}
  .panel2b {width: 69px; background: url(../images/nav_links.jpg) -65px 0px no-repeat;}
  .panel3b {width: 45px; background: url(../images/nav_links.jpg) -134px 0px no-repeat;}
  .panel4b {width: 46px; background: url(../images/nav_links.jpg) -179px 0px no-repeat;}
  .panel5b {width: 60px; background: url(../images/nav_links.jpg) -225px 0px no-repeat;}
  .panel6b {width: 86px; background: url(../images/nav_links.jpg) -285px 0px no-repeat;}
  
  .panel1b:hover {background-position: 0 -48px;}
  .panel2b:hover {background-position: -65px -48px;}
  .panel3b:hover {background-position: -134px -48px;}
  .panel4b:hover {background-position: -179px -48px;}
  .panel5b:hover {background-position: -225px -48px;}
  .panel6b:hover {background-position: -285px -48px;}
  
  .aboutac {background-position: 0 -48px!important;}
  .solutionsac {background-position: -65px -48px!important;}
  .workac {background-position: -134px -48px!important;}
  .newsac {background-position: -179px -48px!important;}
  .careersac {background-position: -225px -48px!important;}
  .industriesac {background-position: -285px -48px!important;}
  
  .panel1bact {width: 65px; background: url(../images/nav_links.jpg) 0 -48px no-repeat;}
  .panel2bact {width: 69px; background: url(../images/nav_links.jpg) -65px -48px no-repeat;}
  .panel3bact {width: 45px; background: url(../images/nav_links.jpg) -134px -48px no-repeat;}
  .panel4bact {width: 46px; background: url(../images/nav_links.jpg) -179px -48px no-repeat;}
  .panel5bact {width: 60px; background: url(../images/nav_links.jpg) -225px -48px no-repeat;}
  .panel6bact {width: 86px; background: url(../images/nav_links.jpg) -285px -48px no-repeat;}

.promotxtloop {width: 180px; height: 46px; float: right; margin-right: 0px; margin-top: 0px;}

  
#maincontent {width: 955px; text-align: center; margin-left: auto; margin-right: auto;}
.navright {background: url(../images/nav_right_bg.jpg) no-repeat top left; width: 555px; height: 48px; float: left; margin: 0; padding: 0;}
.btncasestudy {padding-top: 12px; padding-left: 20px; float: left;}

.auto_controls {float: left; margin-left: 640px; border: none!important}
.prev {float: left; border: none!important;}
.next {float: left; border: none!important;}
.auto_controls a {border: none!important;}


#slides1 {list-style: none!important; padding: 0!important; margin: 0!important; width: 955px;}
#slides1 li {list-style: none; display: block; text-align: left;}
.content {width: 900px; margin-right: 20px;}
.bxslider_container {margin-left: 10px;}
.bxslider_container a {border: none!important;}

/* // Home Page Case Study Style // */

.message {margin-left: -12px; margin-top: -10px; padding: 0;}
.message h2 {font-size: 4.7em; color: #ffffff; text-transform: uppercase; padding: 0; margin: 0; width: 400px; padding-top: 8px;}
.message h3 {font-size: 1.2em; color: #ffffff; text-transform: uppercase; padding: 0; margin: 0; width: 400px;}
.message p {padding-right: 20px;}
.message p img {padding: 0; margin: 0; padding-top: 6px!important; border: none!important;}

.message {text-align: left; padding-left: 50px; padding-top: 30px; font-size: 0.93em; font-family: Arial, Helvetica, sans-serif; color: #b5ccde; line-height: 1.3em; width: 240px; float: left;}
.message p {padding-top: 5px;}
.message p.lgtxt {width: 300px;}
.message img {padding-top: 15px;}

/* // Other Title Style // */

.messagev2 {margin-left: -12px; margin-top: 12px; padding: 0;}
.messagev2 h2 {font-size: 4.7em; color: #ffffff; text-transform: uppercase; padding: 0; margin: 0; width: 400px; padding-top: 8px;}
.messagev2 h3 {font-size: 1.2em; color: #ffffff; text-transform: uppercase; padding: 0; margin: 0; width: 400px;}
.messagev2 p {padding-right: 20px;}
.messagev2 p img {padding: 0; margin: 0; padding-top: 6px!important; border: none!important;}

.messagev2 {text-align: left; padding-left: 50px; padding-top: 30px; font-size: 0.93em; font-family: Arial, Helvetica, sans-serif; color: #b5ccde; line-height: 1.3em; width: 240px; float: left;}
.messagev2 p {padding-top: 5px;}
.messagev2 p.lgtxt {width: 300px;}
.messagev2 p.lgtxtv2 {width: 250px; margin-top: -10px;}
.messagev2 img {padding-top: 15px;}

#menu li a:active,#submenu li a:active{background-position:0px -80px}

.finaninfo h4 {font-size: 1.55em; color: #3a7eba; text-transform: uppercase; padding: 0; margin: 0; width: 400px; padding-bottom: 2px;}
.workdescription h4 {font-size: 1.55em; color: #3a7eba; text-transform: uppercase; padding: 0; margin: 0;}


.hidethis {display: none!important;}
.showthis {display: block!important;}

/* 
.bx_pager {}
.bx_pager {
    text-align: left;
	width: 152px; height: 192px;
    margin: 0 auto; padding: 0;
    position: relative;
	float: left; margin-left: 8px;}

.bx_pager a {
    height: 48px; display: block; text-align: left; text-indent: 1px; float: left;}
.bx_pager a, .active {background-position: 0 -94px!important; margin-top: -50px;}

.bx_pager {width: 36px; background: url(../images/nav_numbers.png) 0 0px no-repeat;}

*/

.togglePlayback {text-indent: -9999px!important;}

#focusarea {list-style: none; display: block; padding: 0; margin:0; margin-top: -12px;}

#numbers {
    text-align: left;
	width: 152px; height: 192px;
    margin: 0 auto; padding: 0;
    position: relative;
	float: left; margin-left: 14px;}
  #numbers li {
    text-align: left;
	margin: 0; padding: 0; list-style: none;
    float: left;}
  #numbers li, #numbers a {
    height: 48px; display: block; text-align: left; text-indent: -9999px;}
	
	#numbers li:hover, #numbers a:hover {height: 90px;}

  #no1b {width: 27px; background: url(../images/nav_numbers.png) -8px 0px no-repeat;}
  #no2b {width: 27px; background: url(../images/nav_numbers.png) -36px 0px no-repeat;}
  #no3b {width: 26px; background: url(../images/nav_numbers.png) -63px 0px no-repeat;}
  #no4b {width: 27px; background: url(../images/nav_numbers.png) -89px 0px no-repeat;}
  #no5b {width: 32px; background: url(../images/nav_numbers.png) -116px 0px no-repeat;}
  
  #no1b:hover {background-position: -8px -94px!important; margin-top: -50px;}
  #no2b:hover {background-position: -36px -94px!important; margin-top: -50px;}
  #no3b:hover {background-position: -63px -94px!important; margin-top: -50px;}
  #no4b:hover {background-position: -89px -94px!important; margin-top: -50px;}
  #no5b:hover {background-position: -116px -94px!important; margin-top: -50px;}
  
  #no1bact {width: 36px; background: url(../images/nav_numbers.png) 0 -48px no-repeat;}
  #no2bact {width: 27px; background: url(../images/nav_numbers.png) -36px -48px no-repeat;}
  #no3bact {width: 26px; background: url(../images/nav_numbers.png) -63px -48px no-repeat;}
  #no4bact {width: 27px; background: url(../images/nav_numbers.png) -89px -48px no-repeat;}
  #no5bact {width: 32px; background: url(../images/nav_numbers.png) -116px -48px no-repeat;}
  


		.slides {display: block; list-style: none; }
		.slide {display: block; width: 955px!important; height: 259px!important;}
		
		.slideShow ul {}
		.slideShow li {}
		.slideShow .navigation a.selected {border: none; width: 30px; background: url(../images/nav_numbers_highlight.png) -9px -48px no-repeat!important;}
		#pauseplay a {}
		/** slides with more than an image in it **/
		.slide img {}
		.slide h1 {}
		/** slides with text over images **/
		.slide p {}
		.slide p a {}

#slider li.mbSlider_Slide {
	width:400px;
	height:400px;
}
#slider ul {width: 400px;}

#pauseplay {
    text-align: left;
	width: 245px; height: 47px;
    margin: 0 auto; padding: 0;}
#pauseplay li {
    text-align: left;
	margin: 0; padding: 0; list-style: none;
    float: left; cursor: pointer;}
#pauseplay li, #pauseplay a {
    height: 47px; display: block; text-align: left; text-indent: -9999px;}

  #navback {width: 31px; height: 47px!important;  background: url(../images/playpause.png) 0 0px no-repeat;}
  #navpause {width: 29px; height: 47px!important; background: url(../images/playpause.png) -31px 0px no-repeat;}
  #navforward {width: 32px; height: 47px!important;  background: url(../images/playpause.png) -60px 0px no-repeat;}
  .navplay {width: 29px; height: 47px; background: url(../images/playpause.png) -31px -47px no-repeat!important;}
  

.subabout {}  
.subsolution {margin-left: -65px!important; width: 580px!important;}
.subindustry {margin-left: -285px!important; width: 580px!important;}



/* sub-menu ULs */
#skyline li ul {
	margin: 0;
	padding: 0;
	cursor:pointer;
	display:none;
	background: #587ea8;/* trick to keep'em open */
}
/* All LIs */

/* sub-menu LIs */
#skyline li ul li {
	padding:0px;
	height: 30px!important;
	border:none;
	background: url(../images/subnav_bg.jpg) repeat-x;
	display:inline; float:left!important; list-style:none;

}

#skyline li ul li h5 {
	padding-top: 2px;
}


#skyline li ul {
	margin-right: 50px; width: 100%;
	position: absolute;
	margin-top: 24px;
	background: url(../images/subnav_bgl.png) no-repeat bottom left;
	padding-left: 15px;
}

#submenurt {background: url(../images/subnav_bgrt.png) no-repeat bottom right!important; padding-right: 17px!important; border-left: #9FC 4px solid; text-indent: -9999px;!important}

#skyline li ul li:hover {
	padding:0px;
	height: 30px!important;
	border:none;
	background-position: 0px -50px;
}
/* All anchors */

/* sub-menu Anchors */

#skyline li ul li a {
	margin-right: 15px;
	position:relative !important; /* ie Mac */
	cursor:pointer !important;
	white-space:nowrap;
	font-weight:normal;
	color:#ffffff;
	text-indent: 0!important;
	padding-top: 7px;
	text-decoration: none;
	padding-left: 10px;
}


#skyline h5 {color: #ffffff; text-decoration: none; font-size: 1em;}

/* :hover and stuff */
/*#TJK_dropDownMenu li a:hover,
#TJK_dropDownMenu li a:focus,
#TJK_dropDownMenu li a:active {color:#000}
/* move the declarations from the rule below the one above if you want a background swap on *all* anchors, including the top level ones */

/*#TJK_dropDownMenu ul a:hover,
#TJK_dropDownMenu ul a:focus,
#TJK_dropDownMenu ul a:active {color:#fff !important;background:#c30}
/* display and z-index for the sub-menus */


#skyline li:hover ul,
#skyline li.msieFix ul {display:block;z-index:10;top:2em !important;}
/* "trigger" and "msieFix" classes */

#skyline li.msieFix a {}
/* last nested UL. keeping it in */

/* If JS is OFF we need to style the links in the sub-menu of the current page     */
/* so they are accessible to keyboard users. Using a class on each link would let  */
/* us stick each link in the same place, but we would have to plug a lot of        */
/* attributes in the markup and many rules here, so...                             */


.submenu {list-style: none; padding: 0; margin: 0;}
.submenu li {text-transform: uppercase; text-indent: 0!important; color: #ffffff; display:inline!important; margin-left: 10px;
}
.submenu a {

}


.headerbackground {background: url(../images/header_bg_repeat.jpg) repeat-x #2775b3; height: 352px; min-width: 950px;}
.headerbackgroundsm {background: url(../images/header_bg_sm_repeat.jpg) repeat-x #2775b3; height: 268px; min-width: 950px;}
.headerblock {background: url(../images/header_bg.jpg) no-repeat top center; height: 352px;}
.headerblocksm {background: url(../images/header_bg_sm.jpg) no-repeat top center; height: 268px;}
.headermain {background: url(../images/header_top_bg.png) no-repeat bottom center; background-position: bottom; height: 352px; width: 955px; margin-left: auto; margin-right: auto;}
.headermainsm {background: url(../images/header_top_sm_bg.png) no-repeat bottom center; background-position: bottom; height: 268px; width: 955px; margin-left: auto; margin-right: auto;}
.logo {text-align: left; margin-top: 38px; float: left; margin-left: 30px;}
.headersmnav a {text-decoration: none; color: #cddff1; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em;}
.headersmnav a:hover {color: #ffffff;}
.headersmnav {float: right; padding-right: 12px; padding-bottom: 20px; margin-top: -20px;}
.headersmnav ul {list-style: none; display: inline; margin: 0; padding: 0;}
.headersmnav li {list-style: none; display: inline; margin: 0; padding: 0; padding-right: 15px;}

.casestudy {text-align: right; float: right; margin-right: 5px; margin-top: 0px; margin-right: 22px;}
.casestudybg01 {background: url(../images/casestudy_etrr.png) no-repeat; width: 592px; height: 260px;}
.casestudybg02 {background: url(../images/casestudy_subway.png) no-repeat; width: 592px; height: 260px;}
.casestudybg03 {background: url(../images/casestudy_bumblebee.png) no-repeat; width: 592px; height: 260px;}
.casestudybg04 {background: url(../images/casestudy_711.png) no-repeat; width: 592px; height: 260px;}
.casestudybg05 {background: url(../images/casestudy_unilever.png) no-repeat; width: 592px; height: 260px;}
.casestudybg06 {background: url(../images/casestudy_pepsi.png) no-repeat; width: 592px; height: 260px;}
.homesubheader {background-image: url("../images/home_subheader_bg.jpg"); background-repeat: repeat-x; height: 118px; text-align: center;}
.homesubheaderimg {background-image: url("../images/home_subheader.jpg"); background-repeat: no-repeat; margin: 0 auto; height: 118px; width: 928px;}
.homesubheadertext {width: 900px; margin: 0 auto;}
.homesubheadertext p {font-size: 0.85em; color: #6d6f70; width: 215px; line-height: 0.95em; padding-top: 2px;}
.homesubheadertext a {color: #6d6f70; text-decoration: none; border: none;}
.homesubheaderspace {text-align: center; padding-top: 38px;}
.homesubheaderspace img {padding-left: 80px; padding-right: 80px;}
.homesubheaderspaceleft1 {padding-top: 42px; width: 21%; float: left; text-align: left; padding-left: 10px;}
.homesubheaderspaceleft2 {padding-top: 42px; width: 21%; float: left; text-align: left; padding-left: 30px;}
.homesubheaderspaceleft3 {padding-top: 42px; width: 21%; float: left; text-align: left; padding-left: 30px;}
.placeholder_flashbanner {background: url("../images/home_placeholder_flashlaunch.jpg") center; margin: 0 auto; height: 189px; text-align: center;}
.homenewsletter { float: left; margin-top: -5px;}
.homenewsletter img {padding-top: 34px; padding-left: 33px; }
.homenewsletterdes {color: #374249!important; text-align: left; font-size: 0.9em!important; padding-left: 32px; padding-right: 20px; line-height: 1.2em; padding-bottom: 6px; padding-top: 9px;}
.homenewsletter p {float: right; padding-bottom: 9px; padding-left: 36px; color:#ffffff; font-size: 0.94em!important;}
.homenewsletter input {width: 248px; height: 15px; background: #fff url(../images/newsletter_bg_input.jpg) right repeat-y; border: #5d7c94 1px solid; margin-bottom: 3px; margin-left: 17px; color: #435255; font-size: 0.88em; float: right; margin-left: 5px; margin-right: 45px;}
.inputdone {color: #dddddd!important; cursor: default;}
.inputrequired {color: #94afc5!important;}
.inputtest {margin-left: 0px!important;}
.homenewslettersubmit {float: right; margin-right: 45px; padding: 0!important; margin-top: 12px; cursor: pointer;}

.homenewslettersubmit2 {background: url("../images/newsletter_btn_submit.gif"); float: right; height: 22px!important; border: 0!important; margin-right: 45px; padding: 0!important; margin-top: 12px; cursor: pointer;}

.newproductbg {background: url("../images/home_newproduct_repeatbg.jpg") repeat-x; margin: 0 auto; height: 256px; text-align: center;}
.newproduct {background: url("../images/home_newproduct_centerbg.jpg") no-repeat center; margin: 0 auto; height: 256px; text-align: center;}
.newproductct {width: 935px; height: 256px; margin: 0 auto; text-align: left;}
.newproductct p {}

.newproduct .featurecontain {float: left; width: 600px;}
.newproduct .featurecontain img {margin-top: 14px; margin-left: 20px;}
.newproduct .featurecontain .btn {margin: 0; margin-top: 10px;}

.newproductflash {margin-left: 20px; width: 520px; color: #595e62; line-height: 2em; font-size: 0.9em; margin-top: -8px;}

.recentlaunchbg {background: url("../images/home_recentlaunch_repeatbg.jpg") repeat-x; margin: 0 auto; height: 176px; text-align: center;}
.recentlaunch {background: url("../images/home_recentlaunch_centerbg.jpg") no-repeat center; margin: 0 auto; height: 176px; text-align: center;}
.recentlaunchct {width: 890px; height: 150px; margin: 0 auto; text-align: left; padding-top: 20px;}
.recentlaunchct p {}
/* test */
.placeholder_content {
 		/* background: url("../images/home_placeholder_content.jpg") center no-repeat; */
}
.contentwrap {width: 928px; text-align: center; margin: 0 auto; margin-bottom: 0px;}
.container1 {width: 358px; float: left;}
.container2 {width: 238px; float: left;}
.container3 {width: 326px; float: left;}
.contentblockleft {padding-left: 20px; width: 300px; text-align: left; color: #627b90; line-height: 1.65em; font-size: 0.9em; margin-left: -1px;}
.contentblockmiddle {width: 220px; text-align: left; color: #627b90; line-height: 1.65em; font-size: 0.9em; margin-left: 5px; padding-left: 4px;}
.contentblockmiddle ul {margin-left: -36px;}
.contentblockmiddle a {text-decoration: none; color: #627b90;}
.contentblockmiddle li {background: url(../images/bullet.gif) left -2px no-repeat; border-top: 1px dotted #bfbfbf; line-height: 2.3em; font-size: 1em; list-style: none; padding-left: 10px;}
.contentblockmiddle li:last-child {background: url(../images/bullet.gif) left -2px no-repeat; line-height: 2.3em; font-size: 1em; list-style: none; padding-left: 10px;}
.contentblockright{padding-left: 30px; width: 270px; text-align: left; color: #627b90;}
.contentblockright a {text-decoration: none; color: #1c6fb0;}
.contentblockright ul {margin-left: -30px;}
.contentblockright li {background: url(../images/newsicon.gif) left 10px no-repeat; line-height: 1.3em; font-size: 0.9em; list-style: none; padding-left: 18px; color: #1c6fb0; padding-bottom: 8px; padding-top: 8px;}
.blockmiddlelistend {border-top: thin dotted #bfbfbf; border-bottom: thin dotted #bfbfbf;}
.blockrightbullet {list-style-type: disc; list-style-image: url(../images/newsicon.gif); margin-left: -20px; color: #1c6fb0; line-height: 1.3em; font-size: 0.9em; padding-top: 0px;}
.blockrightlist {padding-bottom: 14px;}
.headline1 {padding-top: 20px; margin-left: 0px; margin-bottom: 6px;}
.headline2 {padding-top: 20px; margin-left: -2px; margin-bottom: 5px;}
.headline3 {padding-top: 20px; margin-left: 3px; margin-bottom: 10px;}
.icsbbanner {margin-left: -6px; padding-top: 15px; padding-bottom: 30px;}
.hometextcolor {color: #627b90;}
.homeconnect {padding-left: 10px; padding-top: 15px;}