body {margin: 6em 15%}
body.widescreen {margin: 0em 0em 0em 0em; padding: 0}

div.menu {float: right; background: url(/i/menu.gif) no-repeat left; padding-left: 12px; margin-top: 30px}

div.zlogo {float: left; margin-bottom: 3em}
div.zlogo IMG {width: 188px; height: 86px}

h1 {font-size: 300%; clear: left; margin-bottom: 0.2em; color: #333}
h1.art {font-size: 280%; clear: left; margin-bottom: 0}


h4 {font-size: 160%; font-weight: bold; margin: 1.8em 0 0.6em 0; ztext-transform: uppercase; color: gray}
h4.time {font-size: 110%; margin: 0 0 .3em 0 !important}

h5 {font-size: 140%; font-weight: normal; margin: 0 0 3em 0; line-height: 120%}
h5 span.extlink A {color: #888}
h5 span.extlink {background-color: #f5f5f5; padding: 0.3em 0.5em 0.5em 0.5em}
p {font-size: 160%}
p.small {font-size: 120%; margin-bottom: 3em}
p.description {font-size: 140%}

.t_line {padding-top: .6em; border-top: 1px solid #eee}

IMG.i_prev {margin-right: .6em;}
IMG.i_next {margin-left: .6em}

A.logo_html {display: block; float: left; margin-right: 1.2em; position: relative; top: -.3em; width: 57px; height: 23px}

.shift_article {margin: 4em 14% 0 14%; clear: right}
.shift_article H4 {margin-top: 0}

.big_prev {width: 510px; margin: 0 1% 4em 12%; clear: right; float: left}
.big_prev IMG {width: 502px; margin: 0}
.list_layout {float: left; width: auto; margin: 0}


.shift {margin-left: 24px}
.cover {border-top: 1px solid #eee; border-bottom: 1px solid #eee}
.cover2 {border-top: 3px double #D9D9D9; border-bottom: 3px double #D9D9D9}

.col_third {display: inline-block; width: 100%; margin: .3em 0}
.col_third H4 {float: left; margin-right: 1.8em; margin-bottom: 0}
.col_third UL {float: left; margin-bottom: 0; margin-top: .15em}
.col_third UL LI {float: left; margin-right: .6em; padding-right: .6em; border-right: 1px solid #c1c1c1}
.col_third UL LI.last {border: none}

.wide, .narrow {margin-bottom: 4em}

ul {list-style-type: none; margin-bottom: 2.1em}
li {font-size: 160%; margin-bottom: .5em}
ul.text ul {margin-bottom: .6em; margin-top: .6em;}
ul.text li {font-size: 160%}
ul.text li li {font-size: 80%; margin-left: 2.7em; list-style-type: disc;}
li A:hover {line-height: 100%}
.ofh li A:hover {font-weight: bold}
.top_10 li A:hover {font-weight: bold}
.col_third ul li {font-size: 130%; margin-bottom: .3em}
.list_layout LI {font-size: 130%; margin-bottom: .4em; padding: 0 0.5em}
.list_layout LI.select A {color: #888}
.list_layout LI.select {background-color: #f5f5f5; padding: 0.3em 0.5em 0.5em 0.5em}

DIV.site_listing {width:35%; float: right; clear: right; padding-top: 1.2em}
DIV.site_listing P {margin-bottom: 0}
DIV.site_listing P.left, DIV.site_listing P.right {float: right; clear: both; margin-bottom: .45em}
DIV.site_listing P.left {margin-right: 23px}
DIV.site_listing A.prev {background: url(/i/arr_prev.gif) no-repeat left; padding-left: 23px}
DIV.site_listing A.next {background: url(/i/arr_next.gif) no-repeat right; padding-right: 23px}


TD.main_src {padding-bottom: 3em}

TABLE.client_block {width: 72%; margin: 0 14%}
TD.menu2 {width: 30%; text-align: right}
TABLE.client_block .menu2 {float: none; margin: 0; position: inherit; top: auto; right: auto}
.menu2_nolinks {float: none; margin: 0; position: inherit; top: auto; right: auto; text-align: center}
TABLE.client_block .menu2 h5 {margin: 0}

TD .shift_article {margin: 0}

TABLE.portfolio_list TD {vertical-align: top;}
TD.pics {vertical-align: top; padding-top: 5.4em}
TABLE.site_pics {float: right}
TABLE.site_pics TD {text-align: center; padding: .9em 1.2em}


small {font-size: 120%}
small.footer {font-size: 110%}
.low {color: silver}
.current {color: gray; font-weight: bold}
.preview {color: #C1C2A4; font-weight: bold}

.info {font-size: 80%}
.zw80 {width: 80%}

div.footer {border-top: 1px solid #eee; margin-top: 1.2em; padding-top: 1.2em; text-align: center}
div.footer2 {border-top: 1px solid #eee; margin: 1.2em 14% 5em 14% !important; padding-top: 1.2em; clear: both; text-align: center}
div.footer2.blackout {border-top-color: #888}

TD.big_quote {vertical-align: bottom; text-align: right; color: #B2B2B2;}
TD.big_quote P {font: italic 440%/120% georgia; margin-bottom: .3em}
TD.big_quote P.author {font-style: normal; font-size: 270%}

TABLE.tbl_file TD {vertical-align: top}
TABLE.tbl_file TD IMG {margin-right: .6em}
TABLE.tbl_file TD P {margin-bottom: .3em}
TABLE.tbl_file TD P.small {color: #B2B2B2}

div.big_quote {vertical-align: bottom; text-align: center; color: #B2B2B2; padding-top: 3em}
div.big_quote P {font: 270%/120% georgia; margin-bottom: .3em}


/* INDEX:
- Type
- Colors
- Boxes
- 3 column
- 2 column
- Search form + Logo
- Pager
- Menu + footer */ 


/* Type */

p.news {font-size: 140%; line-height: 130%}


h3 {font-size: 170%; color: gray}
h3.sub {margin-bottom: -0.1em}

.bold {font-weight: bold}

/* Colors */
/* color glossary
Green: #9AB883
Capuccino: #F2F3E6
Cacao: #797973

Blue: #5296F1
Red: #AA0000
*/

.new {color: #AA0000}
.gray {color: gray}
.accent {color: #9AB883}

.black {color: black}
.same {color: gray}
.company {color: #AA0000}
.statlink {color: silver; font-weight: normal; font-size: 65%}

.url {color: gray; font-variant: small-caps}
.caption {text-decoration: none; color: gray}
.found {background-color: #F2F3E6; color: #797973}

.filtered {background-color: #9AB883; font-weight: bold; padding: .3em .3em; margin-left: -0.3em; color: white}
.filtered a {color: white; outline: none; text-decoration: none}

.zcurrent {color: white; font-weight: bold; background-color: gray; padding: 0 .3em}


/* Boxes */

div.left {float: left}
div.right {float: right}
div.w100 {clear: both}
div.w50 {width: 50%}

div.main {margin: 0 5% 0 7%}
div.main div.shift {margin-left: 8px}

div.statsgraph {background: url("../i/bkg_zebra.gif") top left; text-align: center; padding: 3.6em; margin-bottom: .9em}

.mb0 {margin-bottom: 0}
.mb1 {margin-bottom: .1em}
.mb2 {margin-bottom: .2em}
.mb3 {margin-bottom: .3em}
.mb6 {margin-bottom: .6em}
.break {margin-bottom: 1.2em}

input, select {font-size: 110%}
input {padding: .1em}
.ftext {width: 98%; font-size: 140%; margin: .2em 0 .6em 0}
.short {width: 50%}

/* 3 column layout - 1/2/1 RESULTS */

div.left_column {float: left; width: 20%}
div.left_column .wrapper {padding: 0 1.8em 0 0}
div.center_column {float: left; width: 57%}
div.center_column .wrapper {padding: 0 1.8em 0 .15em}
div.right_column {float: left; width: 23%}
div.right_column .wrapper {text-align: right}

div.stats p {font-size: 110%; margin-bottom: 2.1em; color: gray}
div.stats h3 {color: black; margin-bottom: .2em}

/* Search results - item */

div.ad_items {margin-bottom: 3em; padding-right: 1.8em}
div.compbox {margin: 0 0 .9em 0}
div.compbox .wrapper {border: 1px solid silver; border-top-color: #eee; border-left-color: #eee; padding: .9em .9em 1.2em .9em; color: gray; font-size: 110%}
img.logo {margin: 0 1.2em .3em 0}

div.pay {font-size: 170%; font-weight: bold; padding: .2em .4em; border: 1px solid #9AB883; float: right; color: #9AB883; background-color: white}
div.item {clear: left; margin-bottom: 2.4em}
div.item h3 {margin-bottom: .3em}
div.item p {font-size: 130%}

div.services .wrapper {background-color: #e0e0e0; padding: .9em 1.2em; font-size: 110%}
div.services input {margin-bottom: .3em}


/* 2 column layout - 3/1 VACANCY */

div.wide_column {float: left; width: 77%}
div.wide_column .wrapper {padding: 0 1.8em 0 0}
div.narrow_column {float: left; width: 23%}
div.narrow_column .wrapper {text-align: right}

div.vacancy {margin-bottom: 3em; background: url("../i/bkg_wshad.gif") no-repeat top right}
div.vacancy p {font-size: 150%}
div.vacancy .wrapper {border: 1px solid silver; border-top-color: #eee; border-left-color: #eee; padding: 1.5em 1.8em 2.1em 1.8em}

div.contacts {background-color: #F2F3E6; padding: .9em 1.2em; margin-bottom: 1.2em; font-size: 110%; color: #797973;}
div.contacts a {color: #797973}

div.seealso {border-left: 1px dotted #c0c0c0; padding-left: 2.1em; margin: 0 0 5em 2.1em}

table#cvlist TD {font-size: 110%; vertical-align: top; padding: .6em .9em; border: 1px solid #e0e0e0; border-right: none; border-top: none}
table#cvlist TD.money {color: #9AB883; font-weight: bold}
table#cvlist TD.date {color: gray; border-left: none !important}
TR.lline TD {border-bottom: none !important}

/* 2 column layout - 2/1 IDX */

div.double_column {float: right; width: 67%}
div.single_column {float: left; width: 29%}

div.compbox_idx {margin: 0 0 1.2em 0}
div.compbox_idx .wrapper {border: 1px solid silver; border-top-color: #eee; border-left-color: #eee; margin: 0 0 1.2em 0; padding: .3em .6em 1.2em .6em; text-align: center; color: gray; font-size: 110%}

div.double_left {float: left; width: 50%; clear: left; margin-bottom: 2.1em}
div.double_right {float: right; width: 44%; margin-bottom: 2.1em}

div.threecol {float: left; width: 33%; margin-bottom: 2.1em}
div.threecol .wrapper {padding-right: 2.1em}

div.cat {font-size: 130%; line-height: 150%}
div.cat a {color: #5296F1}
div.new {float: right; color: silver}
div.new a {color: #AA0000}

div.job {font-size: 130%; border-bottom: 1px solid #e0e0e0; padding-bottom: .6em; margin-bottom: .3em}
div.zpb {float: right; color: #9AB883; font-weight: bold; margin-top: .15em}
div.job.break {border: none}

div.text p {font-size: 140%; margin-bottom: 2.1em}
div.text h3 {color: black; margin-bottom: .3em}


/* Search form + Logo */

div.search {margin-bottom: 3em}
div.search table {background-color: #F2F3E6}

td.bkg_left {background: url("../i/wcorn_br.gif") no-repeat bottom right; text-align: right; vertical-align: top; width: 5%}
td.bkg_center {background: url("../i/wcorn_bl.gif") no-repeat bottom left; vertical-align: top; width: 2%}
td.logo_space {width: 2%; background-color: white}
td.logo {width: 149px; background-color: white}
td.input_search {font-size: 110%; color: #797973; padding: .6em 0 .3em 0}
td.input_search div.feedback {padding: 1.2em .6em 1.2em .6em; width: 85%}
td.input_search a.dot {color: #797973}
td.input_submit {width: 140px; text-align: right}
td.bkg_right {width: 5%}

td.input_search div.right {height: 1.8em; padding-right: .3em}
td.input_search div.left {line-height: 1.8em}

input.search {width: 98%; font-size: 140%; font-weight: bold; margin: .5em 0 .4em 0}

div.ctr {background: url("../i/wcorn_tr.gif") no-repeat top right}
div.ctl {background: url("../i/wcorn_tl.gif") no-repeat top left}
div.wm {position: relative; left: 0; top: 6em}


/* Pager */

div.pages {color: gray; margin-bottom: 4em; border-top: 1px solid #e5e5e5; padding-top: 1.5em}
div.pages a {border: 1px solid silver; padding: .25em .5em; margin-right: .2em; background-color: white}
div.pages a.current {background-color: silver; text-decoration: none}


/*Orange*/

.INDEX1 div.double_column {float: right; width: 73%}
.INDEX1 div.single_column {float: left; width: 23%}

.INDEX2 div.double_column {float: left; width: 58%}
.INDEX2 div.single_column {float: left; width: 21%; margin-right: 4%}
.INDEX2 div.single_r_column {float: right; width: 13%}
.INDEX2 p.news {font-size: 110%;}

.INDEX1 .text {width: 64%; margin-right: 4%; float: left}
.INDEX1 .adv_text {width: 32%; float: right; background: #9ab883; color: white}
.adv_text .wrapper {padding: 1em 1.2em 1.1em 1.2em}
.adv_text H3 {margin-bottom: 0.3em; color: white}
.adv_text a {color: white}
.INDEX1 .adv_text p {font-size: 140%;}
a.accent_top {background: #597e3e; padding: 0.15em 0.45em 0.4em 0.45em;}

div.zpb {margin-left: .15em}
div.toptext {float: left; width: 100%; clear: both}

.break_block {margin-bottom: 3em !important; border: none !important}

div.statsgraph TABLE.contaner {height: 170px; width: auto}
div.statsgraph TABLE.contaner td {vertical-align: bottom; padding: 0 3px; height: 100%; width: 92px}
div.statsgraph TABLE.contaner TABLE {width: 100%;}
div.statsgraph TD.var {padding: 0.3em !important; vertical-align: bottom; text-align: center; font-size: 550%; font-weight: bold; border-right: 1px solid #666666; border-bottom: 2px solid #666666}
div.statsgraph td.all {background: #b2b2b2; color: #4c4c4c}
div.statsgraph td.mid {background: #9ab883; color: white}