html, body { width: 100%; height: 100%; margin: 0; padding: 0; }

.page-binder { padding-top: 30px; }

h1, h2, h3, p, ul, form, fieldset, label, legend, input, textarea { margin: 0; padding: 0; }
fieldset, img { border: none; }
ul { list-style-type: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

.column-left { width: 159px; padding-right: 63px; float: left; overflow: hidden; }
.column-left h1.identity { position: relative; right: 5px; width: 87px; height: 110px; font: 0.9em/1.2em sylfaen; float: right; overflow: hidden; }
.column-left h1.identity span { font-weight: bold; font-size: 1em; }
.column-left h1.identity img { position: absolute; top: 0; left: 0; }

.column-left ul.navigation, 
.column-right ul.numeration { list-style-type: none; }

.column-left ul.navigation { width: 159px; margin-top: 60px; font: 1.1em/1.2em sylfaen; float: right; }
.column-left ul.navigation li { margin-bottom: 11px; }
.column-left ul.navigation li,
.column-left ul.navigation a { display: block; float: right; overflow: hidden; width: 110px; height: 25px; }
.column-left ul.navigation a { color: #9a9a9a; background: url("../images/animated-menu-geo.gif") no-repeat 5px 0; }

.column-left ul.navigation li a { text-indent: -9000px; }

.column-left ul.navigation li.main a:hover { background-position: -114px 0; }
.column-left ul.navigation li.main a.active { background-position: -234px 0; }

.column-left ul.navigation li.services a { background-position: 5px -36px; }
.column-left ul.navigation li.services a:hover { background-position: -114px -36px; }
.column-left ul.navigation li.services a.active { background-position: -234px -36px; }

.column-left ul.navigation li.our-works a { background-position: 5px -72px; }
.column-left ul.navigation li.our-works a:hover { background-position: -114px -72px; }
.column-left ul.navigation li.our-works a.active { background-position: -234px -72px; }

.column-left ul.navigation li.contact a { background-position: 5px -106px; }
.column-left ul.navigation li.contact a:hover { background-position: -114px -106px; }
.column-left ul.navigation li.contact a.active { background-position: -234px -106px; }


.column-right { width: 563px; padding-top: 49px; float: left; overflow: hidden; }

.column-right .category-binder { position: relative; width: 563px; overflow: hidden; }

.column-right ul.numeration { width: 39px; font: bold 0.88em/2em arial; color: #c4c4c4; overflow: hidden; float: left; background: white; }
.column-right ul.numeration li { padding-bottom: 10px; }
.column-right ul.numeration li.last { padding-bottom: 10px; }
.column-right ul.numeration li.section-start { color: #7c7c7c; }

.column-right .data-binder { width: 460px; padding-bottom: 40px; overflow: hidden; float: left; background: white; }
.column-right .data-binder h2 { width: 338px; padding: 0 0 18px 0; font: 1.4em/1.3em sylfaen; color: #5c5c5c; }
.column-right .category-binder.first { padding: 0 0 1px 0; }
.column-right .category-binder.first .data-binder h2 { padding-top: 0; border: none; }
.column-right .data-binder h2 a { color: #5c5c5c; }
.column-right .data-binder p { font: 0.88em/1.6em sylfaen; color: #4c4c4c; }
.column-right .data-binder p a,
.column-right .data-binder p.technologies,
.column-right .data-binder ol.portfolio li a { color: #2582ca; }
.column-right .data-binder p.technologies { padding-top: 20px; font-size: 0.69em; font-family: arial; }
.column-right .data-binder p.technologies em { padding-right: 5px; color: #929292; font-family: sylfaen; }
.column-right .data-binder p.send-us-message { padding-bottom: 22px; }
.column-right .data-binder p.address { padding-top: 22px; }
.column-right .data-binder p.address em { font-style: normal; color: #8b8b8b; }
.column-right .data-binder ul { margin: 17px 0 0 22px; font: 0.75em/1.6em sylfaen; color: #838282; }
.column-right .data-binder ol.portfolio { margin: 0; padding-left: 36px; font: 0.88em/1.8em sylfaen; color: #838282; }

.column-right .data-binder ul li { padding-left: 11px; background: url("../images/content-ul-list-bg.png") no-repeat left center; }

.column-right .copyright .data-binder { padding-bottom: 0; }
.column-right .copyright p { font: 0.75em/2.3em sylfaen; color: #b5b5b5; }

span#line { width: 338px; height: 1px; position: absolute; bottom: 23px; left: 39px; font: 1px/1px sylfaen; border: none; display: block; background: #d8d8d8; }

.column-indexes { position: relative; width: 109px; float: left; }
.column-indexes ul { position: absolute; top: 0; right: 0; z-index: 0; width: 180px; padding-top: 56px; text-align: right; overflow: hidden; background: url("../images/transparent-back.png"); }
.column-indexes .language-version { position: absolute; top: 0; right: 0; z-index: 1; }

.column-indexes li { overflow: hidden; cursor: pointer; }
.column-indexes li a { text-decoration: none; background: black; }
.column-indexes li a em { padding: 9px 10px 9px 7px; font: 0.75em/1.8em verdana; }
.column-indexes li a span { padding: 5px 10px 8px 10px; font: 1em/1.8em tahoma; text-align: center; letter-spacing: 1px; color: #7f7f7f;  background: white; }
.column-indexes li.active a span { background: black; color: #9f9f9f; }
.column-indexes li a strong em { display: none; }

.column-indexes li a strong:hover,
.column-indexes li a:hover span,
.column-indexes li a strong:hover em { text-decoration: none; background: black; }
.column-indexes li a strong:hover span { color: black; }
.column-indexes li a strong:hover em { display: inline; font-weight: bold; color: white; }

/* OUR WORKS */
.column-right .data-binder.works,
.column-right .data-binder.works h2 { width: 320px; }

.column-right .data-binder.works h2 { padding: 0 0 10px 0; font: 0.95em/1.3em sylfaen; }
.column-right .data-binder.works h2 a span.category-title { display: none; }
.column-right .data-binder.works p.technologies { width: 275px; padding: 0 0 5px 0; overflow: hidden; }
.column-right .data-binder.works .created { width: 45px; text-align: right; }
.column-right .data-binder.works p.technologies,
.column-right .data-binder.works img.work-item,
.column-right .data-binder.works a.launch img { float: left; }
.column-right .data-binder.works img.work-item { border: 1px solid #c1c1c1; }
.column-right .data-binder.works a.launch { width: 82px; margin-top: 10px; display: block; }

.column-right .data-binder.works .created,
.column-right .data-binder.works a.launch { float: right; overflow: hidden; }

/* CONTACT US */
.column-right .data-binder.contacts { width: 338px; }

.column-right .data-binder.contacts form { padding-top: 15px; }

.column-right .data-binder.contacts label,
.column-right .data-binder.contacts input#name,
.column-right .data-binder.contacts input#email,
.column-right .data-binder.contacts input#phone,
.column-right .data-binder.contacts textarea { margin-top: 9px; font-size: 0.69em; font-family: sylfaen; color: #5a5a5a; float: left; overflow: hidden; }

.column-right .data-binder.contacts legend,
.column-right .data-binder.contacts label span { display: none; }
.column-right .data-binder.contacts label { width: 117px; padding: 5px 0 0 11px; }

.column-right .data-binder.contacts input { width: 192px; height: 17px; }
.column-right .data-binder.contacts input#name,
.column-right .data-binder.contacts input#email,
.column-right .data-binder.contacts input#phone,
.column-right .data-binder.contacts textarea { padding: 3px 0 0 3px;  border: 1px solid #d8d8d8; }

.column-right .data-binder.contacts textarea { width: 332px; height: 94px; color: #303030; }

.column-right .data-binder.contacts .submit-button { width: 68px; height: 22px; margin: 8px 1px 0 0; font-size: 0.69em; font-family: sylfaen; color: white; float: right; background: black; border: none; }

/*  SERVICES */
.column-right .data-binder.services h3 { padding-top: 20px; font: 0.88em/1.3em sylfaen; color: #5c5c5c; }