/*--------------------------------------------------------------------------
[client] Screen Stylesheet

Oleg Chulakov Studio
-----------------------------------------------------------------------------*/

/*--- Reset --------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, b, big, cite, code, del, dfn, em, font, img, ins, i, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, optgroup, option, label, legend, textarea, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:none; font-weight:inherit; font-style:inherit; font-family:inherit; font-size:100%; vertical-align:baseline; }
html { height:100%; font-size:100.01%; }
body { height:100%; }
img { vertical-align:top; }
*:focus { outline:none; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
dfn, cite, var, address, optgroup { font-style:normal; }
del { text-decoration:line-through; }
ins { text-decoration:underline; }
sup, sub { position:relative; font-size:.75em; }
sup { top:-.5em; }
sub { top:.25em; }
strong, b { font-weight:bold; }
small { font-size:.8125em; }
big { font-size:1.125em; }
em, i { font-style:italic; }
li { list-style:none; }
ol li { list-style:decimal inside; }
fieldset legend { color:#000; }
input[type=checkbox] { margin:2px 2px 1px 3px; height:17px; width:15px; }
input[type=radio] { margin:1px 2px 0 3px; height:19px; width:15px; }
input, select, button { vertical-align:middle; }
.f-left { float:left; }
.f-right { float:right; }
img.f-left { margin-right:1em; }
img.f-right { margin-left:1em; }

/* -------------------------------------------*/ 
/* ---------->>> GLOBAL <<<-----------*/ 
/* ------------------------------------------*/

/*--- Text -------------------------- */
body, input, textarea, select { font-family:Georgia, serif; }
#footer, .definitions dd, .services p { font-family:Tahoma, Geneva, sans-serif; }

