/*----------------------------------------------------------------------------*/
/* reset */
* { 
    margin: 0px;
    padding: 0px;
}
h1, h2, h3, h4, h5, h6, em, strong, caption, table, th, td, label, input, button, textarea, select, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
   *font-size: 1em;
   *font-style: normal;
   *font-weight: normal;
}
caption, th {
    text-align: left;
}
table {
    border-collapse: collapse;
    border-spacing: 0px;
}
form {
    display: inline;
}
a, input, button {
    outline: none;
}
img { 
    border: none;
    behavior: url(./iepngfix.htc);
}

/*----------------------------------------------------------------------------*/
/* common defines */
html {
    font-family: Helvetica, Arial, Geneva, Tahoma, sans-serif;
    background-color: white;
    font-size: 12px;
}
/* IE6-7 do not support "inherit" property
input, button, textarea, select, option {
   *font-family: Tahoma, Helvetica, Arial, sans-serif;
   *font-size: 1em;
} */
a {
    color: #0077cc;  /* #004d99; */
}
.abs {
    position: absolute;
}
.rel {
    position: relative;
}
.f-left {
    float: left;
}
.f-right {
    float: right;
}
.clr {
    clear: both;
}
.a-left {
    text-align: left !important;
}
.a-right {
    text-align: right !important;
}
.a-center {
    text-align: center !important;
}
.disabled {
    zoom: 1;  /* IE: for .hasLayout property */
    filter: alpha(opacity=40);  /* IE 5-7 */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)";  /* IE 8 */
   -moz-opacity: 0.4;  /* Firefox, old versions */
   -khtml-opacity: 0.4;
    opacity: 0.4;  /* normal browsers */
}

/*----------------------------------------------------------------------------*/
/* font faces */
@font-face {
    font-family: 'FranklinGothicDemiCmpCRegular';
    src: url('franklingothicdemicmpc-webfont.eot');
    src: local('O'), url('franklingothicdemicmpc-webfont.woff') format('woff'), url('franklingothicdemicmpc-webfont.ttf') format('truetype'), url('franklingothicdemicmpc-webfont.svg#webfontp8xGkHXs') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'MyriadProLight';
	src: url('myriadpro-light-webfont.eot');
	src: local('O'), url('myriadpro-light-webfont.woff') format('woff'), url('myriadpro-light-webfont.ttf') format('truetype'), url('myriadpro-light-webfont.svg#webfontSVK0W4vB') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadProRegular';
	src: url('myriadpro-regular-webfont.eot');
	src: local('O'), url('myriadpro-regular-webfont.woff') format('woff'), url('myriadpro-regular-webfont.ttf') format('truetype'), url('myriadpro-regular-webfont.svg#webfonthN4baw0A') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadProSemibold';
	src: url('myriadpro-semibold-webfont.eot');
	src: local('O'), url('myriadpro-semibold-webfont.woff') format('woff'), url('myriadpro-semibold-webfont.ttf') format('truetype'), url('myriadpro-semibold-webfont.svg#webfonti954vnxV') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadProBold';
	src: url('myriadpro-bold-webfont.eot');
	src: local('O'), url('myriadpro-bold-webfont.woff') format('woff'), url('myriadpro-bold-webfont.ttf') format('truetype'), url('myriadpro-bold-webfont.svg#webfontS28U3e39') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MetaBoldLFC';
	src: url('metaboldlfc-webfont.eot');
	src: local('O'), url('metaboldlfc-webfont.woff') format('woff'), url('metaboldlfc-webfont.ttf') format('truetype'), url('metaboldlfc-webfont.svg#webfont7JRPAl23') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MetaNormalLFC';
	src: url('metanormallfc-webfont.eot');
	src: local('O'), url('metanormallfc-webfont.woff') format('woff'), url('metanormallfc-webfont.ttf') format('truetype'), url('metanormallfc-webfont.svg#webfontcYyfhSUX') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MetaBlackLFC';
	src: url('metablacklfc-webfont.eot');
	src: local('O'), url('metablacklfc-webfont.woff') format('woff'), url('metablacklfc-webfont.ttf') format('truetype'), url('metablacklfc-webfont.svg#webfontFNdbTi1D') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MetaMediumLFC';
	src: url('metamediumlfc-webfont.eot');
	src: local('O'), url('metamediumlfc-webfont.woff') format('woff'), url('metamediumlfc-webfont.ttf') format('truetype'), url('metamediumlfc-webfont.svg#webfontu5LXQ76O') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*----------------------------------------------------------------------------*/
/* text structure */
h1, h2, h3, h4 {
    line-height: 1.2;
}
h1 {
    height: 90px;
    margin-left: -1px;  /* optical compensator for large font */
    font-size: 4.25em;
    font-weight: bold;
    line-height: 86px;
    white-space: nowrap;
    letter-spacing: -2px;
    color: white;
    
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.75);
         filter:  progid:DXImageTransform.Microsoft.dropshadow(color=#cc000000, offx=0, offy=-1);
     -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(color=#cc000000, offx=0, offy=-1)";
}
h2 {
    font-size: 2em;
    margin-bottom: 0.8em;
    margin-left: -1px;
    font-weight: bold;
    letter-spacing: -1px;
    color: black;
}
h2.hr {
    padding: 0px 32px 4px;
    margin: 0 -32px 1.2em;
    border-bottom: solid 3px #bfbfbf;
}
h3 {
    font-size: 1.6em;
    margin-bottom: 0.65em;
    font-weight: bold;    
    letter-spacing: -1px;
    color: black;
}
h4 {
    font-size: 1.42em;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: bold;    
    letter-spacing: 0px;
    color: black;
}
p {
    margin: 1em auto;
    line-height: 1.5;
    color: #505050;
}
p b {
    font-weight: bold;
    color: black;
}
ul.text,
ol.text {
    margin: 1em auto 1em 2em;
    line-height: 1.5;
    color: #505050;
    overflow: visible;
}
p b,
ul.text b,
ol.text b {
    font-weight: bold;
    color: black;
}

/*----------------------------------------------------------------------------*/
/* main blocks */
body {
}
.wrapper,
.wrapper-indent {
    position: relative;
    margin: 0px auto;
    overflow: visible;
}
.wrapper {
    width: 960px;
}
.wrapper-indent {
    width: 896px;  /* 960-2*32px */
}
.v-indent {
    margin-top: 40px;
    margin-bottom: 40px;
}

/*----------------------------------------------------------------------------*/
/* main header */
#header {
    background: url(../images/header.png) top center no-repeat;
    overflow: hidden;
}
.home-page  #header {
    height: 782px;
}
.inner-page #header {
    height: 160px;
}

