/* CPPP Style
-----------------------------------------*/

* {
	margin:0;
	padding:0;
}

.clearfix{*zoom:1;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

body {
	margin:0 auto;
	padding:0 0 50px 0;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	background: url(images/ob020.jpg);
}

a {
	border:none;
	color:#ed228e;
	outline:none;
}

a:link,
a:visited {
	text-decoration:none;
}

a:hover,
a:active {
	text-decoration:underline;
}

img {
	border:none;
}

h2 {
	margin:15px 0 5px 0;
	font-size:18px;
	line-height:20px;
	color:#333;
}

h4 {
	font-weight:bold;
	font-size:12px;
	color:#666;
}

.clear {
	clear:both;
}

#logo {
	display:block;
	width:143px;
	height:42px;
	background:url(images/cppplogo.gif) no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/cppplogo.gif' sizingMethod='crop');	
	overflow:hidden;
	text-indent:-9999px;
	z-index:1000;
}


#logo a {
	display:block;
	width:143px;
	height:42px;
	overflow:hidden;
	text-indent:-9999px;
	z-index:1000;	
}

#container {
  width:760px;
  margin:0 auto;
  position:relative;
  }

#topLinks:after {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
  }

#topLinks {
  display:inline-block;
  }

* html #topLinks {
  height:1%;
  }

#topLinks {
  display:block;
  }

#topLinks a.active {
    color: #999;
    margin: 0;
    padding: 0;
}

#logo {
  float:left;
  position:relative;
  z-index:1000;
  }

#topLinksR {
  padding-top:40px;
  font-size:11px;
  float:right;
  color: #999;
  /*color:#ed228e;*/
  width:289px;
  z-index:1000;
  position:relative;
  }
  
.topLinksR-en{width:305px !important;/*width: 296px !important; --- addition of Careers Link */}

#topLinksR ul {
	list-style:none;
	margin:0;
	padding:0;
}

#topLinksR li {
	display:block;
	float:left;
	margin-right:1.5em;
}

/* addition of Careers Link 
..............................
#topLinksR li.careers span {
    width:1.5em;
    text-align:left;
    display:inline-block;
    color:#000;
}
*/

#topLinksR a {
  font-size:11px;
  color:#ed228e;
  text-decoration:none;
  }

#topLinksR a:hover {
  color:#ed228e;
  text-decoration:underline;
  }

#topLinksR span {
  margin:0;
  padding:0;
  color:#999;
  }


/* new footer
---------------*/

#hugeFooter {
  clear:both;
  border-top:2px solid #000;
  display:block;
  font-size:11px;
  color:#000;
  padding-top:20px;
  width:760px;
  background-color:#FFFFFF;
  position:relative;
  overflow:hidden;
  height:205px;
  }
  
#hugeFooter a {
	display:block;
	outline:none;
	}
	
#hugeFooter h3 {
	margin-bottom:8px;
	}
  
  #footerContact {
  	width:532px;
	float:left;
	overflow:hidden;
	padding-top:10px;
	}
  
 #footerContact .footerHuge {
 	background:url(images/homepage/homeTitles_en.png) no-repeat 0 -63px;
	width:90px;
	height:13px;
	}
	
#footerContact .footerLocation {
	width:160px;
	float:left;
	margin-bottom:15px;
	color:#333;
	}
	
.en-footer #footerContact .footerLocation{
	width:150px;
}

.en-footer #footerContact { width:610px; }
	
#footerContact .footerLocation-last{
	width:140px;
}
	
#footerContact strong {
	display:block;
	}
	
#footerContact strong a {
	color:#333;
	}
	
#footerClassics {
	width:135px;
	float:left;
	padding-top:10px;
	
	}
	
#footerClassics .classicsTitle {
	background:url(images/homepage/homeTitles_en.png) no-repeat 0 -81px;
	width:63px;
	height:13px;
	}
	
#footerWorld {
	width:205px;
	float:left;
	padding:10px 0 0 20px;
	height:178px;
	}
	
