body {margin:0; padding:0; font:75% Arial, Helvetica, sans-serif; text-align:center; background:white;}
div#container {width:772px; min-width:772px; position:relative; margin:0 auto; text-align:left;}

div#header {border-top:17px solid #0d3f96;}

div#body {background: url(../images/pageback.gif) repeat-y; float:left; border:1px solid #bfcbe3; border-width:0 1px;}

div#title {height:123px; border-bottom:1px solid #9a218a; width:770px;}
div#title h1 {margin:0; width:152px; height:100%; float:left; background: url(../images/logo.gif) 14px 10px no-repeat; text-indent:-9999px;}
div#title h2 {margin:0; width:618px; height:100%; float:left; background: url(../images/header/digital.gif) no-repeat; text-indent:-9999px;}

/* specific pic bars */
body.outsourcing div#title h2 {background: url(../images/header/partners.gif) no-repeat;}
body.consulting div#title h2 {background: url(../images/header/people.gif) no-repeat;}
body.development div#title h2 {background: url(../images/header/innovation.gif) no-repeat;}
body.networks div#title h2 {background: url(../images/header/communication.gif) no-repeat;}

ul#nav {width:186px; float:left; background:#b6c5dc; margin:0 0 0 0; padding:21px 0 17px 0; list-style:none;}
ul#nav li {margin-bottom:5px; line-height:14px;}
ul#nav li div.title {padding-top:2px; height:13px; background:white url(../images/arrow.gif) 5px 5px no-repeat; border:1px solid #92A5C7; border-width:1px 0; padding-left:14px;}
ul#nav li a {color:#0d3f96; text-decoration:none; text-transform:uppercase; font:0.75em Arial; display:block;}
ul#nav li a:hover {color:#9a218a}

ul#nav ul {margin:4px 0 4px 11px; padding:0; list-style:none; display:none;}
ul#nav ul li {border:0; margin:0 0 2px 0; background: url(../images/arrow.gif) 5px 4px no-repeat; padding-left:16px;}
* html ul#nav ul li {background-position:5px 6px;}
ul#nav ul li a {text-transform:none; letter-spacing:0; font-size:0.85em;}
* html ul#nav ul li a {height:12px;}

/* specific menus */
body.outsourcing ul#nav li#navoutsourcing ul,
body.consulting ul#nav li#navconsulting ul,
body.development ul#nav li#navdevelopment ul,
body.networks ul#nav li#navnetworks ul,
body.inside ul#nav li#navinside ul,
body.clients ul#nav li#navclients ul {display:block;}

div#copy {width:405px; float:left; background:#e6ebf4; margin:18px 18px 4px 18px; color:#0d3f96; overflow:hidden;}
div#copy h3 {font-size:1.1em; font-weight:bold; margin:0 0 10px 0;}
div#copy h4 {font-size:0.9em; font-weight:bold; margin:0 0 6px 0;}
div#copy p {margin:0 0 12px 0; font-size:0.9em; line-height:1.3em;}
div#copy ul {margin:0 0 12px -20px; font-size:0.9em; width:405px;}
* html div#copy ul {padding-left:40px;}
div#copy ul li {margin-bottom:4px;}
div#copy ul li ul {margin-top: 4px; margin-bottom: 8px; font-size:1em;}
div#copy img {border: 0}
div#copy .teamphoto {float:right;}
div#copy .center {text-align:center;}
div#copy .center img {border:1px solid gray;}

div#copy div.icons {text-align:center; margin-bottom:16px;}
div#copy div.icons img {margin:0 8px; border:1px solid gray;}

div#copy ul.iconlist {margin:16px -18px 0 -5px; padding:0; list-style:none; font:0.75em/1.2em Arial; width:438px;}
* html div#copy ul.iconlist {margin-left:-10px; margin-top:24px;}
div#copy ul.iconlist li {width:120px; float:left; height:106px; margin:0 18px 8px 5px; background: url(../images/arrow.gif) 0px 79px no-repeat;}
div#copy ul.iconlist li img {border:1px solid #7F92B4; padding:2px; display:block; margin-bottom:4px;}
div#copy ul.iconlist li a {color:#0d3f96; text-decoration:none;}
div#copy ul.iconlist li a span {display:block; padding-left:8px;}
div#copy ul.iconlist li a:hover,
div#copy ul.iconlist li a:hover span {text-decoration:underline;}

div#side {width:142px; float:left; color:#0d3f96; overflow:hidden; padding-top:24px; background:white;}
div#side h3 {font-size:1.0em; font-weight:normal; margin:0 0 14px 0; padding-left:14px; background: url(../images/arrow.gif) 5px 5px no-repeat; clear:right;}
div#side p {margin:0 8px 14px 14px; font-size:0.9em;}
div#side a {text-decoration:none; color:#0d3f96;} div#side a:hover {text-decoration:underline;}

div#side ul.newslist {list-style:none; margin:0 8px 0 14px; padding:0; font-size:0.9em; float:right;}
div#side ul.newslist li {margin-bottom:20px; float:right; font-size: 1em;}
div#side ul.newslist li a {text-decoration:none}
div#side ul.newslist li .more {float:right; text-align:right; margin-top:2px; padding-left:14px; background: url(../images/arrow.gif) 5px 5px no-repeat;}
div#side ul.newslist li a:hover .more {text-decoration:underline;}

div#footer {clear:left;border-bottom:12px solid #0d3f96; margin-bottom:10px;}