div#page-title { position:relative; width:30% }
div#page-title h1 { color:#464646; margin:0 0 0.8em 0; padding:0 }
div#page-title div {
   display:inline;
   color:#fff; font-size:0.85em; letter-spacing:0;
   padding:0 3px 0 4px;
   background-color:#384651
}



div#contents { min-height:200px; padding:0 30px } 
/*div#contents p { font-size:1.2em; font-family:"Times New Roman", Times, Serif } */
div#contents .p1:first-letter { color:#1a1a1a !important; font-size:1.3em !important;  //line-height:0; _font-size:1em }
div#contents p span.first-w { color:#000; font-size:1.4em } 
div#contents big p, div#contents p.big { font-size:1.4em }

div.col1 { width:75% }

div.col2 { padding-left:0; padding-right:90px }
div.col2 div.col-l { float:left; width:47% }
div.col2 div.col-r { float:right; width:47% }

div.col2-l { float:left; width:49% }
div.col2-r { float:right; width:48% }
div.col2-l div.col-l, div.col2-r div.col-l { float:left; width:47% }
div.col2-l div.col-r, div.col2-r div.col-r { float:right; width:47% }
div.col2-l div.col, div.col2-r div.col { float:left; width:47% }
div.col2-l div.col + div.col, div.col2-r div.col + div.col { float:right }

div.col3 { overflow:hidden }
div.col3 div.col2-l { float:left; width:65% }
div.col3 div.col2-r { float:right; width:66% }
div.col3 div.col2-l div.col-l, div.col3 div.col2-r div.col-l { float:left; width:48% }
div.col3 div.col2-l div.col-r, div.col3 div.col2-r div.col-r { float:right; width:48% }
div.col3 div.col-r { float:right; width:32% }
div.col3 div.col-l { float:left; width:31% }