.en-footer #footerWorld{
	width:155px;
	padding-left:0;
}
	
#footerWorld .hugeWorld {
	background:url(images/homepage/homeTitles_en.png) no-repeat 0 -99px;
	width:140px;
	height:13px;
	overflow:hidden;
	}
	
#footerWorld #pdf {
	display:inline;
	}
	
#footerWorld span {
	font:9px Arial, Helvetica, sans-serif;
	color:#666;
	}
	
#footerRights {
  position:absolute;
  right:0;
  bottom:0;
  color:#999;
  font-size:10px;
  z-index:1000;
  display:block;
  }

.title { text-indent:-9999px; }
/* Case studies
-----------------------------------------*/

#headlineCs {
  clear:both;
  margin-top:12px;
  margin:15px 0 35px 0;
  width:760px;
  display:inline-block;
  }

#headlineCs .headline {
  float:left;
  }

#headlineCs a {
  margin-top:120px;
  float:right;
  }

#headlineCs:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

* html #headlineCs {
  height:1%;
  }

#contentCsFrame {
  overflow:hidden;
  position:relative;
  width:760px;
  }

#contentCs {
  font:13px arial, helvetica, sans-serif;
  padding:40px 0;
  width:1800px;
  }

#contentCs:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

* html #contentCs {
  height:1%;
  }

#csGrid {
  float:left;
  }

#csGrid tr.mid td {
  border-top:1px solid #eee;
  height:2px;
  }

#csGrid td {
  border-left:1px solid #eee;
  border-top:1px solid #eee;
  width:275px;
  height:14em;
  padding:1.5em 1.5em 0 1.5em;
  vertical-align:top;
  position:relative;
  }

#csGrid td.left {
  border-left:0;
  width:283px;
  padding-left:0;
  }

#csGrid td.top {
  border-top:0;
  padding-top:0;
  }

#csGrid td .logo {
  height:56px;
  display:block;
  margin:0;
  padding:0;
  position:relative;
  }

#csGrid td div.bgLinkWrapper {
  position:relative;
  }

#csGrid td div.bgLinkWrapper a.bgLink {
  display:block;
  width:100%;
  height:14em;
  position:absolute;
  left:0;
  right:0;
  }

#csGrid p {
  margin:0 0 1em 0;
  }

#csSelected div {
  border-left:solid 1px #eee;
  float:left;
  width:275px;
  padding:0 7px;
  }

#csSelected div.first {
  border-left:0;
  width:283px;
  padding-right:7px;
  }

#csSelected ul {
  margin:10px 0 40px 0;
  list-style:none;
  padding:0;
  }

#nextCs {
  text-align:right;
  margin-top:30px;
  }

#contentCsIkea {
  color:#333;
  padding:30px 0 70px 0;
  }

#contentCsIkea h4 {
  margin:0;
  padding:0;
  font-size:12px;
  font-weight:bold;
  color:#333;
  }

#contentCsScholastic {
  color:#333;
  padding:5px 0 50px 0;
  }

#scholasticLogoXL {
  margin-top:36px;
  }

#contentCsScholastic h4 {
  margin:0;
  padding:0;
  font-size:12px;
  font-weight:bold;
  color:#333;
  }

#csImg0 {
  margin:0 0 20px 25px;
  }

#csImg1 {
  margin:10px 25px 0 0px;
  }

#csImg2 {
  margin:0 0 0px 25px;
  }

#csImg3 {
  margin:0 0 10px 25px;
  display:block;
  clear:both;
  }

#headlineCsAll {
  clear:both;
  margin-top:12px;
  text-align:center;
  padding:30px 0 0px 0;
  }

#contentCsAll {
  margin-top:12px;
  padding:80px 0 0px 0;
  }

#contentCsAll:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

* html #contentCsAll {
  height:1%;
  }

#contentCsAll div {
  padding-bottom:40px;
  }

#contentCsAll img {
  margin-bottom:15px;
  }

#csAllColL {
  width:50%;
  float:left;
  }