/* home header specific */
.home-page #header #board {
    position: absolute;
    width: 960px;
    height: 568px;
    top: 158px;
    left: 0px;
    background: url(../images/board-home.png) top center no-repeat;
   _background-image: url(../images/board-home.gif);
}
#board .shield {
    position: absolute;
    width: 960px;
    height: 200px;
    top: 0px;
    left: 0px;
}
#board .shield .a1,
#board .shield .a2 {
    display: block;
    position: absolute;
    top: 20px;
    height: 170px;
    outline: none;
}
#board .shield .a1 {
    width: 400px;
    left: 40px;
}
#board .shield .a2 {
    width: 430px;
    right: 40px;
}
#board .prod-titles {
    position: absolute;
    width: 620px;
    height: 150px;
    top: 230px;
    left: 320px;
}
#board .prod-titles .a1,
#board .prod-titles .a2,
#board .prod-titles .a3 {
    display: block;
    position: absolute;
    outline: none;
}
#board .prod-titles .a1 {
    width: 198px;
    height: 130px;
    top: 20px;
    left: 0px;
}
#board .prod-titles .a2 {
    width: 222px;
    height: 150px;
    top: 0px;
    left: 202px;
}
#board .prod-titles .a3 {
    width: 192px;
    height: 130px;
    top: 20px;
    right: 0px;
}
#board #flags-info {
    position: absolute;
    left: 319px;
    top: 396px;
}
#flags-info table {
    table-layout: fixed;
}
#flags-info col.f1 { width: 198px; }
#flags-info col.f2 { width: 228px; }
#flags-info col.f3 { width: 200px; }
/* */
#flags-info tr.links {
    height: 82px;
}
#flags-info td {
    vertical-align: top;
}
#flags-info tr.links td div {
    padding-top: 20px;
    padding-left: 24px;
}
#flags-info tr.links td a {
    text-transform: uppercase;
    line-height: 1.75;
    color: white;
}
#flags-info tr.prices td {
    padding-top: 14px;
    text-transform: uppercase;
    text-align: center;    
    font-family: "MyriadProLight", sans-serif;
    font-size: 3.33em;
    font-size-adjust: 0.48;
    line-height: 1;
    letter-spacing: -1px;  /* -2px; */
    color: white;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);  /* no ms-filters */
}
#flags-info tr.prices td.f2 {
    font-size: 4.5em;
}
#flags-info tr.prices td b {
    font-family: "MyriadProSemibold", sans-serif;
    font-weight: normal;
    font-size-adjust: 0.49;
} 

