html * {border: 0; color: #000000; font-family: Arial; margin: 0; padding: 0;}
body {background: url(../images/bodyBg.png) repeat-x top #ffffff;}
.fw {overflow: hidden;}

p, ul li {text-align: justify;}

.mobileOnly {
    display: none;
}
.desktopOnly {
    display: block;
}

div#container {width: 980px; margin: 0 auto; background: url(../images/containerBg.png) top no-repeat; position: relative; overflow: visible;}
div#content {width: 940px; padding-top: 81px;}

div#content div#leftColumn {float: left; width: 240px; border-top: 5px solid #000000; margin-top: 79px; overflow: visible}
div#content div#leftColumn ul {border-top: 1px dotted #a6a8a9; margin-top: 4px; padding-top: 20px; list-style-type: none;}
div#content div#leftColumn ul li {border-top: 1px dotted #000000; line-height: 22px; padding: 11px 19px 11px 0;}
div#content div#leftColumn ul li.lastInRow {border-bottom: 1px dotted #000000;}
div#content div#leftColumn ul a {display: block; font-size: 14px; text-decoration: none; margin-left: 21px; height: 100%; }
div#content div#leftColumn ul a:HOVER,
    div#content div#leftColumn ul a.active {color: #0e3e95; background: url(../images/leftMenuBg.png) no-repeat right center;}
div#content div#leftColumn div#box {border-top: 1px dotted #a6a8a9; border-bottom: 1px dotted #a6a8a9; margin-top: 4px;}
div#content div#leftColumn div#address {margin: 25px 0;}
div#content div#mainColumn {width: 639px; float: right; margin-bottom: 40px;}
div#content div#mainColumn.fullWidth {width: 100%;}
div#content div#mainColumn h1 {font: 32px/30px "AllerLightRegular" !important; color: #0e3e95; height: 35px; margin: 53px 0 39px 0; border-bottom: 1px dotted #afafaf;}
div#content div#mainColumn.fullWidth h1 {padding-left: 20px;}
div#content div#mainColumn p,
    div#content div#mainColumn li {font-size: 12px; line-height: 22px;}
div#content div#mainColumn ul,
    div#content div#mainColumn ol {margin-left: 30px;}
div#content div#mainColumn div#image {float: right; background: #000000; width: 254px; font-size: 0; margin-left: 55px;}
div#content div#mainColumn div#image p {color: #ffffff; font-size: 11px; padding: 15px 30px 15px 15px; line-height: 11px;}
div#content div#mainColumn a.readMore {display: block; background: url(../images/readMorePencil.png) 13px center no-repeat #f3f3f3; height: 40px; line-height: 40px; width: 300px; text-decoration: none; padding-left: 42px;}
div#content div#mainColumn a.invitation {display: block; background: url(../images/readMorePencil.png) 20px center no-repeat #f3f3f3; line-height: 20px; width: 260px; text-decoration: none; padding: 15px 0 15px 62px;}
div#content div#mainColumn a.invitation:HOVER {text-decoration: underline;}
div#content div#mainColumn a.readMore:HOVER {text-decoration: underline;}
div#content div#mainColumn div#gallery {float: right; width: 453px; margin: 0 0 30px 35px}
div#content div#mainColumn div#gallery a {display: block; float: left; width: 149px; height: 149px; margin: 0 0 2px 2px;}

form#contactForm {float: right; display: block; width: 250px; height: 425px; padding: 100px 25px 0 25px;}
form#contactForm input,
    form#contactForm textarea {padding-left: 16px; background: #fefce5; width: 234px; font-size: 12px;}
form#contactForm .error {border: 1px solid #ff0000;}
form#contactForm textarea {overflow: auto; padding: 18px 0 18px 16px; height: 179px;}
form#contactForm input {height: 40px; line-height: 40px; margin-bottom: 3px;}
form#contactForm p.requiredInfo {font-size: 11px !important; margin: 0 0 20px 15px;}
form#contactForm input.submit {width: 250px; padding: 0; font-size: 0; cursor: pointer;}
div#contactData {width: 580px; float: left; margin-left: 20px;}
div#contactData div#companyData {margin: 15px 0 30px 0;}
div#contactData div#companyData div {background: #ededef; padding: 15px 30px; width: 229px; float: left;}
div#contactData div#companyData div#data1 {margin-right: 1px;}
div#contactData div#teamData {margin-bottom: 40px;}
div#contactData div#teamData div.worker {float: left; width: 200px;}
div#contactData div#teamData div.worker.lastInRow {width: 180px;}
div#contactData div#teamData div.worker p.name {color: #0e3e95; font-size: 14px;}
div#contactData div#teamData div.worker a {text-decoration: none; border-bottom: 1px dotted #000000;}
div#contactData div#googleMap {width: 580px; height: 270px; overflow: hidden;}

div#team div.worker {width: 200px; float: left; margin-right: 19px; background: #000000;}
div#team div.worker.lastInRow {margin-right: 0;}
div#team div.worker div.data {padding: 15px 20px;}
div#team div.worker div.data p.name {font-style: italic; margin-bottom: 5px;}
div#team div.worker div.data * {color: #ffffff;}
div#team div.worker div.data a {display: block; border-bottom: 1px dotted #ffffff; text-decoration: none; line-height: 20px; margin-bottom: 10px; background: url(../images/teamArrow.png) no-repeat right 6px;}
table.workingTeam {border-collapse: collapse; width: 100%;}
table.workingTeam thead td {
    border-bottom: 1px dotted #afafaf; height: 20px; line-height: 20px; font-weight: normal; font-size: 18px; text-transform: uppercase;
  font: 20px/18px "AllerLightRegular" !important;
  color: #0e3e95;
  text-transform: capitalize;
}
table.workingTeam td {text-align: center; padding: 5px 0 5px 0; font-size: 12px; vertical-align: top;}

table#referencesGrid {border-collapse: collapse; width: 637px;}
table#referencesGrid td {font-size: 0; height: 158px; width: 25%; text-align: center; background: #ffffff; border: 1px solid #eaeaea; overflow: hidden;}

div#top {width: 940px; height: 81px; position: absolute; top: 0; left: 0; z-index: 1;}
div#top * {display: block;}
div#top span {display: none;}
div#top ul a {width: 100%; height: 100%;}
div#top a#logo {width: 177px; height: 75px; float: left; margin: 30px 0 0 30px;}
div#top ul#languages {width: 91px; height: 27px; float: right; margin-top: -104px; clear: both;}
div#top ul#languages li {height: 27px; float: left}
div#top ul#languages li a {background: url(../images/languages.png);}
div#top ul#languages li.pl {width: 46px;}
div#top ul#languages li.en {width: 45px;}
div#top ul#languages li.pl a {background-position: 0 0;}
div#top ul#languages li.pl a.active,
    div#top ul#languages li.pl a:HOVER {background-position: 0 -27px;}
div#top ul#languages li.en a {background-position: -46px 0;}
div#top ul#languages li.en a.active,
    div#top ul#languages li.en a:HOVER {background-position: -46px -27px;}
div#top ul#menu {height: 39px; float: right; clear: right; margin-top: 41px; list-style-type: none;}
div#top ul#menu li {height: 39px; float: left;}

div#index {width: 100%; height: 364px; position: relative; overflow: visible; background: url(../images/indexBg.jpg) top no-repeat;}
div#index ul#offer {display: block; float: left; width: 214px; height: 218px; margin: 53px 0 0 4px; list-style-type: none;}
div#index ul#offer li {float: left; width: 214px; margin: 0; padding: 0;}
div#index ul#offer li.projects {height: 41px;}
div#index ul#offer li.projects a {background-position: 0 0; height: 41px;}
div#index ul#offer li.networks {height: 41px;}
div#index ul#offer li.networks a {background-position: 0 -41px; height: 41px;}
div#index ul#offer li.certificates {height: 78px;}
div#index ul#offer li.certificates a {background-position: 0 -82px; height: 78px;}
div#index ul#offer li.instantProjects {height: 58px;}
div#index ul#offer li.instantProjects a {background-position: 0 -160px; height: 58px;}
div#index ul#offer a {display: block; width: 100%;}
div#index ul#offer a span {display: none;}
div#index address {display: block; width: 308px; height: 294px; float: right; position: absolute; top: 14px; right: -27px;}
div#index address object,
    div#index address p {display: none;}
div.offer table {border-collapse: collapse;}
div.offer table td {padding: 2px 5px; border: 1px solid #333333;}
img.offerImage {float: right; clear: right; margin: 0 0 10px 55px;}

div#index a.indexButton {display: block; width: 232px; height: 40px; background: url(../images/buttons.png);}
div#index a.indexButton span {display: none;}
div#index a.offerButton {background-position: 0 -40px !important; clear: left; float: left; margin: 14px 0 0 0px;}
div#index a.contactButton {background-position: 0 0 !important; position: absolute; top: 285px; right: 0px; z-index: 2}

div#footer {width: 940px;}
div#footer div#instantProjects {width: 940px; height: 98px; background: url(../images/footerBg.png); overflow: hidden}
div#footer div#instantProjects div#flashWrapper {background-color: #ededef; display: block; width: 100%; height: 70px; margin-top: 19px;}
div#footer #rf {float: left;}
div#footer div#info {border: 1px solid #cbcbcb; height: 60px;}
div#footer div#info p,
    div#footer div#info a {line-height: 18px;}
div#footer div#info a {border-bottom: 1px dotted #000000; text-decoration: none;}
div#footer div#copyright {height: 36px; float: left;}
div#footer div#copyright *,
    div#footer div#author * {font-size: 11px;}
div#footer div#author {height: 36px; float: right; }
div#footer div#author * {text-align: right;}
div#footer div#lead {margin: 20px 0; font-size: 12px; line-height: 20px;}
div#footer div#lead p {font-size: 12px; line-height: 22px;}
div#footer ul#bottomMenu {list-style-type: none;}
div#footer ul#bottomMenu li {float: left; font-size: 12px; line-height: 36px;}

.gallery {
    margin-top: 40px;
}
.gallery img {
    float: left;
    margin: 0 19px 19px 0;
}

.gallery img.lastInRow {
    float: left;
    margin-right: 0;
}

ul.boxes {
    list-style-type: none;
    overflow: hidden;
    margin-left: 0 !important;
}
ul.boxes li {
    text-align: center;
    float: left;
    width: 135px;
    height: 80px;
    font-size: 12px !important;
    line-height: 18px !important;
    margin: 10px 4px 0 5px;
    display: block;
    background: #0077c0; 
    border: 1px solid #0077c0; 
    padding: 5px;
}
ul.boxes li > span {
    display: table;
    width: 100%;
    height: 100%;
    color: #ffffff;
}
ul.boxes li > span > span {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}
ul.boxes span, ul.boxes strong {
    color: #ffffff;
}
ul.boxes strong {
    border-bottom: 1px dotted #ffffff;
    position: relative;
}
/* 
ul.boxes strong:before {
    position: absolute;
    left: 0;
    content: "/ ";
    border-bottom: 0; 
}
*/

#newsList {
    background: url(../images/sectionSeparator.png) no-repeat top left;
    padding: 20px 0;
}

#newsList ul {
    list-style-type: none;
    font-size: 12px; 
    line-height: 20px;
}

#newsList ul a {
    text-decoration: none;
}

#newsList h2 {
    font-weight: normal;
    margin-bottom: 8px;
}

#newsList .title {
    color: #0e3d94;
    font-weight: bold;
    margin: 0 4px;
}

#newsList .date {
    color: #9d9e9e;
}