#csAllColR {
  padding-left:60px;
  float:left;
  }

* html #csNav {
  height:1%;
  }

#csNav {
  padding:5px 0 0 0;
  border-top:1px solid #EAEAEA;
  display:block;
  width:750px;
  clear:both;
  font-size:11px;
  }

#csNav:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  }

#csNavL {
  float:left;
  }

#csNavR {
  float:right;
  }


/* About
------------------------------------------*/

#aboutHeadline {
  text-align:center;
  margin-bottom:35px;
  }

#contentAbout {
  margin:12px 0 0px 0;
  padding:30px 0 0px 0;
  border-top:2px solid #000;
  }

#contentAbout img {
  margin-bottom:10px;
  }

/* News
------------------------------------------*/

#wrapper {
  width:760px;
  margin:0;
  padding:0 0 20px 0;
  }

#line {
  margin:15px 0;
  border-top:1px solid #EAEAEA;
  display:block;
  clear:both;
  }

#header {
  width:750px;
  height:70px;
  margin:20px 0 0 0;
  }

#header h2, span {
  margin:0;
  }

#header span {
  font-size:11px;
  }

#header img {
  margin:0;
  }

#header_news h1 {
  font-size:36px;
  line-height:44px;
  letter-spacing:-3px;
  margin:0 0 .5em 0;
  padding:0;
  }

#header_news span {
  font-size:11px;
  line-height:11px;
  }

#news_left {
  width:270px;
  float:left;
  display:inline;
  margin:0 5px 0 0;
  padding:0;
  }

#news_left p {
  margin:20px 0 0 0;
  padding:0;
  text-align:center;
  line-height:20px;
  }

#news_left .small {
  margin:20px 0 0 0;
  padding:0;
  text-align:center;
  font-size:11px;
  line-height:15px;
  }

#news_left #list_nav {
  width:270px;
  float:left;
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  border-top:1px solid #DEDEDE;
  }

#news_left #list_nav li {
  display:block;
  border-bottom:1px solid #DEDEDE;
  }

#list_nav li a {
  display:block;
  padding:5px 5px 5px 10px;
  font-size:11px;
  color:#ed228e;
  text-decoration:none;
  line-height:15px;
  }

#list_nav li span {
  color:#9d9d9d;
  display:block;
  padding:5px 5px 5px 10px;
  font-size:11px;
  text-decoration:none;
  line-height:15px;
}
#list_nav li a:hover {
  color:#000;
  background:#F7F7F7;
  }

#list_nav li a.active {
  color:#000;
  background:#F7F7F7;
  }

#news_right {
  width:600px;
  float:right;
  margin:0;
  padding:0;
  }

#news_right #imgContainer {
  width:600px;
  margin:0;
  padding:0;
  }

#news_right #imgContainer img {
  float:left;
  margin:0 10px 0 0;
  padding:0;
  display:inline;
  }

#news_right #imgContainer span {
  display:block;
  margin:5px 0 0 0;
  padding:0;
  }

#news_right #imgContainer span.caption {
  text-align:right;
  font-size:10px;
  margin:1em 0 0 0;
  }

#news_right img#headline_smart  {
  margin:0 0 20px 5px;
  padding:0;
  }

#news_right img#bigImg {
  margin:0;
  padding:0;
  }

#news_right .newsCopy {
  width:600px;
  float:left;
  display:block;
  margin:10px 0 0 0;
  padding:0;
  border-top:1px solid #EAEAEA;
  }

#news_right .newsCopy p {
  margin:10px 0 20px 0;
  padding:0;
  font-size:11px;
  }

#news_right .newsCopy img {
  margin:15px 0;
  padding:0;
  }

#news_right .newsCopy span {
  display:block;
  margin:10px 0;
  padding:0;
  font-size:11px;
  }

#news_right .newsCopy #newsLine{
  border-top:1px solid #EAEAEA;
  margin:0;
  padding:0;
  }

#news_right .selected div  {margin:0 0 30px 0;
  padding:0;
  }