/* WWF and Wikipedia box */
#charity {
    position: absolute;    
    width: 275px;
    height: 88px;
    top: 665px;
    left: 32px;
    background: url(../images/charity.png) top right no-repeat;
}
#charity a {
    position: relative;
    top: 17px;
    font-size: 1.5em;
    color: white;
    line-height: 1.4;
}

/* 3rd parties logos */
#logos {
    margin: 40px auto;
    text-align: center;
}

/*----------------------------------------------------------------------------*/
/* 2nd header [inner pages] */
#sub-header {
    height: 120px;
    background: url(../images/sub-header.png) top center no-repeat;
}

/* path */
#breadcrumbs {
    height: 30px;
    text-transform: uppercase;
}
#breadcrumbs a,
#breadcrumbs .active {
    display: inline-block;
    width: auto;
    height: 30px;
    line-height: 30px;
    //outline: solid 1px grey;
}
#breadcrumbs a {
    margin-right: 4px;
    padding-right: 36px;
    text-decoration: none;
    background: url(../images/breadcrumps-arrow.png) center right no-repeat;
}
#breadcrumbs a:hover {
    text-decoration: underline;
}    
#breadcrumbs .active {
    color: #505050;
}

/*----------------------------------------------------------------------------*/
/* three columns system */
.three-cols {
}
.three-cols .col1,
.three-cols .col2,
.three-cols .col3 {
   *display: inline; 
    width: 31.11%;
    overflow: visible;
}
.three-cols .col1 {
    float: left;
    margin-right: 3.33%;
}
.three-cols .col2 {
    float: left;
}
.three-cols .col3 {
    float: right;
}
/* colspan */
.three-cols .col23 {
    float: right;
    width: 65.55%;
    overflow: visible;
}

/* two columns system */
.two-cols {
}
.two-cols .col1 {
    float: left;
}
.two-cols .col2 {
    float: right;
}
.two-cols .col1,
.two-cols .col2 {
   *display: inline; 
    overflow: visible;
}
.wrapper .two-cols .col1,
.wrapper .two-cols .col2 {
    width: 46.85%;  
}
.wrapper-indent .two-cols .col1,
.wrapper-indent .two-cols .col2 {
    width: 46.6%;
}

/*----------------------------------------------------------------------------*/
/* news block */
.news {
    padding-right: 5px;
    list-style: none;
    font-size: 1.15em;
}
.news li {
    line-height: 1.5;
    margin-bottom: 1em;
}

/*----------------------------------------------------------------------------*/
/* testimonials [home and pertfolio pages] */
.home-page .testim {
    width: 260px;
    padding-left: 50px;
    margin-left: -30px;
    background: url(../images/quote.gif) top left no-repeat;
}
.portfolio .testim {
    width: auto;
    min-height: 96px;
    background: url(../images/quote2.gif) top left no-repeat;    
}
.testim .message {
    font-size: 1.15em;
    font-style: italic;
    color: #666666;
    line-height: 1.4;
}
.testim .signature {
    margin-top: 0.5em;
    margin-left: 1.2em;
    text-indent: -1.2em;
    font-style: italic;
    color: #b2b2b2;
    line-height: 1.5;
}

/*----------------------------------------------------------------------------*/
/* magento users matrix [home page] */
table.magento-users {
    position: relative;
    top: -10px;
    left: -10px;
    width: 298px;  /* 2*132[cells]+4*1[borders]+3*10[spacings] */
    border-spacing: 10px;
    border-collapse: separate;
}
table.magento-users td {
    width: 132px;
    height: 73px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #cfcfcf;
    text-decoration: none;
}