div.line-l, div.line-r { position:absolute; top:0; width:2px; height:100%; background:#000 }
div.line-l { left:-53px }
div.line-r { right:-53px }



span.cnr-wht-tl, span.cnr-wht-tr, span.cnr-wht-bl, span.cnr-wht-br { position:absolute; width:19px; height:19px; display:block }
span.cnr-wht-tl { background:url(/d/i/corners/bg-tl.gif) no-repeat; left:0; top:0 }
span.cnr-wht-tr { background:url(/d/i/corners/bg-tr.gif) no-repeat; right:0; top:0 }
span.cnr-wht-bl { background:url(/d/i/corners/bg-bl.gif) no-repeat; left:0; bottom:0 }
span.cnr-wht-br { background:url(/d/i/corners/bg-br.gif) no-repeat; right:0; bottom:0 }

span.cnr-bg-tl, span.cnr-bg-tr, span.cnr-bg-bl, span.cnr-bg-br { position:absolute; width:19px; height:19px; display:block }
span.cnr-bg-tl { background:url(/d/i/corners/bg-tl.gif) no-repeat; left:0; top:0 }
span.cnr-bg-tr { background:url(/d/i/corners/bg-tr.gif) no-repeat; right:0; top:0 }
span.cnr-bg-bl { background:url(/d/i/corners/bg-bl.gif) no-repeat; left:0; bottom:0 }
span.cnr-bg-br { background:url(/d/i/corners/bg-br.gif) no-repeat; right:0; bottom:0 }

span.cnr-bg10-tl, span.cnr-bg10-tr, span.cnr-bg10-bl, span.cnr-bg10-br { position:absolute; width:9px; height:9px; display:block }
span.cnr-bg10-tl { background:url(/d/i/corners/bg-10.gif) 0px 0px; left:0; top:0 }
span.cnr-bg10-tr { background:url(/d/i/corners/bg-10.gif) 9px 0px; right:0; top:0 }
span.cnr-bg10-bl { background:url(/d/i/corners/bg-10.gif) 0px -9px; left:0; bottom:0 }
span.cnr-bg10-br { background:url(/d/i/corners/bg-10.gif) -9px -9px; right:0; bottom:0 }

span.cnr-wht-1px-tl, span.cnr-wht-1px-tr, span.cnr-wht-1px-bl, span.cnr-wht-1px-br { position:absolute; width:1px; height:1px; display:block }
span.cnr-wht-1px-tl { background:#fff; left:-1px; top:-1px }
span.cnr-wht-1px-tr { background:#fff; right:-1px; top:-1px }
span.cnr-wht-1px-bl { background:#fff; left:-1px; bottom:-1px }
span.cnr-wht-1px-br { background:#fff; right:-1px; bottom:-1px }

span.cnr-bg-1px-tl, span.cnr-bg-1px-tr, span.cnr-bg-1px-bl, span.cnr-bg-1px-br { position:absolute; width:1px; height:1px; display:block }
span.cnr-bg-1px-tl { background:#fff; left:0; top:0 }
span.cnr-bg-1px-tr { background:#fff; right:0; top:0 }
span.cnr-bg-1px-bl { background:#fff; left:0; bottom:0 }
span.cnr-bg-1px-br { background:#fff; right:0; bottom:0 }

span.cnr-1px-tl, span.cnr-1px-tr, span.cnr-1px-bl, span.cnr-1px-br { position:absolute; width:15px; height:15px; display:block }
span.cnr-1px-tl { background:url(/d/i/corners/1px-lit-tl.gif) no-repeat #fff; left:-1px; top:-1px }
span.cnr-1px-tr { background:url(/d/i/corners/1px-lit-tr.gif) no-repeat #fff; right:-1px; top:-1px }
span.cnr-1px-bl { background:url(/d/i/corners/1px-lit-bl.gif) no-repeat #fff; left:-1px; bottom:-1px }
span.cnr-1px-br { background:url(/d/i/corners/1px-lit-br.gif) no-repeat #fff; right:-1px; bottom:-1px }




div.wider { margin-left:-29px; margin-right:-29px }
div.insert { position:relative; overflow:hidden; margin:0 -15px; padding:15px 15px 0 15px }



p.c:first-letter {
  color:#1d1d1d; font-size:2.65em; //font-size:3.25em;
  font-family:"Times New Roman", Times, Serif;
  float:left; padding-right:0.25em; line-height:0.9em
}

p.ol-big:first-letter {
  color:#1d1d1d; font-size:2.65em; //font-size:3.25em;
  font-family:"Times New Roman", Times, Serif;
  float:left; margin-left:-0.75em; line-height:1em
}
p.ol-big { padding-left:1.9em }

div.the_end {
  color:#e5e5e5; font-size:3em; text-align:center; letter-spacing:0.2em;
  content:'***';
  behavior:expression(this.innerHTML ? this.innerHTML='***' :  this.innerHTML='***');
}






/* ABOUT */

body#p-about #header { height:110px }
body#p-about div#page-title { display:none }

div#nav_sub-fon { position:absolute; _display:none; z-index:1; left:0; width:100%; padding:7px 0; color:#f7f9fa;  font-size:0.8em; line-height:1.2em; background:#f7f9fa  }
div#nav_sub { position:relative; z-index:2; margin:0 -15px 2.8em -15px }
div#nav_sub ul { list-style:none; padding:7px 0; margin:0; font-size:0.8em; line-height:1.2em; text-transform:uppercase; background:#f7f9fa }
div#nav_sub ul a { color:#495762;  text-decoration:none }
div#nav_sub ul a:hover { color:#00549f }
div#nav_sub ul a:active { color:#000 }
div#nav_sub ul li { display:inline; padding:7px; margin:0 7px }
div#nav_sub ul li#this { background:#d9f4ff  /*c8efff dff6ff*/ } 
div#nav_sub ul li#this a { color:#00549f; text-decoration:none; background:none }


/*
ul#nav_sub li { padding:8px 8px 20px 8px }
ul#nav_sub li#bold { border:solid 2px #bfd5e7 }
*/



/* Company */

body#p-about div.p-studio div#illn { height:265px; background-image:url(/d/i/others/company.gif); background-repeat:no-repeat; background-position:50% 50px }
/*body#p-about div.p-studio div#header { height:410px } */

/*body#p-about div.p-company div#logo { display:none }*/
div#show { height:200px; text-align:center }
div#show div.indent { padding-top:40px }
div#show img.mindera { margin:0 30px 0 160px; vertical-align:middle }
div#show img.catchword { margin:15px 0 0 0; vertical-align:middle }      



/* News */

body#p-about div.p-news div#footer { background:none } 
body#p-about div.p-news div#footer-line div { margin:0 }

div#news-alt { text-align:right }                                                                    
div#news-alt ul { list-style:none; margin:-20px 30px 2em 0; padding:0 }
div#news-alt li { display:inline; margin-left:20px }
div#news-alt li.rss a { padding-left:25px; background:url(/d/i/icons/rss.gif) no-repeat 0 0 }
div#news-alt li.blogs a { padding-left:25px; background:url(/d/i/icons/blogs.gif) no-repeat 0 0 }   

div#news-nav { position:relative; margin:-1.5em 0 0 0; padding:0 0 3.7em 0 } 
div#news-nav div#yearline { position:absolute; left:0px; top:4em; //top:5.8em; width:100%; overflow:hidden; padding:0 0 0.3em 0; background:url(/d/i/news/dots_timeline.gif) repeat-x 50% }
div#news-nav div#yearline ul { font-size:1.2em;/* letter-spacing:0.05em;*/ list-style:none; margin:0; padding:0 } 
div#news-nav div#yearline ul li { float:left; width:19% }
div#news-nav div#yearline ul li.align-r { position:absolute; right:0; width:auto }
div#news-nav div#yearline ul li.align-r span { background:#fff }
div#news-nav div#yearline ul li a { color:#364047; text-decoration:none; border:solid 0px #a3a9ad; border-width:0 0 1px 0; padding:0 0 2px 0; background:#fff }
div#news-nav div#yearline ul li a:hover { padding-bottom:0 }
       
div#year_big { color:#f3f6f7; font-size:11em; letter-spacing:-0.03em; //letter-spacing:-0.3em; line-height:0.8em; text-align:center; padding:0; margin:0 }
div#news-nav div#seasons { color:#dde2e5; font-size:1.1em; text-align:center; margin:1em 0 0 0 }

div#news-nav-b { position:relative }
div#news-nav-b ul { list-style:none; margin:0 }
div#news-nav-b ul li { float:left; width:48% }
div#news-nav-b ul li.next { float:right; text-align:right; /*color:#006ea6;  letter-spacing:-0.05em; font-size:1.95em; font-weight:normal; */}
div#news-nav-b div.bull { z-index:1; position:absolute;  left:50%; top:85px; width:12px; height:12px; background:url(/d/i/news/bull.gif) }
div#news-nav-b ul li div.bull { left:auto; top:78px; }
div#news-nav-b ul li.next div.bull {left:auto; right:0 }



div#news-titles div.hr2 { /*display:none;*/ position:relative; margin:0 25px 3em 0px }
div#news-titles div.hr2 span.b1,
div#news-titles div.hr2 span.b2,
div#news-titles div.hr2 span.b3,
div#news-titles div.hr2 span.b4 { display:block; position:absolute; top:0; width:10px; height:100%; margin:0 0 0 -5px; background:#fff }
div#news-titles div.hr2 span.b1 { left:19% }
div#news-titles div.hr2 span.b2 { left:40% }
div#news-titles div.hr2 span.b3 { left:60% }
div#news-titles div.hr2 span.b4 { left:80% }

div#news-titles .first { width:66%; background:url(/d/i/news/ico-lastnews.gif) no-repeat 0 0; padding:0 0 3em 40px  }
div#news-titles .first dt { font-style:italic; font-family:arial }
div#news-titles .first dd { font-size:1.2em; line-height:1.7em }

div#news-titles div.insert { background:#f5f9fd; padding-bottom:10px }
div#news-titles div.bg { position:relative; margin:0 -10px; padding:10px; background:#f5f9fd; }

dl.news-news { margin:0 }
dl.news-news dt { float:left; margin:0.2em 0 0 0; line-height:1.2em  }   
dl.news-news dt span { display:block; font-size:1.4em; font-style:italic; font-family:Arial, Verdana, Sans-serif, Helvetica }
dl.news-news dt span + span { font-size:1em; font-weight:normal }
   
dl.news-news dd { padding:1.2em 0 1.1em 3em }
dl.news-news dd:first-letter { color:#1a1a1a !important; font-size:1.3em !important;  //line-height:0; _font-size:1em }
dl.news-news dd img { vertical-align:middle }
dl.news-news a:visited, dl.news-news dd#this a { color:#606c75 }
/*
div#news-titles div.bg dl.news-news dd div { position:relative;  margin:0 -10px; padding:10px 15px 15px 15px; background:#f5f9fd; } 
div#news-titles div.bg dl.news-news dt { margin-top:13px } 
*/


div.news-news div.nonews { padding:.8em .7em }
div.news-news div.nonews p { line-height:1.4em }
div.news-news div.nonews p.inprogress { text-align:center } 



div.news_indent { margin:0 32px 0 13px }

div#news-title {display:none;  /*width:55%; */ margin:-2em 0 1.8em 0 }
div#news-title .title { margin:0.2em 0 0 0;  }
div#news-title .title a { color:#c7ced4; 313131; font-size:0.5em; /*font-size:1.5em; */font-weight:normal; letter-spacing:0; text-decoration:none }

div#news-content-summary { position:relative; padding:2.5em 0 3.4em 0; width:68%; /*width:84%; background:#f0f6fb */}
div#news-content-summary p { color:#313131; font-size:1.55em; line-height:1.6em; /*font-size:1.15em;*/ margin:0; /*padding:20px; margin:0*/ }
div#news-content strong { color:#262626 }
div#news-content p.ps { font-style:italic; padding-top:0.8em }
div#news-back { text-align:center; padding:2.5em 0 5px 0 }
div#news-back h2 { margin:0 }

div#news-content { }

div#news-plot { position:relative; margin:2em 16px 0 0; padding:0 13px  }
div#news-plot ol { line-height:1.4em; padding:0; margin:0 }
div#news-plot ol li { padding-top:0.7em }



/*div.news_quote  div.indent { width:67%; margin-left:-1em }*/  
div#news-quotes { margin:0 -29px; padding:25px 29px; background:#fafafa; overflow:hidden }
div#news-quotes div.quote { width:24%; float:left } 
div#news-quotes div.content { position:relative; margin:0 32px 0 0; border:solid 1px #ecedee; background:#fff }

div#news-quotes blockquote { width:auto; margin:0; padding:15px; font-size:0.85em; line-height:1.7em }
div#news-quotes blockquote p {  margin:0; padding:0; }

div#news-quotes  .cnr-tl, div#news-quotes .cnr-tr, div#news-quotes .cnr-bl, div#news-quotes .cnr-br { position:absolute; width:15px; height:15px; display:block }
div#news-quotes  .cnr-tl { background:url(/d/i/corners/1px-lit-tl.gif) no-repeat #fafafa; left:-1px; top:-1px; _background:none }
div#news-quotes .cnr-tr { background:url(/d/i/corners/1px-lit-tr.gif) no-repeat #fafafa; right:-1px; top:-1px; _background:none }
div#news-quotes .cnr-bl { background:url(/d/i/corners/1px-lit-bl.gif) no-repeat #fafafa; left:-1px; bottom:-1px; _background:none }
div#news-quotes .cnr-br { background:url(/d/i/corners/1px-lit-br.gif) no-repeat #fafafa; right:-1px; bottom:-1px; _background:none }

div#news-quotes div.author { padding:7px 0 0 15px; /*position:relative; top:-4px;  padding:18px 0 0 6.6em; background:url(/d/i/comments/arr-r.gif) no-repeat 3em top*/ }

div#news-chronicle { margin:0 0 3.4em -1em }
div#news-chronicle ol { list-style:none } 
/* 
div#news-chronicle ol li { float:left; width:16% }
div#news-chronicle ol li div { margin:0 30px 0 0 }
*/

   
div.p-personnel div.bg { position:absolute; left:0; width:100%; height:400px; background:url(/d/i/others/personnel-bg.jpg) no-repeat 50% top }
div.p-personnel div.arrows { z-index:1; position:relative; width:100%; max-width:1420px; height:100%; margin:0 auto }
div.p-personnel div.arrows div.aPrev,
div.p-personnel div.arrows div.aNext { cursor:hand; cursor:pointer; position:absolute; top:100px; left:15px; width:54px; height:100px; background:url(/d/i/prev_next-huge.gif) no-repeat; opacity:0.05; filter:alpha(opacity=5) }
div.p-personnel div.arrows div.aNext { left:auto; right:15px; ; background-position:-81px }
div.p-personnel div#arrows-this { opacity:0.1; filter:alpha(opacity=10) }

div.p-personnel div#personnel { position:relative; width:100%; height:400px; overflow:hidden }
div.p-personnel div#personnel ul { z-index:1; position:absolute; top:0; left:0; width:100%; list-style:none }
div.p-personnel div#personnel li { position:absolute; left:0; width:100% }
div.p-personnel div#personnel li + li { left:100% }
div.p-personnel div#personnel div.wrapper { position:absolute; top:100px; left:50%; width:420px; margin:0 0 0 -170px }  
div.p-personnel div#personnel li h1 { /*font-size:2.6em;*/ color:#262626; letter-spacing:0; margin:0 0 0.3em 0 }
div.p-personnel div#personnel li p { color:#979fa6; margin:1em 0 0 0 }
div.p-personnel div#personnel li em { color:#0064b0 } 
div.p-personnel div#personnel li a { position:absolute; top:-2em; right:0 }

/* Clients */ 
div.p-clients div#footer { background:none }
div.p-clients div.bg { position:absolute; left:0; width:100%; height:375px; /*background:url(/d/i/others/clients-bg.gif) no-repeat 50% bottom*/ }
div.p-clients div#logotypes { margin:0 -15px }
div.p-clients div#logotypes div.col2-l, div.p-clients div#logotypes div.col2-r { width:49% }
div.p-clients div#logotypes div.pos-r { width:48%; height:200px }
div.p-clients div#logotypes div.about { position:absolute; bottom:-50px; left:10px; /*text-align:right*/ } 
div.p-clients div#logotypes div.logo {  position:absolute; bottom:6em; width:100%; text-align:center }

div.p-clients div#logotypes span.cnr-wht-tl { width:9px; height:9px; background:url(/d/i/corners/bg-10.gif) 0px 0px }
div.p-clients div#logotypes span.cnr-wht-tr { width:9px; height:9px; background:url(/d/i/corners/bg-10.gif) 9px 0px }
div.p-clients div#logotypes span.cnr-wht-bl { width:9px; height:9px; background:url(/d/i/corners/bg-10.gif) 0px -9px }
div.p-clients div#logotypes span.cnr-wht-br { width:9px; height:9px; background:url(/d/i/corners/bg-10.gif) -9px -9px}



/* Vacancy */
div.p-vacancies div#footer { background:none }
div#vacancies div.vacancy { float:left; text-align:center }
div#vacancies div.vacancy div.indent { padding:1em 1em 3em 1em }


body#p-about div.p-appeal div#page-title { display:block }



body#p-aa div#page-title { width:50% }
body#p-aa div#page-title h1, body#p-pp div#page-title h1 { margin-bottom:0.7em }











/* Services */

/*body#p-services div#header { height:150px }*/
body#p-services div#footer { background:url(/d/i/bluelines/others/short-b_01.jpg) no-repeat 66% bottom }

body#p-services div#page-title { margin-left:87px }
/*body#p-services div#page-title div { background-color:#d0d7dc }*/
body#p-services div#page-title { display:none }
/*body#p-services div.p-1 { background:url(/d/i/others/blueline-l_01.jpg) no-repeat left top }*/


body#p-services div.p-1 div#intro h1 { display:none }

body#p-services div.p-1 div#fon { position:absolute; left:0; _left:auto; width:100%; height:200px; background:url(/d/i/services/services-fon.jpg) repeat-x 0 0 }
body#p-services div.p-1 div#fon .line-v-l, body#p-services div.p-1 div#fon .line-v-r { position:absolute; _display:none; top:-1em; width:3px; height:29em; background:#000 }
body#p-services div.p-1 div#fon .line-v-l { left:1px } 
body#p-services div.p-1 div#fon .line-v-r { right:1px } 

body#p-services div.p-1 div#services { position:relative; height:223px }
body#p-services div.p-1 div#services div.title { position:absolute; left:50%; top:0; margin:0 0 0 -5em; padding:5px 10px; /*border:2px dashed #000;*/ color:#fff; /*font-size:1.1em;*/ background:#319ed5; /*0088cc*/ }
body#p-services div.p-1 div#services div.title div { position:absolute; top:0; left:0; width:100%; height:3px; background:#fff; opacity:0.6; filter:alpha(opacity=60) }
body#p-services div.p-1 div#services div.indent { padding:60px 0 0 0 }
body#p-services div.p-1 div#services div.col-l,
body#p-services div.p-1 div#services div.col-r { height:148px; background:url(/d/i/services/services-shadow.gif) no-repeat 50% bottom }
body#p-services div.p-1 div#services h1,
body#p-services div.p-1 div#services h2,
body#p-services div.p-1 div#services h3 { display:none; padding:0; margin:0 }
body#p-services div.p-1 div#services a { color:#384651; text-decoration:none }
body#p-services div.p-1 div#services a:hover { color:#000 }
body#p-services div.p-1 div#services h1 a { color:#495660; font-weight:bold }
body#p-services div.p-1 div#services img.arw {  }
body#p-services div.p-1 div#services img.title { display:block; margin:20px auto 0 auto }
body#p-services div.p-1 div#services #this { opacity:0.75; filter:alpha(opacity=75) }

body#p-services div.p-1 div#services div.indent div.col2-l div.col-l img,
body#p-services div.p-1 div#services div.indent div.col2-r div.col-r img { opacity:0.75; filter:alpha(opacity=75) }     

body#p-services div.p-1 div.descriptions { text-align:center }
body#p-services div.p-1 div.descriptions div.center-self { width:80% }
body#p-services div.p-1 div.descriptions div.indent { cursor:hand; cursor:pointer; text-align:left; padding:20px }
body#p-services div.p-1 div.descriptions p { margin:0 }
body#p-services div.p-1 div.descriptions #this { background:#d9f4ff; f2f5f7 }

body#p-services div.p-1 div#special { padding:0 40px } 
body#p-services div.p-1 div#special p { margin:0 }

body#p-services div.p-1 div#bracket-t,
body#p-services div.p-1 div#bracket-b { position:relative; border:solid 0px #f1f3f5; border-width:0 0 9px 0 }

body#p-services div.p-1 div#bracket-t span.l,
body#p-services div.p-1 div#bracket-t span.r,
body#p-services div.p-1 div#bracket-b span.l,
body#p-services div.p-1 div#bracket-b span.r { position:absolute; width:57px; height:36px; top:-27px }

body#p-services div.p-1 div#bracket-t span.l { background:url(/d/i/services/bracket-tl.gif) no-repeat; left:-10px }
body#p-services div.p-1 div#bracket-t span.r { background:url(/d/i/services/bracket-tr.gif) no-repeat; right:-10px }
body#p-services div.p-1 div#bracket-b span.l { background:url(/d/i/services/bracket-bl.gif) no-repeat; left:-10px }
body#p-services div.p-1 div#bracket-b span.r { background:url(/d/i/services/bracket-br.gif) no-repeat; right:-10px }

body#p-services div.p-1 div#contact  { cursor:pointer; cursor:hand; position:relative; float:right; width:12em; font-size:0.9em; padding:10px 10px 0 10px; background:#292929 }
body#p-services div.p-1 div#contact a { color:#fff; text-decoration:none }
body#p-services div.p-1 div#contact img { float:right; margin:0 0 40px 0 }

body#p-services div.p-1 div#contact span { position:absolute; width:10px; height:10px; background:url(/d/i/services/cnrs-dark.gif) }
body#p-services div.p-1 div#contact span.cnr-tl { top:0; left:0; background-position:0 0 } 
body#p-services div.p-1 div#contact span.cnr-tr { top:0; right:0; background-position:-10px 0 } 
body#p-services div.p-1 div#contact span.cnr-bl { bottom:0; left:0; background-position:0 -10px } 
body#p-services div.p-1 div#contact span.cnr-br { bottom:0; right:0; background-position:-10px -10px } 




/*body#p-services div#contents { background:url(/d/i/vline_big-ylw-lit.gif) no-repeat 40px 0px }*/


body#p-services div#service-illn { /*border:solid #fafafa; border-width:6px 0;*/ margin:0 0 3em 0 }
body#p-services div#service-illn div { padding-left:0; text-align:center }

body#p-services div#service-example { position:relative; margin:-40px 0 35px 0; text-align:center }  
body#p-services div#service-example div.note { position:absolute; top:0; right:0; width:12em; padding:15px; color:#264451; text-align:left; font-style:italic; font-family:arial; background:#d9f4ff }
body#p-services div#service-example div.note .cnr-bg-bl { display:none }

body#p-services div.p-website div#service-example { margin-bottom:0 } 

body#p-services div#service-intro { width:50% } 
body#p-services div#service-intro h1 { display:none }
body#p-services div#service-about { background:url(/d/i/services/ico-talk.gif) no-repeat; padding:15px 0 0 50px }
body#p-services div#service-about div.col-l p {  }
body#p-services div#service-about div.col-r p {  }
body#p-services div#service-about div.col-l p:first-letter { /*padding:0 0 0 50px*/ }

body#p-services div#service-intdesign { width:66% }
body#p-services div#service-intdesign p { font-size:1.15em }
body#p-services div#service-intdesign img.arr { margin-right:7px } 

body#p-services div#before-bg { z-index:-1; position:absolute; left:0; width:100%; height:28.2em; background:#394045 }
body#p-services div#before { color:#fff; margin:0 -30px; padding:3.5em 30px 2.2em 30px; background:#394045 /*464f55*/ }
body#p-services div#before > h1 { color:#6b7277; margin:0 }
body#p-services div#before h2 {  color:#fff   }
body#p-services div#before strong { font-size:1.2em; font-weight:normal }
body#p-services div#before p:first-letter { float:left; color:#fff; font-size:3.3em; margin:0 10px 0 0; padding:0; line-height:1em } 
body#p-services div#before p { line-height:1.8em }

body#p-services div#before-link { position:relative }
body#p-services div#before-link div.container { position:absolute; top:-2.5em; z-index:1; left:58%; width:15em; background:url(/d/i/services/ico-loupe.gif) no-repeat 10px 15px #fff }
body#p-services div#before-link div.container div { padding:15px 10px 15px 45px }

body#p-services div#creation { margin:0 0 0 50px }

body#p-services div#bottom-iln { position:absolute; left:0; width:100%; height:648px; margin:-100px 0 0 0; background:url(/d/i/services/ccards.jpg) no-repeat 50% 100% }
body#p-services div#bottom-iln div { position:absolute; top:255px; left:50%; margin:0 0 0 5px; width:102px; height:79px; background-repeat:no-repeat }
body#p-services div#bottom-iln img {  position:absolute; top:330px; left:50%; margin:0 0 0 225px }
body#p-services div#bottom-iln-space { height:448px }

body#p-services #advices { background:#f0f9ff; padding:0 5px }
body#p-services #advices li { display:none }
body#p-services #advices li.this { display:block }

body#p-services div#service-note {  }







/* Arts */

body#p-art div#page-title { display:none }
body#p-art div.p-1 div#contents { padding-left:30px; padding-right:30px }



body#p-art div.p-1 div#art-worklist_fon { z-index:-11; position:absolute; top:145px; background-color:#fff;/*fafbfb;*/ width:100%; height:23.5em }
body#p-art div.p-1 div#art-border-l, div#art-border-r { display:none; position:absolute; top:150px; background-color:#000;/*c49400;*/ width:2px; height:44em }
body#p-art div.p-1 div#art-border-l { left:2px }
body#p-art div.p-1 div#art-border-r { right:3px }

body#p-art div.p-1 h2 { font-size:1em; margin:0 0 1.8em 0px }
body#p-art div.p-1 div.works { width:100%; overflow:hidden; text-align:center; /*background:url(/d/i/vline_big-lit.gif) center no-repeat*/ }
body#p-art div.p-1 div.works div.works-l, body#p-art div.p-1 div.works div.works-r { width:47%;/* background:url(/d/i/vline_big-lit.gif) center no-repeat*/ }
body#p-art div.p-1 div.works div.works-l { float:left }
body#p-art div.p-1 div.works div.works-r { float:right }
body#p-art div.p-1 div.works div.work-l, body#p-art div.p-1 div.works div.work-r { width:45% }
body#p-art div.p-1 div.works div.work-l { float:left }
body#p-art div.p-1 div.works div.work-r { float:right }   

body#p-art div.p-1 div.works div.works-l div.work-l, 
body#p-art div.p-1 div.works div.works-l div.work-r,
body#p-art div.p-1 div.works div.works-r div.work-l, 
body#p-art div.p-1 div.works div.works-r div.work-r { background:url(/d/i/art/titles-shw.jpg) no-repeat 50% 170px }

body#p-art div.p-1 div.work_date { margin:0 0 1.2em 0 }
body#p-art div.p-1 div.work_date small { font-size:0.7em }

body#p-art div.p-1 div.about { position:relative; margin:65px 0 0 0; padding:0 0 15px 0 } 
body#p-art div.p-1 div.about div.title {  font-size:1.2em; line-height:1.4em; margin:0 20px }
body#p-art div.p-1 div.about div.client { margin:0.5em 20px 0 20px }

body#p-art div.p-1 div#identities  div.about { background:url(/d/i/art/titles-bg.jpg) repeat-x #f7f7f7 0 0px }

body#p-art div.p-1 div#expansion {  }
body#p-art div.p-1 div#expansion img {  }
body#p-art div.p-1 div#expansion div.hr { background:#f0f2f3 }
body#p-art div.p-1 div#expansion div.indent { position:relative; //position:auto; padding:20px 15px 0 0 }

body#p-art div.p-1 div#expansion .tl, body#p-art div.p-1 div#expansion span.tr, body#p-art div.p-1 div#expansion .bl, body#p-art div.p-1 div#expansion .br { position:absolute; width:19px; height:19px; display:block }
body#p-art div.p-1 div#expansion .tl { background:url(/d/i/corners/bg-tl.gif) no-repeat; left:0; top:0 }
body#p-art div.p-1 div#expansion .tr { background:url(/d/i/corners/bg-tr.gif) no-repeat; right:0; top:0 }
body#p-art div.p-1 div#expansion .bl { background:url(/d/i/corners/bg-bl.gif) no-repeat; left:0; bottom:0 }
body#p-art div.p-1 div#expansion .br { background:url(/d/i/corners/bg-br.gif) no-repeat; right:0; bottom:0 }
body#p-art div.p-1 div#expansion ul { list-style:none; margin:0 }
body#p-art div.p-1 div#expansion ul li { padding:0 0 1em 24px; background-repeat:no-repeat; background-position:0px 2px }

body#p-art div.p-1 div#overviews { overflow:hidden }
body#p-art div.p-1 div#overviews ul { list-style:none }
body#p-art div.p-1 div#overviews ul li { float:left; width:13% } 
body#p-art div.p-1 div#overviews ul li div { width:40%; line-height:1.3em } 
body#p-art div.p-1 div#overviews ul li span { font-style:italic; white-space:nowrap }


body#p-art div.p-site div#header, body#p-art div.p-identity div#header { }

body#p-art div#work-title { position:relative }
body#p-art div#work-title ul { position:absolute; margin:-2em 0 0 0; list-style:none; font-size:0.85em }
body#p-art div#work-title ul li { display:inline; margin:0 15px 0 0 }
body#p-art div#work-title ul li.this { font-weight:bold }
body#p-art div#work-title h1 { margin:0 0 0.2em 0 }
body#p-art div#work-title p { margin:0; padding:0 0 0 15px; background:url(/d/i/art/ico-task.gif) no-repeat 0 55% }
body#p-art div#work-goal { margin:0 -15px; padding:15px; background:#fafafa }
body#p-art div#work-goal p { width:70% }
/*
body#p-art div#work-goal div.col-l { width:28% }
body#p-art div#work-goal div.col2-r div.col-l { width:42% }
*/

body#p-art div.p-identity div#work-goal { margin-bottom:40px }
body#p-art div#work-goal p { /*color:#273139;*/ margin:0; line-height:1.4em }

div#work-line-l, div#work-line-r { position:absolute; top:430px; width:2px; height:190px; background:#000 }
div#work-line-l { left:1px }
div#work-line-r { right:1px }
body#p-art div.p-identity div#work-line-l, body#p-art div.p-identity div#work-line-r { display:none }

body#p-art div#work-preview-site { height:650px; background:url(/d/i/art/monitor.jpg) no-repeat 50% 70px; text-align:center }
body#p-art div#work-preview-site div.indent { padding:115px 0 140px 0 }

body#p-art div#work-preview-identity { text-align:center; margin:0 -29px 53px -29px }
body#p-art div#work-preview-identity img { }
body#p-art div#work-preview-identity div.comment { font-family:arial }

body#p-art div#work-about { position:relative }
body#p-art div#work-about img.arw { position:absolute; top:-20px  }  
body#p-art div#work-about div.title { width:35% }
body#p-art div#work-about div.title h1 { /*margin-top:0.2em*/ }
body#p-art div#work-about div.col3 { padding:0; margin:0 }

body#p-art div#work-client { width:110px }
body#p-art div#work-client p { line-height:1.4em }
body#p-art div#work-client img { margin:0 0 20px 0 }
body#p-art div#work-client ul { margin:0 0 0 -23px }


/*
body#p-art div#work-credits ul { width:100%; overflow:hidden; line-height:1.45em; margin: 0 0 1em 0; list-style:none }
body#p-art div#work-credits ul li { float:left; width:16% }
body#p-art div#work-credits ul li span { display:block }
*/
/*
body#p-art div#work-credits ul li { margin:0 0 0.7em 0 }
body#p-art div#work-credits ul li span { display:block }
*/



body#p-art div#work-details { padding:0.1em 0 0 0 }
body#p-art div#work-details div.links { position:absolute; bottom:80px; _bottom:auto; right:0; width:10%; text-align:left}
body#p-art div#work-details div.links div { width:50% }

body#p-art div#work-details div.text { width:100%; overflow:hidden; padding-top:1.5em; padding-bottom:6.5em }

body#p-art div#work-details div.img { z-index:0; position:relative; text-align:center; margin:0 0 3.5em -11px; padding:7px 0 15px 0; background:#d6d9dc; /*border:solid #fff; border-width:3px 0; background:url(/d/i/art/table-fon-t.jpg) repeat-x left top #e9ecee*/ }
body#p-art div#work-details div.img .url { text-align:left; font-size:0.75em; padding:0 0 4px 13px }
body#p-art div#work-details div.img img { border:solid 1px #e5e5e5 }

body#p-art div#work-details .shw-l  { z-index:-1; position:absolute; top:0; left:0; width:11px; height:100%; background:url(/d/i/art/shw-l.jpg) repeat-y 0 0 } 
body#p-art div#work-details .shw-r { z-index:-1; position:absolute; top:0; right:0; width:11px; height:100%;  background:url(/d/i/art/shw-r.jpg) repeat-y 0 0 }  
body#p-art div#work-details .shw-t  { z-index:-1; position:absolute; top:0; left:0; width:100%; height:7px; background:url(/d/i/art/shw-t.jpg) repeat-x 0 0}  
body#p-art div#work-details .shw-b { z-index:-1; position:absolute; bottom:0; left:0; width:100%; height:15px; background:url(/d/i/art/shw-b.jpg) repeat-x 0 0 } 

body#p-art div#work-details .shw-cnr-tl,
body#p-art div#work-details .shw-cnr-tr,
body#p-art div#work-details .shw-cnr-bl,
body#p-art div#work-details .shw-cnr-br { z-index:-1; position:absolute; width:31px; height:31px }

body#p-art div#work-details .shw-cnr-bl { left:0; bottom:0; background:url(/d/i/art/shw-cnr-bl.jpg) no-repeat 0 0 }
body#p-art div#work-details .shw-cnr-br { right:0; bottom:0; background:url(/d/i/art/shw-cnr-br.jpg) no-repeat 0 0 }  
body#p-art div#work-details .shw-cnr-tl { left:0; top:0; background:url(/d/i/art/shw-cnr-tl.jpg) no-repeat 0 0 }
body#p-art div#work-details .shw-cnr-tr { right:0; top:0; background:url(/d/i/art/shw-cnr-tr.jpg) no-repeat 0 0 }   

body#p-art div#work-details .cnr-tl,
body#p-art div#work-details .cnr-tr,
body#p-art div#work-details .cnr-bl,
body#p-art div#work-details .cnr-br { z-index:1; position:absolute; width:3px; height:3px; background:url(/d/i/art/screenshot-cnrs.gif) }      

body#p-art div#work-details .cnr-tl { top:7px; left:10px; background-position:0 0 }
body#p-art div#work-details .cnr-tr { top:7px; right:10px; background-position:-3px 0  }
body#p-art div#work-details .cnr-bl { bottom:15px; left:10px; background-position:0 -3px }
body#p-art div#work-details .cnr-br { bottom:15px; right:10px; background-position:-3px -3px }

body#p-art div#work-details ul.links { list-style:none; margin:-2em 0 0 0 }
body#p-art div#work-details ul.links li { display:inline; margin:0 15px 0 0 }

body#p-art div#work-credits { padding:20px 15px 32px 92px; margin-bottom:1em; background-image:url(/d/i/art/ico-mind.gif); background-repeat:no-repeat; background-position:25px 19px }
body#p-art div#work-credits dl { float:left; width:16% }
body#p-art div#work-credits dl dt, body#p-art div#work-credits dl dd { }

body#p-art div#work-createdate { float:left; margin:0 50px 25px 0 }
body#p-art #work-links { float:left; width:50%; margin:0.2em 0 0 0; list-style:none }
body#p-art div#work-prevnext { float:right; width:32%; margin:0.4em 0 0 0;  text-align:right }
body#p-art div#work-prevnext div { float:left; width:48% }
body#p-art div#work-prevnext div + div { float:right; text-align:right } 


body#p-art div#work-otherworks { padding:2em 0 0 53px }



div.work-illn-border {
    background-color:#f8f7f5;
    width:0; height:0;
    padding:10px 20px
}

ul#work-credits {
    margin:0 0 0 15px; padding:0px;
    list-style:none
}

ul#work-credits li { margin-bottom:1em }

div.work-credits-r-shift { margin-left:15px }

img.art-work_ico { float:left; border:solid 1px #ebebeb; margin:0 15px 0 0 }

img.work_site_ico, img.work_style_ico { /*background:#fff; border:solid 1px #f2f2f2; padding:15px*/ }



#p-art div.p-overviews div#page-title { display:none; width:50% }
#p-art div.p-overviews div#page-title h1 { margin-bottom:0.2em }
#p-art div.p-overviews h1#title { margin-bottom:0.2em }

#p-art div.p-overviews div#menu { position:relative; padding:8px 10px; border:solid 1px #ecedee }
#p-art div.p-overviews div#menu ul { list-style:none; padding:0; margin:0 }
#p-art div.p-overviews div#menu ul li { display:inline; padding:0 20px 0 0}
#p-art div.p-overviews div#menu ul li.other { position:absolute; top:8px; right:0px }        

#p-art div.p-overviews div.diogramma { float:left; width:50%; text-align:center; //width:49.99% }
#p-art div.p-overviews div.diogramma + div.diogramma { float:right }
#p-art div.p-overviews div.diogramma div { text-align:left; margin:0 0 2em 0 }

#p-art div.p-overviews div.logo { font-size:0.85em; text-align:center }
#p-art div.p-overviews div.logo div.wrapper { margin:0 0 1em 0; border:solid 1px #ecedee;e0e2e4 }
#p-art div.p-overviews div.logo div.wrapper div { position:relative; height:210px; width:100%; background:#fff }
#p-art div.p-overviews div.logo img { position:absolute; top:50%; left:50%; margin-left:-65px }

#p-art div.p-overviews div.logo span.cnr-lit-tl,
#p-art div.p-overviews div.logo span.cnr-lit-tr,
#p-art div.p-overviews div.logo span.cnr-lit-bl,
#p-art div.p-overviews div.logo span.cnr-lit-br { position:absolute; width:15px; height:15px; display:block }
#p-art div.p-overviews div.logo span.cnr-lit-tl { background:url(/d/i/corners/1px-lit-tl.gif) no-repeat #fafafa; left:-1px; top:-1px }
#p-art div.p-overviews div.logo span.cnr-lit-tr { background:url(/d/i/corners/1px-lit-tr.gif) no-repeat #fafafa; right:-1px; top:-1px }
#p-art div.p-overviews div.logo span.cnr-lit-bl { background:url(/d/i/corners/1px-lit-bl.gif) no-repeat #fafafa; left:-1px; bottom:-1px }
#p-art div.p-overviews div.logo span.cnr-lit-br { background:url(/d/i/corners/1px-lit-br.gif) no-repeat #fafafa; right:-1px; bottom:-1px }

#p-art div.p-overviews div#overviews ul { list-style:none }
#p-art div.p-overviews div#overviews ul li { float:left; width:18% } 
#p-art div.p-overviews div#overviews ul li div { width:40%; line-height:1.3em } 
#p-art div.p-overviews div#overviews ul li span { font-style:italic; white-space:nowrap }








body#p-contact div.p-1 div#page-title { display:none }
body#p-contact div.p-1 { background-image:url(/d/i/bluelines/others/long_01.jpg); background-repeat:no-repeat; background-position:left 20px }
body#p-contact div#footer { background:none }