body { background:#ffffff; font-size:.875em; line-height:1.43; color:#444; min-width:1000px; }
hr { border:none; border-top:1px solid #808080; background:gray; height:0; overflow:hidden; margin:7px 0; }
code, kbd, samp, tt, var { font-family:"Courier New", Monaco, Courier, monospace; }
acronym { font-variant:small-caps; }
acronym, dfn { cursor:help; border-bottom:1px dashed #ccc; }
blockquote { font-style:italic; font-size:1.25em; color:#666; margin:10px 0 10px 50px; padding:.3em 10px 0; border-left:3px solid #ccc; }
blockquote p { padding-bottom:.3em; }
p, .date, .num { font-size:1.143em; padding-bottom:.75em; line-height:1.5; }
p.note { padding-top:.75em !important; }

a, .services h3 a, .articles h3 a, .services-type2 h4 a, .vacancies h3 a, .tabs li a:visited, .main-idea a, .again a:visited { cursor:pointer; color:#006bbf; text-decoration:underline; }
a:hover, .services h3 a:hover, .articles h3 a:hover, .services-type2 h4 a:hover, .vacancies h3 a:hover, .tabs li a:hover, .main-idea a:hover, a:visited:hover,
.services h3 a:visited:hover, .articles h3 a:visited:hover, .services-type2 h4 a:visited:hover, .vacancies h3 a:visited:hover, .tabs li a:visited:hover, .main-idea a:visited:hover { color:#d00; text-decoration:underline; }
a:visited, .services h3 a:visited, .articles h3 a:visited, .services-type2 h4 a:visited, .vacancies h3 a:visited, .main-idea a:visited { color:#8f4697; text-decoration:underline; }
#page #header dl a, #header dl a:visited, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { text-decoration:none; color:#036; border-color:#bfccd9; border-bottom:1px solid #bfccd9; }
#page #header dl a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
#header dl a:visited:hover, h1 a:visited:hover, h2 a:visited:hover, h3 a:visited:hover, h4 a:visited:hover, h5 a:visited:hover, h6 a:visited:hover { text-decoration:none; color: #036; border-color: #036; }
.hover2 a { color:#d00 !important; }
.hover2 .arrow, .hover2 .arrow:visited { color:#B4B4B4 !important; }

.date { padding-bottom:1em; display:block; color:#B4B4B4; }

.laquo { left:-0.565em; margin-right:-0.565em; }
.mdash { left:-1em; margin-right:-.85em; }
.bracket-laquo { left:-.96875em; margin-right:-.96875em; }

.bdquo { left:-0.565em; margin-right:-0.565em; }
.bracket-bdquo{ left:-.96875em; margin-right:-.96875em; }

.ldquo { left:-0.565em; margin-right:-0.565em; }
.bracket-ldquo{ left:-.96875em; margin-right:-.96875em; }

.laquo, .bdquo, .ldquo, .mdash, .bracket-laquo { display:inline; position:relative;  z-index:999; }

.tabs-hide { display:none; }

/*--- /Text -------------------------- */


/*--- Headings ---------------------- */
h1, h2, h3, h4, h5, h6 { position:relative; color:#000; position:relative; left:-18px; font-weight:normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { background:#fff url(../images/bg/) no-repeat; position:relative; margin-left:-6px; padding:0 8px 3px 6px; }
h1, h2, .order dt { font-size:2.286em; line-height:1.2; padding-bottom:.531em; }
h3, .show-work h2 { font-size:1.714em; padding-bottom:.375em; }
h4, h5, h6, .show-work h3 { line-height:normal; color:#444; font-size:1.43em; font-style:italic; padding-top:3px; padding-bottom:.45em; left:0; }

.headline-works { color:#B4B4B4; font-style:italic; width:440px; margin-right:-257px; }
.headline-works a { font-style:normal; }

.main-holder h1 { margin-right:-150px; }

/*--- /Headings ---------------------- */


/*--- Table --------------------------- */
table { border-collapse:collapse; width:100%; }
caption, th, td { text-align:left; font-weight:normal; }

/*--- /Table -------------------------- */


/*--- Forms -------------------------- */
input, textarea, select, option { color:#B4B4B4; font-size:1em; }
input.type-text, select, textarea { margin-top:0; padding:2px; background:#fff; border-right:1px solid #DCDFE6; border-top:1px solid #AAADB2; border-left:1px solid #E2E2EC; border-bottom:1px solid #E2E9EF; width:10em; }
input.type-button { height:2em; padding:0 22px; cursor:pointer; }
input.type-button.disabled { color:#B4B4B4; }
input.type-text:focus, textarea:focus { color:#000; border-top-color:#3D7BAD; border-bottom-color:#B7D9ED; border-left-color:#B5CFE7; border-right-color:#A4C9E3;  }
input.type-text.focus, textarea.focus { color:#000; border-top-color:#3D7BAD; border-bottom-color:#B7D9ED; border-left-color:#B5CFE7; border-right-color:#A4C9E3;  }

select { padding:0; height:1.666em; }
select option { background:#fff; padding:0 .4em; }
select optgroup { background:#333; color:#fff; }
select optgroup option { padding-left:15px; }

textarea { height:7em; width:98%; padding:2px .9%; display:block; background:#fffffb; resize:none; }

/*--- /Forms -------------------------- */


/* -------------------------------------------*/ 
/* ------------>>> GRID <<<------------*/ 
/* ------------------------------------------*/

/*--- Layouts -------------------------- */
#wrap { min-width:1000px; position:relative; z-index:1; min-height:100%; }
#page { padding-bottom:120px; position:relative; z-index:2; }

/*--- /Layouts ------------------------- */


/*--- Header --------------------------- */
#header { font-size:1.143em; line-height:1.5; padding:41px 40px 0; position:relative; }
#header h1 { line-height:1.5; padding:0 0 6px; left:0; font-size:1em; }
#header dl { position:relative; }
#header dl, #header dl dt, #header dl dd, #header dl dd ul, #header dl dd ul li { height:1.875em; }
#header dl dt { position:absolute; top:0; left:-9px; }
#header dl dd ul, #header dl { overflow:visible; }
#header dl dd ul li.current a span { left:-3px; margin-left:50%; bottom:-3px; width:5px; height:4px; overflow:hidden; position:absolute; background: url(/images/arrow.gif) no-repeat 0 -3px; }
#header dl dd ul li.current.go-root-section a span { background-position:0 0; bottom:0; }
#header dl dd ul li.current a:hover span { background-position:-5px -3px; }
#header dl dd ul li.current.go-root-section a:hover span { background-position:-5px 0; }
#header dl a { float:left; text-decoration:none; padding:0 9px 5px; border-bottom:1px solid #036; }
#header dl dd ul li { position:absolute; top:0; }
#header dl dd ul li#i-1 { right:45.65%; margin-right:-63px; }
#header dl dd ul li#i-2 { left:-43px; margin-left:70.22%; }
#header dl dd ul li#i-3 { left:-45px; margin-left:84.24%; }
#header dl dd ul li#i-4 { right:-9px; }

/*--- /Header -------------------------- */


/*--- Footer --------------------------- */
#footer { font-size:.786em; color:#000; min-width:940px; margin:0 30px; height:79px; margin-top:-80px; border-top:1px solid #B4B4B4; position:relative; z-index:3; }
#footer-holder { position:relative; z-index:1; }
#footer-holder2 { position:relative; z-index:2; padding-top:16px; }
#footer-holder2 address { white-space:nowrap; position:relative; left:-14px; margin:0 10px; padding-left:80.5%; }

/*--- /Footer -------------------------- */


/*--- Columns [faux absolute positioning] */
.content { padding:0 40px; }
.content-holder { position:relative; width:100%; }
.main, .aside, .extra, .ascii ul, .coll1, .coll2 { position:relative; left:100%; float:left; display:inline; }

.main { margin-left:-100%; width:100%; }
.main-holder { padding:28px 22% 0 13%; margin-left:20px; }
.main-holder2 { position:relative; padding:28px 26% 0 20px; margin-left:26%; }
.main-holder3 { padding:28px 0 0 20px; }
.main-holder4 { padding:28px 0 0 26%; }




.aside { margin-left:-100%; width:20%; padding-left:20px; padding-top:28px; }
.extra { margin-left:-19.5%; width:19.5%; padding-top:28px; }
.extra-inner { margin-left:-40px; }
.coll1 { margin-left:-100%; width:45.65%; padding-left:20px; padding-top:28px; }
.coll2 { margin-left:-45.65%; width:45.65%; padding-top:28px; }

/*--- /Columns------------------------ */


/* -------------------------------------------*/ 
/* --------->>> CONTENT <<<----------*/ 
/* ------------------------------------------*/

/*--- img's --------------------- */
.clients img { display:block; vertical-align:baseline; width:100px; height:100px; }
.ascii li img { display:block; vertical-align:baseline; width:50px; height:50px; }

.section { padding-bottom:13px; }

/*--- Index page --------------------- */

.definitions, .services, .vacancies { padding-bottom:.93em; overflow:visible; }
.definitions dt, .services h3, .services-type2 h4, .vacancies h3 { left:0; font-style:italic; font-size:1.143em; line-height:1.5; padding:0 0 .5625em; }
.definitions dt a, .services h3 a, .services-type2 h4 a, .vacancies h3 a, .main-idea a { margin:0; padding:0; border:0 !important; }
.definitions dd, .services p, .vacancies p { line-height:1.365; font-size:.786em; padding:0 0 1.38em 8px; }
.services h3 a, .services-type2 h4 a, .vacancies h3 a { border:0 !important; text-decoration:underline !important; }

.clients { position:relative; margin:7px 20px 30px 0; }
.clients .last { width:100px; }
.clients a { display:block; width:100px; }

.order { width:157px; position:relative; margin-top:-19px; padding:17px 20px 17px 40px; border:2px solid #DD0000; }
.order h2 { font-style:normal; left:0; }
.order dt { color:#DD0000; margin:0 -20px; }
.order dd { font-style:italic; }

.ascii { top:-28px; margin-bottom:-48px; position:relative; width:100%; height:430px; }
.ascii-label { position:absolute; left:0; top:29px; width:34%; z-index:1; line-height:38px; color:#B5B5B6; font-size:32px; font-style:italic; }
.dog .ascii-label { color:#DD0000; }
.smile .ascii-label { width:25%; }

.ascii ul { z-index:2; }
.ascii li { position:absolute; }
.ascii.xyi .letter-x { margin-left:-100%; }
.ascii.xyi .letter-y { margin-left:-66.3%; }
.ascii.xyi .letter-i { margin-top:28px; }
.ascii.xyi .letter-x, .ascii.xyi .letter-y { margin-top:88px; width:31%; height:250px; }
.ascii.xyi .letter-i { margin-left:-32.45%; width:34%; height:310px; }
.ascii.xyi .letter-x li.i-1, .ascii.xyi .letter-y li.i-1 { left:0; top:0; }
.ascii.xyi .letter-x li.i-2, .ascii.xyi .letter-y li.i-2 { left:160px; top:0; }
.ascii.xyi .letter-x li.i-3, .ascii.xyi .letter-y li.i-3 { left:40px; top:50px; }
.ascii.xyi .letter-x li.i-4, .ascii.xyi .letter-y li.i-4 { left:120px; top:50px; }
.ascii.xyi .letter-x li.i-5, .ascii.xyi .letter-y li.i-5 { left:80px; top:100px; }
.ascii.xyi .letter-x li.i-6, .ascii.xyi .letter-y li.i-6 { left:40px; top:150px; }
.ascii.xyi .letter-x li.i-7 { left:120px; top:150px; }
.ascii.xyi .letter-x li.i-8, .ascii.xyi .letter-y li.i-7 { left:0; top:200px; }
.ascii.xyi .letter-x li.i-9 { left:160px; top:200px; }
.ascii.xyi .letter-i li.i-1 { left:40px; top:0; }
.ascii.xyi .letter-i li.i-2 { left:90px; top:10px; }
.ascii.xyi .letter-i li.i-3 { left:140px; top:0; }
.ascii.xyi .letter-i li.i-4 { left:0; top:60px; }
.ascii.xyi .letter-i li.i-5 { left:180px; top:60px; }
.ascii.xyi .letter-i li.i-6 { left:0; top:110px; }
.ascii.xyi .letter-i li.i-7 { left:130px; top:110px; }
.ascii.xyi .letter-i li.i-8 { left:180px; top:110px; }
.ascii.xyi .letter-i li.i-9 { left:0; top:160px; }
.ascii.xyi .letter-i li.i-10 { left:90px; top:160px; }
.ascii.xyi .letter-i li.i-11 { left:180px; top:160px; }
.ascii.xyi .letter-i li.i-12 { left:0; top:210px; }
.ascii.xyi .letter-i li.i-13 { left:50px; top:210px; }
.ascii.xyi .letter-i li.i-14 { left:180px; top:210px; }
.ascii.xyi .letter-i li.i-15 { left:0; top:260px; }
.ascii.xyi .letter-i li.i-16 { left:180px; top:260px; }

.ascii.smile ul, .ascii.dog ul { display:block; left:0; margin:0 auto; float:none; }
.ascii.smile ul { width:420px; height:430px; }
.ascii.smile ul li.i-1 { left:160px; top:0; }
.ascii.smile ul li.i-2 { left:210px; top:0; }
.ascii.smile ul li.i-3 { left:110px; top:10px; }
.ascii.smile ul li.i-4 { left:260px; top:10px; }
.ascii.smile ul li.i-5 { left:60px; top:40px; }
.ascii.smile ul li.i-6 { left:310px; top:40px; }
.ascii.smile ul li.i-7 { left:30px; top:90px; }
.ascii.smile ul li.i-8 { left:340px; top:90px; }
.ascii.smile ul li.i-9 { left:10px; top:140px; }
.ascii.smile ul li.i-10 { left:360px; top:140px; }
.ascii.smile ul li.i-11 { left:0; top:190px; }
.ascii.smile ul li.i-12 { left:370px; top:190px; }
.ascii.smile ul li.i-13 { left:10px; top:240px; }
.ascii.smile ul li.i-14 { left:360px; top:240px; }
.ascii.smile ul li.i-15 { left:30px; top:290px; }
.ascii.smile ul li.i-16 { left:340px; top:290px; }
.ascii.smile ul li.i-17 { left:60px; top:340px; }
.ascii.smile ul li.i-18 { left:310px; top:340px; }
.ascii.smile ul li.i-19 { left:110px; top:370px; }
.ascii.smile ul li.i-20 { left:260px; top:370px; }
.ascii.smile ul li.i-21 { left:160px; top:380px; }
.ascii.smile ul li.i-22 { left:210px; top:380px; }
.ascii.smile ul li.i-23 { left:130px; top:120px; }
.ascii.smile ul li.i-24 { left:240px; top:120px; }
.ascii.smile ul li.i-25 { left:110px; top:250px; }
.ascii.smile ul li.i-26 { left:260px; top:250px; }
.ascii.smile ul li.i-27 { left:160px; top:270px; }
.ascii.smile ul li.i-28 { left:210px; top:270px; }

.ascii.dog ul { width:450px; height:400px; }
.ascii.dog ul li.i-1 { left:200px; top:0; }
.ascii.dog ul li.i-2 { left:150px; top:50px; }
.ascii.dog ul li.i-3 { left:200px; top:50px; }
.ascii.dog ul li.i-4 { left:250px; top:50px; }
.ascii.dog ul li.i-5 { left:100px; top:100px; }
.ascii.dog ul li.i-6 { left:150px; top:100px; }
.ascii.dog ul li.i-7 { left:250px; top:100px; }
.ascii.dog ul li.i-8 { left:300px; top:100px; }
.ascii.dog ul li.i-9 { left:50px; top:150px; }
.ascii.dog ul li.i-10 { left:100px; top:150px; }
.ascii.dog ul li.i-11 { left:300px; top:150px; }
.ascii.dog ul li.i-12 { left:350px; top:150px; }
.ascii.dog ul li.i-13 { left:0px; top:200px; }
.ascii.dog ul li.i-14 { left:50px; top:200px; }
.ascii.dog ul li.i-15 { left:350px; top:200px; }
.ascii.dog ul li.i-16 { left:400px; top:200px; }
.ascii.dog ul li.i-17 { left:50px; top:250px; }
.ascii.dog ul li.i-18 { left:350px; top:250px; }
.ascii.dog ul li.i-19 { left:50px; top:300px; }
.ascii.dog ul li.i-20 { left:350px; top:300px; }
.ascii.dog ul li.i-21 { left:50px; top:350px; }
.ascii.dog ul li.i-22 { left:100px; top:350px; }
.ascii.dog ul li.i-23 { left:150px; top:350px; }
.ascii.dog ul li.i-24 { left:200px; top:350px; }
.ascii.dog ul li.i-25 { left:250px; top:350px; }
.ascii.dog ul li.i-26 { left:300px; top:350px; }
.ascii.dog ul li.i-27 { left:350px; top:350px; }

.dog-wrap { z-index:3; line-height:216px; overflow:hidden; height:123px; position:absolute; left:50%; margin-left:-69px; top:215px; font-size:150px; }
.dog-wrap a { text-decoration:none; position:relative; top:-60px }
.dog-wrap a:hover { text-decoration:none; }

/*--- /Index page --------------------- */

.nav-prev-next { padding:48px 0 29px; margin-left:-33px; margin-right:-14%; }
.show-work .nav-prev-next { padding-top:26px; }
.nav-prev-next li { font-style:italic; padding:0 20px 0 33px; position:relative; width:26%; }
.nav-prev-next li a, .again a { text-decoration:none; }
.nav-prev-next li a span, .again span { text-decoration:underline; }
.nav-prev-next li .arrow, .again .arrow { line-height:1; font-style:normal; text-decoration:none; position:absolute; top:-.1em; left:0; color:#B4B4B4; font-size:22px; font-family:Arial, Helvetica, sans-serif; }
.nav-prev-next .i-prev { float:left; }
.nav-prev-next .i-next { float:right; }

.articles { overflow:visible; padding:.643em 0; }
.articles .date { font-size:1em; width:19.57%; margin-top:.43em; left:80.5%; position:absolute; }
.articles p { padding-left:10px; padding-bottom:1.571em; font-size:1em; line-height:1.43; }
.articles h3 { color:#444; left:0; padding-bottom:.35em; font-style:italic; font-size:1.43em; line-height:1.5; }
.articles h3 a { margin:0; padding:0; border:0 !important; }
.articles .date.hover, .works-text .date.hover { color:#444; }

.adr { line-height:1.22; font-size:1.714em; margin-left:-5em; position:relative; padding-bottom:.792em; }
.adr dl { padding:0 0 .25em 5em; }
.adr dl dt { float:left; margin-left:-5em; width:4.6em; }

.services-type2 h4, .vacancies h3 { font-size:1.43em; padding-bottom:.25em; }
.services-type2 p, .vacancies p { font-size:1.143em; line-height:1.5; padding-bottom:.75em; padding-left:0; font-family:Georgia, serif; }
.v-1 { color:#A9101E; }
.v-2 { color:#2E6FC9; }
.v-3 { color:#FF0009; }
.v-4 { color:#F6A018; }
.v-3 .l-1 { color:#FF002E; }
.v-3 .l-2 { color:#FF0075; }
.v-3 .l-3 { color:#FF009A; }
.v-3 .l-4 { color:#FF00C9; }
.v-3 .l-5 { color:#FF00FD; }
.v-3 .l-6 { color:#CF00FF; }
.v-3 .l-7 { color:#8D00FF; }
.v-3 .l-8 { color:#4200FF; }
.v-3 .l-9 { color:#006EFF; }
.v-3 .l-10 { color:#00D8FF; }
.v-3 .l-11 { color:#00FFAD; }
.v-3 .l-12 { color:#00FF55; }
.v-3 .l-13 { color:#04FF00; }
.v-3 .l-14 { color:#9EFF00; }
.v-3 .l-15 { color:#D8FF00; }
.v-3 .l-16 { color:#FFFD00; }
.v-3 .l-17 { color:#FFB700; }
.v-3 .l-18 { color:#FF7C00; }
.v-3 .l-19 { color:#FF1200; }

.num { display:block; }

.works { font-style:italic; padding:9px 0 28px; text-align:center; position:relative; margin:0 0 0 -20px }
.works ul { position:relative; width:226%; margin:0 -63.2% 0 -63.2%; }
.works li { padding:110px 1% 31px; position:relative; left:2%; float:left; width:14%; text-align:center; }
.works li img { display:block; width:100px; height:100px; position:absolute; top:0; left:50%; margin-left:-50px; }
.works li.clear, #portfolio #fragment-1 li.clear { float:none; width:100%; clear:both; padding:0; margin:0; height:0; font-size:0; overflow:hidden; }
.works li dl { width:100%; }

#portfolio #fragment-1 {  padding-top:30px; }
#portfolio #fragment-1 div { width:208%; margin:0 -54% 0 -54%; position:relative; left:0; }
#portfolio #fragment-1 ul { width:auto; margin:0 -20px -40px; }
#portfolio #fragment-1 li { left:0; text-align:center; height:80px; margin:0 -1px 10px 0; width:240px; padding:210px 0 0 0; }
#portfolio #fragment-1 li dl { width:auto; padding:0 20px; }
#portfolio #fragment-1 li dt, #portfolio #fragment-1 li dd { display:inline; }
#portfolio #fragment-1 li .laquo { margin:0; left:0; }
#portfolio #fragment-1 li img { width:200px; height:200px; margin-left:-100px; }

#portfolio #fragment-2 { border-left:2px solid #B4B4B4; padding:9px 0 0 39px; position:relative; margin-left:-41px; }
#portfolio #fragment-2 h2 { color:#B4B4B4; font-style:italic; }
#portfolio #fragment-2 .date { position:relative; font-size:1em; width:39%; margin-left:-4px; left:114%; position:absolute; }
#portfolio #fragment-2 #arrow { position:absolute; top:0; left:-7px; width:12px; height:7px; overflow:hidden; background:url(../images/bg/arrow2.gif) no-repeat; }
.works-text { padding-top:8px; }
.works-text li { font-style:italic; margin-left:-20px; padding:0 0 30px 20px; }
.works-text li .date { font-style:normal; }

.tabs { font-style:italic; padding-bottom:11px; position:relative; left:-7px; }
.tabs li { float:left; padding:0 7px;  }
.tabs li.tabs-selected { background:#B4B4B4; }
.tabs li.tabs-selected a, .tabs li.tabs-selected a:visited { cursor:default; color:#fff; border:0;}
.tabs li a { text-decoration:none !important; position:relative; top:-1px; border-bottom:1px dashed #006bbf; }
.tabs li a:hover { border-color:#d00; }
.tabs.static li a { text-decoration:underline !important; border-bottom:0; }
.tabs.static li.tabs-selected a { text-decoration:none !important; }
.tabs.static2 li a { text-decoration:underline !important; border-bottom:0; }
.tabs.static2 li.tabs-selected a { text-decoration:none !important; }



.entry-meta { width:137%; margin-right:-34%; margin-left:-20px; margin-bottom:-8px; }
.entry-meta dd { font-size:1.143em; float:left; padding-left:.33em; padding-bottom:16px; }
.entry-meta dd.date { width:47%;  padding-right:.5%; padding-left:20px; margin-right:-32px; }
.entry-meta dd.href-site { clear:left; padding-left:20px; width:80% }

.tags li { color:#b4b4b4; display:inline; margin-right:3px; }

.img { position:relative; margin-left:-20px; margin-bottom:34px; padding-top:14px; }
.img dl { position:relative; }
.img dl dt { position:relative; margin-right:-54.5%; }
.img dl dd { text-align:left; padding:10px 0 0 20px; }
.img.is-bg { text-align:center; }
.img.is-bg dl { margin-left:-32px; position:relative; left:7%; }
.img.is-bg dl dt { margin:0 -33% 0 -27%;  }
.img.is-bg dt { padding-top:50px; padding-bottom:50px; }
.no-rel { padding-bottom:33px; }

.img2 { padding-bottom:20px; overflow:hidden; float:right; width:35%; position:relative; left:-8px; padding-left:1.5%; margin-right:-36.5%; z-index:1}
.img2 dt { width:100%; }
.img2 dd { padding-left:20px; padding-top:10px; }

.main-idea { position:relative; left:-18px; line-height:normal; font-style:italic; clear:both; color:#444; width:98%; padding:28px 8%; margin:15px 0 24px 31.58%; font-size:1.714em; background:#DADADA; margin-right:-45%; }
.main-idea a { background:transparent; }

.show-work p, .show-work h1, .show-work h2, .show-work h3, .show-work h4, .show-work h5, .show-work h6 { padding-right:6.5%; }

.form-order { width:114%; margin-right:-14%; }
.p-order { width:88%; left:0; line-height:1.2; padding-top:4px; }
.form-order dl { font-size:1.714em; padding:15px 0 0; }
.form-order dt { position:relative; float:left; width:4em; margin-left:-5em; margin-right:1em; }
.form-order .type-text, .form-order textarea { padding-left:5px; padding-right:5px; width:100%; margin-left:-12px; }
.form-order .type-button { color:#000; margin-left:-12px;}
.form-order dd { position:relative; padding-left:12px; padding-bottom:1px; }
.form-order dl.error, .form-order dl.error .type-text, .form-order dl.error textarea, .form-order dl.error .overlabel  { color:#DD0000; }
.form-order .overlabel { width:98%; display:none; line-height:1.25; color:#B4B4B4; position:absolute; top:3px; left:6px; }

.again { padding:2px 0; font-style:italic; font-size:1.714em; position:relative; left:-1.7em; padding-left:1.7em; }
.again a, .again a:visited { text-decoration:none; }
.again .arrow { line-height:normal; font-size:1.417em; top:.-1em; color:#B4B4B4 !important; }



#header dl .nav2 { position:relative; left:54.35%; margin-left:-9px; }
#header dl .nav2 a { float:left; }
#header dl .nav2 li { float:left; position:relative; left:auto !important; right:auto !important; top:0; margin:0 41px 0 0 !important; }



.main-idea  { left:0; background:#DFDFDF; position:relative; }
.main-idea .tl, .main-idea .bl { display:block; left:0; position:absolute; overflow:hidden; width:15px; height:15px; background:url(../images/bg/corner.gif) 0 -30px no-repeat; }
.main-idea .tl { top:0; }
.main-idea .bl { bottom:0; background-position:-15px -30px; }

.blockquote { font-style:italic; position:relative; font-size:1.5em; border:solid 2px #DFDFDF; padding:24px 20px 26px 39px; top:13px; margin:0 0 35px -41px; }
.blockquote p { line-height:1.2; padding-bottom:0; }
.blockquote .c { position:absolute; overflow:hidden; width:15px; height:15px; background:url(../images/bg/corner.gif) 0 0 no-repeat; }
.blockquote .tl { top:-2px; left:-2px; }
.blockquote .tr { top:-2px; left:-13px; margin-left:100%; background-position:-15px 0; }
.blockquote .bl { bottom:-2px; left:-2px; background-position:0 -15px; }
.blockquote .br { bottom:-2px; left:-13px; margin-left:100%;background-position:-15px -15px; }
.blockquote .r  { left:0; width:12px; height:11px; margin-left:100%; top:42px; background-position:-30px 0; }

.cite { font-style:italic; display:inline; float:right; left:-8px; margin-right:-36.5%; overflow:hidden; padding-bottom:20px; padding-left:1.5%; position:relative; width:35%; }
.cite cite { padding-left:20px; padding-top:47px; display:block; }


.no-flash { font-size:1.714em; padding:24px 23% 29px 0; top:14px; margin-bottom:52px; font-style:italic; position:relative; line-height:1.2; }
.no-flash .t, .no-flash .b { overflow:hidden; height:2px; width:10000px; background:#DFDFDF; position:absolute; left:-2500px; }
.no-flash .t { top:0; }
.no-flash .b { bottom:0; }
.no-flash .f { left:104.5%; top:50%; margin-top:-47px; width:49px; height:70px; color:#B4B4B4; font-size:72px; position:absolute; }




/*---  404 --- */

.content-e404 .aside { padding-top:85px; }
.content-e404 .ascii-label { font-style:normal; color:#000; }

.ascii.e404 ul { height:250px; margin-top:88px; }
.ascii.e404 .letter-4 { z-index:1; margin-left:-100%; width:150px; }
.ascii.e404 .letter-0 { z-index:2; margin-left:-70.6%; width:210px; }
.ascii.e404 .letter-4.child-n3 { overflow:visible; margin-left:-41.1%; }
.ascii.e404 .letter-4.child-n3 li { margin-left:60px; }

.ascii.e404 .letter-4 li.i-1 { left:0; top:0; }
.ascii.e404 .letter-4 li.i-2 { left:100px; top:0; }
.ascii.e404 .letter-4 li.i-3 { left:0; top:50px; }
.ascii.e404 .letter-4 li.i-4 { left:100px; top:50px; }
.ascii.e404 .letter-4 li.i-5 { left:0; top:100px; }
.ascii.e404 .letter-4 li.i-6 { left:50px; top:100px; }
.ascii.e404 .letter-4 li.i-7 { left:100px; top:100px; }
.ascii.e404 .letter-4 li.i-8 { left:100px; top:150px; }
.ascii.e404 .letter-4 li.i-9 { left:100px; top:200px; }

.ascii.e404 .letter-0 li.i-1 { left:30px; top:0; }
.ascii.e404 .letter-0 li.i-2 { left:80px; top:0; }
.ascii.e404 .letter-0 li.i-3 { left:130px; top:0; }
.ascii.e404 .letter-0 li.i-4 { left:0; top:50px; }
.ascii.e404 .letter-0 li.i-5 { left:160px; top:50px; }
.ascii.e404 .letter-0 li.i-6 { left:0; top:100px; }
.ascii.e404 .letter-0 li.i-7 { left:160px; top:100px; }
.ascii.e404 .letter-0 li.i-8 { left:0; top:150px; }
.ascii.e404 .letter-0 li.i-9 { left:160px; top:150px; }
.ascii.e404 .letter-0 li.i-10 { left:30px; top:200px; }
.ascii.e404 .letter-0 li.i-11 { left:80px; top:200px; }
.ascii.e404 .letter-0 li.i-12 { left:130px; top:200px; }

/*---  /404 --- */






#portfolio.portfolio-clients #fragment-2 { border-left:0 }

.works-text { overflow:visible; }
.works-text .laquo { color: #444}

#portfolio #fragment-2 .date { margin-top:-20px; }


/*---  New Block Formatting Context --- */
#wrap, #page, #footer, .adr dl dd, .wrap, .holder, .tabs, .entry-meta, .entry-meta dd, ul { overflow:hidden; }

/*--- Clearing -------------------------- */
#footer-holder2:after, .main-holder:after, #header:after, #header dl:after, .content:after, .content-holder:after, dl:after, .ascii:after { content:'.'; width:100%; display:block; height:0; clear:both; font-size:0; line-height:0; overflow:hidden; visibility:hidden }

/*--- latest-works -------------------------- */
.latest-works {width:100%;position:relative; padding-top:62px; }
.main-holder4 .latest-works li {
	font-style:italic; 
	width:29.4%;
	float:left;
	margin-right:5.8%; 
	text-align:center; 
}
.main-holder4 .latest-works li p {	font-size:14px; }
.latest-works li img {margin:0px 0px 9px 0px; }
.latest-works li.fw {
}
.latest-works li.sw {

}
.latest-works li.tw {
	margin-right:0; 
}
.order-c {
	width:100%;

}
.order-c h2 {
margin-left:16px; padding:45px 0px 0px 35.2%;

}
#page .order-c h2 a {
	color:#dd0000;
	border-color:#f6bfbf;
}
#page .order-c h2 a:hover {
	border-color:#dd0000; 
}

/*--- //latest-works -------------------------- */

/*--- main-holder -------------------------- */
.main .block {
	margin:30px 0px 0px 26%; 
	position:relative;
	height:80px; 
}

.main .block h2.articles-h2 {
position:absolute; 
left: 70.58%;
}
.main .block h2.company-h2 {
position:absolute;
left: 0;
}

/*--- //main-holder -------------------------- */

.headline-works {position:relative; }
.headline-works .rss{
	display:block;
	width:16px;
	height:16px;
	background:url('/images/rss-h2.gif') no-repeat; 
	position:absolute; 
	top: -3px;
	left: 110px;
	padding:0;
	margin:0;
	border:0; 
}