/*----------------------------------------------------------------------------*/
/* stats */
.magento-stat {
    position: absolute;
    top: 387px;
    left: 32px;
    color: white;
    text-transform: uppercase;
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.4);
         filter:  progid:DXImageTransform.Microsoft.dropshadow(color=#66000000, offx=0, offy=-1);
     -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(color=#66000000, offx=0, offy=-1)";
}
.magento-stat td {
    line-height: 1.35;
}

.hot-stat {
    margin-top: 2px;
    text-transform: uppercase;
}
.hot-stat .top,
.hot-stat .bottom {
    padding: 20px;
    color: white;
    zoom: 1;  /* for IE filters [.hasLayout property] */
}
.hot-stat .top {
    padding-bottom: 20px;

    background-color: #0064ab;
    background-image: -moz-linear-gradient(top, #0070bf, #005999);  /* FF3.6 */
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0070bf),color-stop(1, #005999));  /* Saf4+, Chrome */
              filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#0070bf', EndColorStr='#005999');  /* IE6, IE7 */
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0070bf', EndColorStr='#005999')"; /* IE8 */

    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}
.hot-stat .bottom {
    padding-top: 20px;
    
    background-color: #007ed9;
    background-image: -moz-linear-gradient(top, #0089eb, #0074c7);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0089eb),color-stop(1, #0074c7));
              filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#0089eb', EndColorStr='#0074c7');
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0089eb', EndColorStr='#0074c7')";

    -moz-border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
}

table.stat {
    width: 100%;
    table-layout: auto;
}
.magento-stat table.stat td {
    vertical-align: bottom;
}
.hot-stat table.stat td {
    vertical-align: top;
    padding: 5px 0px;
}
.magento-stat table.stat .num {
    width: 140px;
    padding-right: 6px;
    font-size: 1.5em;
    line-height: 1.05;  /* 1.0 */
}
.hot-stat table.stat .num {
    width: 72px;
    padding-right: 6px;
}
.hot-stat .top table.stat .num {
    font-size: 2.75em;
    line-height: 1;    
}
.hot-stat .bottom table.stat .num {
    font-size: 1.75em;
    line-height: 1.1;
}
table.stat .acaption {
    width: auto;
    line-height: 1.4;
}
.hot-stat h4 {
    font-size: 1.6em;
    margin-top: 0px;
    margin-bottom: 0.25em;
    text-align: center;
    color: white;
}
.hot-stat h4,
.hot-stat table.stat td.num {
    text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
         filter:  progid:DXImageTransform.Microsoft.dropshadow(color=#80000000, offx=0, offy=-1);
     -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(color=#80000000, offx=0, offy=-1)";
}

/*----------------------------------------------------------------------------*/
/* services page */
#services {
    background: url(../images/bg-services.png) top left repeat-x;
    margin-bottom: 40px;
}
#services .board {
    width: 960px;
    height: 160px;
    background: url(../images/board-services.png) bottom center no-repeat;
   _background-image: url(../images/board-services.gif);
    overflow: hidden;
}
#services .board a {
    display: block;
   *display: inline;
    float: left;
    width: 192px;
    height: 160px;
}

#services table.descr {
    table-layout: fixed;
    width: 960px;
    empty-cells: show;
}
#services table.descr col {
    width: 20%;
}
#services table.descr col.gap {
    width: 20px;
}
#services table.descr th {
    border-bottom: solid 1px black;
} 
#services table.descr h2 {
    margin: 1.25em 0px 0.25em; 
}
#services table.descr h2 a {
    color: inherit;
   *color: black;
    text-decoration: none;
}
#services table.descr h2 a:hover {
    color: #0077cc;
}
#services table.descr th,
#services table.descr td {
    vertical-align: top;
}