#news_right .selected img {
  margin-bottom:15px;
  }

#news_right blockquote {
  display:block;
  padding-left:10px;
  border-left:1px solid #dedede;
  font-size:12px;
  }

.rssLink {
  clear:left;
  display:block;
  margin-top:27px;
  background:#f7f7f7 url(images/rss.gif) no-repeat 6px center;
  padding:5px 6px 5px 30px;
  font-size:11px;
  } 

/* Process styles
------------------------------------------*/

#header_process {
  height:212px;
  margin:0;
}

.process_row {
  clear:both;
  height:229px;
  margin:0 0 3px 0;
}

* html .process_row {
  margin:0;
}

.process_left {
  width:340px;
  float:left;
  display:inline;
  margin:0 10px 0 0;
}

.process_center {
  width:340px;
  float:left;
  display:inline;
  margin:0 10px 0px 0;
  border-top:3px solid #f1f1f1;
}

.process_center div {
  margin:15px 0 0 15px;
}

.process_center div p {
  width:320px;
  margin:15px 0 20px 0;
}

.process_right {
  width:190px;
  float:left;
  display:inline;
  margin:0 0 3px 0;
}

.process_right img {
  margin:0;
}

.process_right div {
  margin:7px 0 0 0;
}

.process_right p {
  margin:0;
  padding:0;
  font-size:11px;
  font-width:bold;
}

/* Different styles
------------------------------------------*/

#mainpic {
  margin-top:50px;
  }

#different_content {
  padding:23px 0 40px 0;
  }

#different_content h1 {
	margin-bottom:1em;
}

#different_content p {
  line-height:22px;
  }

#different_left  {
  width:466px;
  float:left;
  display:block;
  margin:0;
  padding:0;
  }

#different_left p {
  width:426px;
  }

#different_right {
  width:434px;
  float:left;
  display:block;
  margin:0;
  padding:0;
  }

/* We Moved styles
------------------------------------------*/

#headlineMove {
  clear:both;
  margin-top:12px;
  padding:0;
  border-top:2px solid #000;
  text-align:center;
  width:760px;
  height:373px;
  background:url(images/move/move.jpg) no-repeat;
  }

#headlineMove img {
  margin-top:294px;
  margin-left:647px;
  }

.cta {
  background:#F7F7F7;
  border:1px solid #DEDEDE;
  padding:5px 10px;
  text-align:right;
  }

.arrowLink {
  font-size:11px;
  background:url(images/arrowR.gif) no-repeat left center;
  padding:0 0 0 10px;
  }

#news_right #imgContainer #trigger {
  font-size:10px;
  float:right;
  text-align:right;
  }

hr {
  border:0;
  height:1px;
  background-color:#ccc;
  color:#ccc;
  }

#news_left #news_nav {
  width:270px;
  float:left;
  margin:0 0 20px 0;
  padding:0;
  list-style:none;
  font-size:10px;
  color:#999;
  }

#news_left #news_nav li {
  float:left;
  margin-right:10px;
  }

#news_nav li {
  margin-left:10px;
}

#news_left #news_nav li a:active {
  color:#8f8f8f;
  text-decoration:none;
  }

#news_left #news_nav .selected {
  color:#8f8f8f;
  text-decoration:none;
  }

#pagination {
  font-size:10px;
  color:#999;
  margin-left:10px;
  
  }

#pagination .older {
  font-size:9px;
  color:#999;
  margin-right:10px;
  }

#pagination a {
  border:1px solid #ed228e;
  padding:2px 6px;
  text-align:center;
  margin-right:4px;
  margin-left:4px;
  width:18px;
  }

#pagination a:hover {
  border:1px solid;
  color:#fff;
  background-color:#ed228e;
  text-decoration:none;
  }

#preload {
  position:absolute;
  left:-9999px;
  }

#printFooter, #printLogo {
  position:absolute;
  left:-9999px;
  }

#logo_print  {
  display:none;
 }

.print {
	display: none;
}