/*----------------------------------------------------------------------------*/
/* simple grey button */
.button,
.button-arrow {
    display: inline-block;
    position: relative;
    font-size: 16px;  /* 1.35em */
    text-transform: uppercase;
    text-decoration: none !important;
    line-height: 38px !important;
   *line-height: 36px !important;  /* -2px [shadow compensator] */
    letter-spacing: -1px;   
}
.button {
    width: 164px;
    height: 37px;
    background: url(../images/button.png) center center no-repeat;
   *background-image: url(../images/button.gif);
    text-align: center;
    font-weight: bold;
    color: #004a80;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
}
.button span {
        filter:  progid:DXImageTransform.Microsoft.dropshadow(color=#ccffffff, offx=0, offy=1);
    -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(color=#ccffffff, offx=0, offy=1)";
    zoom: 1;    
}
.button:hover {
    color: black;
}

/* grey button with arrow and navy flag */
.button-arrow {
    width: 223px;
    height: 37px;
    background: url(../images/button-arrow.png) center center no-repeat;
   *background-image: url(../images/button-arrow.gif);
}
.button-arrow .left {
    position: absolute;
    width: auto;
    left: 16px;
    text-align: left;
    font-weight: bold;
    color: #595959;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
         filter:  progid:DXImageTransform.Microsoft.dropshadow(color=#ccffffff, offx=0, offy=1);
     -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(color=#ccffffff, offx=0, offy=1)";
}
.button-arrow .right {
    position: absolute;
    width: 85px;
    right: 0px;
    text-align: center;

    font-family: "MyriadProRegular", "Trebuchet MS", sans-serif;
    font-size: 1.625em;  /* 12px@2.2 or 16px@ */
    font-size-adjust: 0.48;
    color: white;
    
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.75);
         filter:  progid:DXImageTransform.Microsoft.dropshadow(color=#cc000000, offx=0, offy=-1);
     -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(color=#cc000000, offx=0, offy=-1)";
}
.button-arrow:hover { /*
    -moz-transform: scale(1.054);
    -webkit-transform: scale(1.054);
    -o-transform: scale(1.054); */
}
.button-arrow:hover .left {
    color: black;
}

/*----------------------------------------------------------------------------*/
/* auxiliary layout divs */
.panel-grey {
    background: #f5f5f5 url(../images/panel-shadow.png) top center no-repeat;
    padding-top: 50px;  /* 20[top shadow]+30[inner padding] */
    padding-bottom: 25px;
    margin-top: -20px;
}
.indent-ico {
    position: relative;
    margin-left: 90px;
    pverflow: visible;
}
.indent-ico .ico {
    position: absolute;
    top: 0px;
    left: -90px;
}

/*----------------------------------------------------------------------------*/
/* software shop */
#shop {
    background: url(../images/bg-shop.png) top left repeat-x;
    margin-bottom: 40px;
}
#shop .shop-item {
    background: url(../images/bg-shop-item.png) top left no-repeat;
}
.shop-item .box {
    margin: 30px 0px -30px 15px;
    height: 260px;
}
.shop-item .title {
    height: 60px;
    margin-left: 20px;

    font-family: "MyriadProMedium", "Trebuchet MS", sans-serif;
    font-size: 2.2em;
    font-size-adjust: 0.48;
    text-transform: uppercase;
    color: #404040;
    
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
         filter:  progid:DXImageTransform.Microsoft.dropshadow(color=#ccffffff, offx=0, offy=1);
     -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(color=#ccffffff, offx=0, offy=1)";
}
.shop-item .title small {
    display: block;
    font-size: 0.55em;
    color: #777777;
}
.shop-item .order-now {
    text-align: left;
    margin: 24px 0px 20px 20px;
}

/*----------------------------------------------------------------------------*/
/* mega price tables */
table.prices {
    width: 100%;
    table-layout: fixed;
    empty-cell: show;
}
table.prices col.c0 {
    width: auto;
}
table.prices col.c1,
table.prices col.c3 {
    width: 200px;
}
table.prices col.c2 {
    width: 264px;
}
table.prices tbody td {
    font-size: 1.15em;
    /* WTF#1: свойство min-height для ячеек таблицы не работает */
    /* WTF#2: свойство height для ячеек Mozilla/IE интерпретируют НЕ ВКЛЮЧАЯ паддинги, а WebKit/Opera ВКЛЮЧАЯ! */
    height: 50px;
/*  height: 28px;
    padding-top: 11px;
    padding-bottom: 11px; */
    color: #505050;
}
table.prices td {
    text-align: center;
}
table.prices td.c0 {
    padding-left: 32px;
    text-align: left;
}

/* colored and hray versions */
table.colored {
    margin-top: 0px;
    margin-bottom: 40px;
}
table.greyed {
    margin-top: 25px;
    margin-bottom: 40px;
}

/* table header for .colored version */
table.prices th {
    vertical-align: top;
}
table.colored th {
    height: 233px;
    background: url(../images/prices-colored-head.png) no-repeat;
}
table.greyed th {
    height: 215px;
    background: url(../images/prices-greyed-head.png) no-repeat;
}
table.prices thead th.c0 { background: none; }
table.prices thead th.c1 { background-position: top left; }
table.prices thead th.c2 { background-position: top center; }
table.prices thead th.c3 { background-position: top right; }

/* */
table.prices th .title {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    text-transform: uppercase;
    text-align: center;    
    font-family: "MetaNormalLFC", sans-serif;
    font-size: 1.67em;  /* 20px */
    font-size-adjust: 0.5;
    line-height: 1.15;
    letter-spacing: normal;
    color: white;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);  /* no ms-filters */
}
table.prices th.c2 .title {
    font-size: 2.1em;  /* 25px */
}
table.prices th .title b {
    font-size: 1.25em;  /* 25/31px */
    font-family: "MetaBoldLFC", sans-serif;
    font-weight: normal;
    font-size-adjust: 0.53;
}
table.colored th    .title { top: 85px; }
table.greyed  th    .title { top: 61px; }
table.colored th.c2 .title { top: 42px; }
table.greyed  th.c2 .title { top: 24px; }

/* */
table.prices th .price {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0px;
    text-transform: uppercase;
    text-align: center;    
    font-family: "MyriadProLight", sans-serif;
    font-size: 3.33em;
    font-size-adjust: 0.48;
    line-height: 1;
    letter-spacing: -1px;  /* -2px; */
}
table.prices th.c2 .price {
    font-size: 4.5em;
}
table.colored th .price {
    color: white;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);  /* no ms-filters */
}
table.colored th .price b {
    font-family: "MyriadProSemibold", sans-serif;
    font-weight: normal;
    font-size-adjust: 0.49;
} 
table.greyed th .price {
    font-family: "MyriadProRegular", sans-serif;
    color: #004d80;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.75);
         filter:  progid:DXImageTransform.Microsoft.dropshadow(color=#ccffffff, offx=0, offy=1);
     -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(color=#ccffffff, offx=0, offy=1)";
}
table.colored th    .price { top: 155px; }    
table.greyed  th    .price { top: 114px; }    
table.colored th.c2 .price { top: 130px; }
table.greyed  th.c2 .price { top:  90px; }
/* */
table.prices th .price small {
    display: block;
    font-size: 0.35em;
    letter-spacing: normal;
}

/* colors for .colored version */
table.colored tbody td.c0 { background-color: transparent; }
table.colored tbody td.c1 { background-color: #f4f8eb; }
table.colored tbody td.c2 { background-color: #fdebfd; }
table.colored tbody td.c3 { background-color: #fff6eb; }
table.colored tbody tr:nth-child(2n) td.c0 { background-color: #f2f2f2; }
table.colored tbody tr:nth-child(2n) td.c1 { background-color: #e8ebdf; }
table.colored tbody tr:nth-child(2n) td.c2 { background-color: #f0dff0; }
table.colored tbody tr:nth-child(2n) td.c3 { background-color: #f2e9df; }
table.colored tfoot td.c2 {
    background: url(../images/prices-colored-foot.png) top left repeat-x;
}
/* colors for .greyed version */
table.greyed tbody tr:nth-child(2n+1) td { background-color: #f2f2f2; }

/* row for buttons */
table.prices tbody tr.buttons td {
    padding-top: 2px;
    padding-bottom: 18px;
}
table.prices tfoot tr.buttons td {
    padding-top: 18px;
    padding-bottom: 2px;
}
table.prices tfoot tr.details td {
    padding-top: 28px;
    font-size: 1.15em;
    font-weight: bold;
}
table.prices tfoot tr.details a {
    color: #990000;
}    

/* custom solution sticker */
table.prices .need-custom {
    display: block;
    position: absolute;
    left: 80px;
    top: 98px;
}

/* misc */
table.prices em {
    font-size: 1.6em;
    color: #158000;
}
.server-photo {
    position: absolute;
    top: 45px;
    left: -18px;
}


/*----------------------------------------------------------------------------*/
/* */
#main {
    min-height: 750px;
    background: #606060 url(../images/bg-main.png) top left repeat-x;
}
#main .wrapper {
    width: 1020px;
    min-height: 750px;
    padding: 20px 0px;
    background: transparent url(../images/bg-content.png) top center repeat-y;
   _background-image: url(../images/bg-content-ie.png);  /* IE6 bug: transparent PNG background */
}

/* main menu */
.menu {
    position: absolute;
    left: 330px;
    top: 70px;
    text-transform: uppercase;
    font-family: "FranklinGothicDemiCmpCRegular", "Arial Narrow", sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 1.5em;
    font-size-adjust: 0.51;
    z-index: 20;
    min-width: 535px;
}
.menu a,
.menu .active {
    display: block;
   *display: inline;
    position: relative;
    float: left;
    width: auto;
    margin-right: 25px;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.25);
}    
.menu a {
    color: #d1e4e8;
    text-decoration: none;
}
.menu .active,
.menu a:hover {
    color: white;
    text-decoration: underline;
}
#footer .menu {
    left: 0px;
    top: 65px;
}

/* get quote */
.get-quote {
    display: block;
    position: absolute;
    z-index: 10;    
}
#header .get-quote {
    width: 12px;
    height: 16px;
    top: 74px;
    right: 82px;
    overflow: visible;
    background: url(../images/get-quote-bulb.png) 0px 0px no-repeat;
   *background-image: url(../images/get-quote-bulb.gif); 
} 
#header .get-quote:hover {
/*  background-position: 0px -18px; */
}
#header .get-quote .baloon {
    position: absolute;
    width: 164px;
    height: 44px;
    top: -46px;
    right: -44px;
    background: url(../images/get-quote-baloon.png) 0px 0px no-repeat;
   *background-image: url(../images/get-quote-baloon.gif); 
}
#header .get-quote:hover .baloon {
    background-position: 0px -44px;
}
#footer .get-quote {
    position: absolute;
    left: 600px;
    top: 65px;
    padding-left: 22px;
    background: url(../images/get-quote-bulb.png) 0px -19px no-repeat;
   *background-image: url(../images/get-quote-bulb.gif); 
    text-transform: uppercase;
    font-family: "FranklinGothicDemiCmpCRegular", "Arial Narrow", sans-serif;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
    font-size: 1.5em;
    font-size-adjust: 0.51;
    color: white;
    text-decoration: none;
} 
#footer .get-quote:hover {
    text-decoration: underline;
}

/* logo */
.logo {
    display: block;
    position: absolute;
    width: auto;
    height: auto;
    left: 24px;
    top: 40px;
}
.logo img {
    float: left;
}

/*----------------------------------------------------------------------------*/
/* company page */
#company {
}
#company .wrapper {
    background: url(../images/clip.png) top center no-repeat;
    padding-top: 85px;
}
#company .about-item {
    position: relative;
    padding: 1px 32px 0px;
    height: 59px;
    background: url(../images/about-item.png) bottom center no-repeat;
   *background-image: url(../images/about-item.gif);
    overflow: hidden;
}
.about-item .watermark {
    position: absolute;
    left: 205px;
    bottom: -30px;
}
.about-item table {
    width: 100%;
    margin-top: 26px;
}
.about-item table td {
    vertical-align: bottom;
}
.about-item table .c1 {
    width: 275px;
    font-size: 1.25em;
    color: #999999;
}
.about-item table .c2 {
    width: auto;
}
.about-item table .c3 {
    width: 175px;
    text-align: right;
}
.about-item table h3 {
    display: inline;
    font-weight: normal;
    background-color: #ffe14c;
    padding: 2px 3px;
    margin-bottom: 0px;
}
.about-item table .c3 a {
    text-decoration: none;
    padding-right: 18px;
    background: url(../images/link-expand.gif) right center no-repeat;
}    
.about-item table .c3 a:hover {
    text-decoration: underline;
}    
#company .under {
    padding: 0.5em 32px 0.8em;
}
#yellow-marker {
    margin: 50px 0px 35px 18px;
}

/*----------------------------------------------------------------------------*/
/* contact page */

/* welcome/appeal box */
.appeal {
    position: relative;
    width: 410px;
    height: 186px;
    left: -2px;
    background: url(../images/bg-appeal.png) top left no-repeat;
}
.appeal .inner {
    margin-left: 176px;
    margin-right: 42px;
    padding-top: 40px;
}
.appeal p {
    font-size: 1.15em;
}

/* main/common contacts */
table.comm-contacts {
    width: 100%;
}
table.comm-contacts col {
    width: 50%;
}
table.comm-contacts td {
    text-align: center;
    vertical-align: middle;
}
table.comm-contacts td img {
    margin-right: 12px;
    margin-bottom: 8px;
}
table.comm-contacts .attr {
    font-size: 1.1em;
    color: #1d69bf;
}
table.comm-contacts .value {
    font-size: 2em;
    letter-spacing: -1px;
    white-space: nowrap;
    color: #999999;
}
table.comm-contacts .value em {
    color: black;
}    

/* employees ans contacts list */
.person {
    min-height: 136px;
   _height: 136px; 
    margin-bottom: 32px;
}
.person .photo {
    float: left;
   *display: inline; 
    width: 92px;
    height: 112px;
    margin-top: 2px;
    padding: 10px;
    background-color: white;
    border: solid 1px #bfbfbf; 

   -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.person .photo img {
    float: left;
    border: solid 1px #bfbfbf; 
}
#.person .info {
#    margin-left: 142px;
#}
.person .name {
    font-size: 1.75em;
}
.person .status {
    font-size: 1.25em;
    text-transform: uppercase;
    color: #999999;
}
.person table.contacts {
    width: 99%;  /* IE bug: 100% => layout crash :) */
    margin-top: 20px;
}
.person table.contacts col.attr {
    width: 80px;
}
.person table.contacts col.value {
    width: auto;
}
.person table.contacts td {
    font-size: 1.1em;
    vertical-align: top;
    padding: 4px 0px;
}
.person table.contacts td.attr {
    text-align: right;
    color: #1d69bf;
}
.person table.contacts td.value {
    text-align: left;
    padding-left: 20px;
    color: black;
}
.person table.contacts td.value a {
    color: black;
}

/* feedback form */
.feedback {
    padding: 10px;
    background-color: white;
    border: solid 1px #bfbfbf;

   -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.feedback .inner {
    position: relative;
    min-height: 75px;
    padding: 0px 20px;
    background: url(../images/feedback-bottom.png) bottom center no-repeat;
    border: solid 1px #bfbfbf; 
    zoom: 1;  /* IE bugfix: "absolute bottom" problem */
}
.feedback .inner .note {
    position: absolute;
    width: 240px;
    height: auto;
    left: 20px;
    bottom: 15px;
    font-size: 0.92em;
    color: black;
    line-height: 1.5em;
}
.feedback input.text,
.feedback select,
.feedback textarea {
    width: 99%;
    border: solid 1px #808080;
    font-size: 1.15em;
    padding: 2px 0px;
    background: url(../images/bg-input.png) top left no-repeat;
}
.feedback input.submit {
    position: absolute;
    width: 100px;
    height: 30px;
    right: 20px;
    bottom: 15px;
    background: url(../images/feedback-button.png) top center no-repeat;
    border: none;
    text-align: center;
    font-size: 1.15em;
    font-weight: bold;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
}

table.feedfack-form {
    width: 100%;
    margin: 15px auto 80px;
}
table.feedfack-form col.label {
    width: 80px;
}
table.feedfack-form col.input {
    width: auto;
}
table.feedfack-form td {
    vertical-align: top;
    padding: 5px 0px;
}
table.feedfack-form td.label {
    padding-right: 15px;
    text-align: right;
    font-size: 1.15em;
    font-weight: bold;
}

/*----------------------------------------------------------------------------*/
/* portfolio */
.portfolio {
    min-height: 136px;
   _height: 136px; 
    margin-bottom: 32px;
}
.portfolio .screenshot {
    float: left;
   *display: inline; 
    padding: 10px;
    margin-bottom: 1.6em;
    background-color: white;
    border: solid 1px #bfbfbf; 

   -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
}
.portfolio .three-cols .screenshot {
    width: 252px;   /* 250[img.width]  + 2*1[border] */
    height: 142px;  /* 140[img.height] + 2*1[border] */
}
.portfolio .matrix .screenshot {
    width: 152px;   /* 250[img.width]  + 2*1[border] */
    height: 142px;  /* 140[img.height] + 2*1[border] */
}
.portfolio .screenshot a {
    display: block;
    float: left;
    width: 99.99%;
    text-decoration: none;
    overflow: hidden;
}    
.portfolio .screenshot img {
    border: solid 1px #bfbfbf; 
}
.portfolio .matrix {
    margin-bottom: 4em;
}
.portfolio .matrix .item {
    float: left;
   *display: inline; 
    width: 200px;
    margin-right: 24px;
   *margin-right: 23px;
}

/*----------------------------------------------------------------------------*/
/* footer */
#footer {
    height: 250px;
    background: #0f1e2d;
    border-top: solid 28px #044b7e;
    border-bottom: solid 2px #0c1824;
    color: white;
}
#footer .info {
    position: absolute;
    width: 100%;
    height: 4em;
    margin-top: 140px;
    line-height: 1.75;
    color: #d1e4e8;
}
#footer .info div {
    float: left;
    width: 300px;
}
#footer .info a {
    color: white;
}
#footer .info em {
    color: #66c2ff;
}

/*----------------------------------------------------------------------------*/
/* ugly programmers' code */
.nav_container {display:none;}
td.acaption {display:block;} 

/*----------------------------------------------------------------------------*/
/* info forms */
.info-forms {
	margin: 0px;
	padding: 1em 4%;
	min-height: 500px;  /* 700px */
	background-color: white;
}
.info-forms .business-people {
	font-size: 1.15em;
	padding: 8px 16px;
	color: white;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);

	background-color: #007ed9;
	background-image: -moz-linear-gradient(top, #0089eb, #0074c7);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0089eb),color-stop(1, #0074c7));
	          filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#0089eb', EndColorStr='#0074c7');
	      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0089eb', EndColorStr='#0074c7')";

	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}
.info-form {
	margin: 2em auto;
}
.info-form h2 {
	margin-bottom: 0.5em;
}
.info-form h2 span {
	font-weight: normal;
}
.info-form .form-content {
	font-size: 1.25em;
}	
.info-form input.text,
.info-form select,
.info-form textarea {
	width: 99%;
	border: solid 1px #808080;
	font-size: 1em; /* 1.15em; */
	padding: 3px 0px;
	background: url(../images/bg-input.png) top left no-repeat;
}
.info-form table {
	width: 100%;
}
.info-form col.label {
    width: 175px;
}
.info-form col.input {
    width: auto;
}
.info-form td {
    vertical-align: top;
    padding: 6px 0px;
}
.info-form td.label {
	padding-right: 15px;
	text-align: right;
	font-size: 1em;  /* 1.15em; */
	font-weight: bold;
}
.info-form td.label label {
	position: relative;
	top: 3px;
}	
.info-form .check-area div {
	margin: 5px 0px;
}
.form-footer {
	margin: -0.6em 0px 1em 175px;
}
.form-footer input.submit {
	width: 223px;
	height: 37px;
	background: url(../images/button-green-wide.png) top center no-repeat;
	border: none;
	text-align: center;
	font-size: 1.333em;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
	cursor: pointer;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}
.info-form .note {
	font-size: 0.8em;
	color: #666666;
}
.info-form .required {
	font-weight: bold;
	color: #e50000;
}
.info-form .error {
	font-size: 0.8em;
	font-weight: bold;
	color: #e50000;
}