/*	CSS-Framework

	Version		: 0.3.1
	File name	: cssf-base.css
	Author		: Aleksej Romanovskij
	
------------------------------ */

/* Core
------------------------------ */

* { margin: 0; padding: 0; }

a:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-b-margin { margin-bottom: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.no-bullets li { list-style: none; }
.no-flow { overflow: hidden; }
.container:after, .columns:after, .f-layout-box:after, .footer-box:after, .box-faces-item:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc, .clear { clear: both; }
.c { position: relative; }
.null-height { margin-bottom: 0 !important; }

/* Main styles
------------------------------ */

html { background: #fff url(../i/html2.gif) center top; font: 14px/17px "Helvetica Neue", Arial, Helvetica, sans-serif; min-width: 991px; /*-webkit-font-smoothing: antialiased;*/ }
body { min-width: 991px; padding-bottom: 20px!important; }

a { text-decoration: none; }
a:visited {  }
a:hover { text-decoration: none; }
a:active { color: #33cc00; }

/* Colors
---------------------------------------- */

.c-blue { color: #0066cc; }
.c-black, html { color: #000; }
a, .b-paginator a { color: #000; }
.c-gray-2, .c-gray { color: #999; }
a:hover, a.hovered, .i-reload:hover { color: #339900; }
.c-disabled, .b-paginator span { color: #ccc; }

/* Fonts
---------------------------------------- */

.f-arial, .box-faces-item h4, .content h3.alt, .content .box-blog h2, .content .box-blog-years h4, .content .box-blog-post h1, .content .box-blog-post h2, .content .box-blog-post h3
	{ font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
.f-myriad, .fm { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important;}
a.fm {//font-family: sans-serif !important;}

/* Layout
------------------------------ */

.layout-container { min-width: 920px; max-width: 1200px; margin: 0 auto; padding: 0 40px 0 21px; overflow:hidden;}
* html .layout-container {width:expression((document.documentElement.offsetWidth) >1195 * (parseInt(document.body.currentStyle.fontSize) / parseInt(document.body.currentStyle.fontSize))?  "1200px" : ((document.documentElement.offsetWidth) < 925? "920px" : "95%"));}
.layout-box { float: left; clear: right; margin: 0 0 10px 2%; }
.f-layout-box { margin-left: 2%; }

.lb-sidebar { padding-top: 31px !important; }

.lb-12	{ width: 98%; }
.lb-11	{ width: 89.663%; }
.lb-10	{ width: 81.33%; }
.lb-9	{ width: 72.997%; }
.lb-8	{ width: 64.664%; }
.lb-7	{ width: 56.331%; }
.lb-6	{ width: 47.998%; }
.lb-5	{ width: 39.665%; }
.lb-4	{ width: 31.332%; }
.lb-3	{ width: 22.999%; }
.lb-2	{ width: 14.666%; }
.lb-1	{ width: 6.333%; }

.lb-2-custom-cols {  }
.lb-2-custom-cols .lb-sidebar {/* background: url(../i/html2.gif); */ width: 33.332%;}
.lb-2-custom-cols .lb-8 { margin-left: 0; }
.lb-2-custom-cols .lb-8 .content-box { }

/* Template Blocks
------------------------------ */

.page { width:100%;}
* html .page {overflow:hidden;}
.wbg { background-color: #fff; width:auto;}
.bt { border-top: 1px solid #000; }
.bb { border-bottom: 1px solid #000; }
.bb2 { border-bottom: 2px solid #000; }

.l-header .layout-box { margin-bottom: 0; height: 123px; overflow: hidden; }
.l-header .logo { display: block; float: left; padding-bottom: 30px; border-bottom: 2px solid #000 !important; }
.l-header .logo img { display: block; }

.page .main-nav { float: right; width: 80%; margin-top: 30px; }
.page .main-nav li { padding: 0; margin-right: 2% !important; }
.page .main-nav li a { text-decoration: none; display: block; color: #000; background: #fff url(../i/main-nav-li2.gif) no-repeat; padding: 10px 14px; }
/*.page .main-nav li a span { border-bottom: 1px solid #000; }*/
.page .main-nav li a:hover, .page .main-nav li.active a { background: #000; color: #fff; }
.page .main-nav li a:hover a, .page .main-nav li.active a { color: #fff; }
.main-nav-1 { font-size: 18px; }
.main-nav-2 { font-size: 28px; line-height: 25px; margin-top: 17px; }
.main-nav-3 { font-size: 22px; line-height: 19px; }
.main-nav-4 { font-size: 18px; line-height: 20px; margin-top: 22px; }
.main-nav-5 { font-size: 22px; }
.main-nav-6 { font-size: 14px; line-height: 14px; margin-top: 28px; }

.l-sub-header .layout-box { min-height: 76px; margin-bottom: 0;}
* html .l-sub-header .layout-box { height: 76px; margin-bottom: 0;}
.l-sub-header .logo { position: absolute; left: 0; top: 24px; }

/* Portfolio Item
---------------------------------------- */

.pi { margin-bottom: 15px !important; margin-top: 10px !important; }
.pi h2, .pi h6 { margin-bottom: 30px; }
.pi h2 a, .pi h6 a { display: block; }
.pi-icon { margin-bottom: 8px; }
.pi-icon-alt { padding-bottom: 21px; background: url('../i/icons/a-arrow.gif') no-repeat left bottom; }
.pi-date { padding-bottom: 12px; background: url('../i/icons/a-arrow-mini.gif') no-repeat left bottom; margin-bottom: 6px; font-size: 11px; }
.pi-image { text-align: center; position: relative !important; }
.pi-image a { display: block; }
.pi .a-arrow { z-index: 100; margin-bottom: -10px; }
.pi-list { padding-top: 37px; padding-bottom: 4px; }
.pi-list .pi { margin-bottom: 3px; }
.pi-list .pi h6 {margin-bottom:8px;}

.pi-info { float: right; border-left: 1px solid #000; background: #fff url(../i/html.gif) left top; padding: 20px 3%; width: 29%; margin-left: 1.5%; line-height: 20px; }
.page .pi-info dt { padding: 0 0 8px 0 !important; margin: 0 !important; font-weight: normal !important; font-size: 14px; }
.page .pi-info dt a { text-decoration: none; }
.page .pi-info dt a span { text-decoration: underline; }
.page .pi-info dt img { margin: 0 8px 0 0; position: relative; top: 3px; }
.page .pi-info dd { padding: 0 !important; margin: 0 !important; }

.pi-screen, .pi-screen-description { margin-left: auto; margin-right: auto; width: 798px; }
.pi-screen { margin: 30px auto !important; }
.pi-screen a { display: block; text-decoration: none; }
.pi-screen img { position: relative; left: -5px; }
.pi-screen-title { text-align: center; display: block; }

.b-paginator { margin-left: 35.332%; width: 33.332%; padding-bottom: 40px !important; }
.b-paginator a { text-decoration: none; }
.prev, .next { font-size: 22px; height: 26px; line-height: 26px; }
.prev { float: left; padding-left: 35px; background: url(../i/prev.gif) no-repeat left 6px; }
.next { float: right; padding-right: 35px; background: url(../i/next.gif) no-repeat right 6px; }
a.prev { background: url(../i/prev-a.gif) no-repeat left 6px; }
a.next { background: url(../i/next-a.gif) no-repeat right 6px; }

/* Portfolio navigation
---------------------------------------- */

.nav-portfolio { font-size: 16px; position: absolute; left: 230px; top: 33px; }
.nav-portfolio li { padding: 0 0 0 6px !important; }
.nav-portfolio li a { display: inline-block; padding: 4px 9px; text-decoration: none; }
.nav-portfolio li sup { }
.nav-portfolio li.active a, .nav-portfolio a:hover { background: #000; color: #fff; padding: 4px 9px; display: inline-block; text-decoration: none; }

/* List items
---------------------------------------- */

.list-items { margin: 30px 0 !important; }
.list-items-item { float: left; margin: 0 40px 30px 0; }
.list-items-mini .list-items-item { margin: 0 19px 19px 0 !important; }
.list-colored a img.colored, .list-colored a:hover img, .list-colored a.hover img { display: none; }
.list-colored a:hover img.colored, .list-colored a.hover img.colored { display: block; }

/* Blog mini
---------------------------------------- */

.blog-mini { margin-left: 0 !important; }
.blog-mini a { /*font-weight: bold;*/ }
.blog-mini a:hover { color: #339900; }
.blog-mini li { list-style: none; margin-bottom: 10px; font-size: 12px; line-height: 15px; padding-left: 0 !important; background: none !important; color: #666; }
.blog-mini li.last {margin-top: 17px; font-size: 11px; }
.blog-mini li.last a { line-height: 15px; display: -moz-inline-block; display: inline-block; }
.blog-mini li.last a { padding-right: 9px; padding-left: 21px; }
.blog-mini li a { /*padding-right: 5px;*/ }
.blog-mini .date { font-size: 9px; color: #ddd; white-space: nowrap; }

/* Box Study
------------------------------ */

.box-study { color: #666;   }
.box-study h3 { font-size: 12px!important; font-weight: bold!important; margin-bottom: 16px!important; }

.box-study-services { line-height: 20px; margin-top: -2px; }
.box-study-services p { font-size: 12px; margin-bottom: 18px!important; }
.box-study-services a { /*font-weight: bold;*/ }
.box-study-services a:hover { color: #339900; }

.box-study-clients { font-size: 12px; line-height: 20px; }
.box-study-clients a { /*font-weight: bold;*/ }
.box-study-clients a:hover { color: #339900; }

/* Horizontal Navigation
------------------------------ */

.nav-h {  }
.nav-h li { float: left; list-style: none; padding: 0 .8em; }
.nav-h a { display: block; }

/* Language
---------------------------------------- */

.language {  }
.language li { padding: 0 8px 0 0; }
.language li a, .language li span { display: inline-block; background: #fff; padding: 0 7px 0 7px; height: 18px; line-height: 18px; }
.language li span, .language li a:hover { background: #000; color: #fff; }
.language li a:hover { text-decoration: none; }

/* Horizontal Drop Down Navigation
------------------------------ */

.nav-h-d { min-height: 24px; border-left: 1px solid #ccc; }
.nav-h-d li { float: left; display: block; position: relative; border: 1px solid #ccc; border-width: 1px 1px 1px 0px; list-style: none; }
.nav-h-d a { text-decoration: none; padding: 2px 10px; display: block; }

.nav-h-d ul { display: none; position: absolute; top: 22px; left: -1px; width: 160px; background: #fff; border: 0; border-bottom: 1px solid #ccc; }
.nav-h-d ul ul { left: 100%; top: -1px; }

.nav-h-d li li { float: none; border-width: 1px 1px 0px 1px; }

.nav-h-d li:hover { background: #ccc; }
.nav-h-d a:hover { color: #fff; }

.nav-h-d li:hover ul ul,
.nav-h-d li:hover ul li:hover ul ul { display: none; }

.nav-h-d li:hover ul,
.nav-h-d li:hover ul li:hover ul,
.nav-h-d li:hover ul li:hover ul li:hover ul { display: block; }

/* Vertical Menu
------------------------------ */

.nav-v {  }
.nav-v li { padding: 2px 0; list-style: none; }
.nav-v li ul { padding-left: 1em; }
.nav-v li li { border: none; }
.nav-v a { text-decoration: none; display: block; }
.nav-v a:hover { text-decoration: underline; }

/* Vertical Drop Down Navigation
------------------------------ */

.nav-v-d { border-top: 1px solid #ccc; }
.nav-v-d li { padding: 2px 0; display: block; position: relative; border: 1px solid #ccc; border-width: 0px 1px 1px 1px; list-style: none; }
.nav-v-d li a { display: block; position: relative; text-decoration: none; padding-left: 10px; }

.nav-v-d li:hover { background: #ccc; }
.nav-v-d a:hover { color: #fff; }

.nav-v-d li ul { display: none; position: absolute; top: -1px; border-top: 1px solid #ccc; left: 100%; width: 100%; background: #fff; }
.nav-v-d li ul li { background: #fff; }

.nav-v-d li:hover ul ul,
.nav-v-d li:hover ul li:hover ul ul { display: none; }

.nav-v-d li:hover ul,
.nav-v-d li:hover ul li:hover ul,
.nav-v-d li:hover ul li:hover ul li:hover ul { display: block; }

.nav-v-d ul ul { left: 100%; }

/* Content elements
------------------------------ */

.page-content { padding-top: 15px !important; line-height: 20px; }
.page .page-portfolio-item { padding-top: 19px !important; }
.page-portfolio-item.content h1 {font-weight:normal;}

.content h1, .h1, .content h2, .h2, .content h3, .h3, .content h4, .h4, .content h5, .h5, table caption, h1, h2, h3, h4, h5, h6
	{ font: normal 1.3em/30px "Helvetica Neue", Arial, Helvetica, sans-serif; margin-bottom: 10px; }
.page .h1, h1 { font-weight: bold; font-size: 26px !important; line-height: 32px !important; margin-bottom: 14px !important; letter-spacing: -1px; }
.content h1 { font-weight: bold; font-size: 32px !important; line-height: 34px !important; }
.content h2, .page .h2, h2 { font-size: 22px !important; line-height: 24px !important; }
.page-content h2, .page-content .h2 { font-size: 22px !important; font-weight: bold; line-height: 24px !important; }
.content h3, .page .h3, table caption { font-weight: normal; font-size: 18px; line-height: 21px !important; }
.content h3.alt { font-size: 16px !important; font-weight: bold; line-height: 21px !important; margin-top: -10px; margin-bottom: 30px !important; }
.content h4, .page .h4 { font-size: 1.1em; font-weight: bold; }
.content h5, .page .h5 { font-size: 1em; font-weight: bold; }
.content h6, .page .h6, h6 { font-size: 12px; line-height: 17px; }

.content h1 a, .page .h1 a, h1 a { text-decoration: none; }
.content h1 a:hover, .page .h1 a:hover, h1 a:hover { text-decoration: underline; color: #000; }

blockquote { margin-left: 3em; font-style: italic; }
code, pre { font-family: "Monaco", "Courier New", Courier, monospace; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background-color: #eee; margin: 0; }
strong, .strong { font-weight: bold; }
em, .em { font-style: italic; }
dfn { font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.5em; font-size: 9px; }
sub { bottom: -0.3em; }
small, .small, .box-blog, .box-blog-tags, .box-blog-post .date, table { font-size: 11px; }
big, .big { font-size: 1.2em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

img.ba { position: relative; top: 0.6em; left: 2px; }
img.ta { position: relative; top: -1em; left: -3px; }

.pi-ta { margin-top: 20px; }

.content ul, .content ol { line-height: 20px; }
.content ol { margin-left: 35px; }
.content ol li {  }
.content ul li { padding-left: 35px; }
.content ul li { background: url(../i/li-bullet.gif) no-repeat 15px 8px; list-style: none; }

.content dl {  }
.content dl dt { margin-bottom: .2em; font-weight: bold; }
.content dl dd { padding-left: 5em; margin-bottom: .4em; }

.content p, .content .p, .content ul, .content ol, .content dl, .content table, blockquote, address, pre, .columns, .content img, hr, .box { margin-bottom: 20px; }

.content a { text-decoration: underline; }

.items { margin-top: 20px; }
.items .item { margin: 0 30px 20px 0; float: left; }

/* Icons
---------------------------------------- */

.icons a, .icon { padding: 0 0 0 23px; background-repeat: no-repeat; background-position: left center; }
.icon-rss { background-image: url(../i/icons/rss.gif); }
.icon-mail { background-image: url(../i/icons/mail.gif); }
.icon-rss-mini { background-image: url(../i/icons/rss-mini.gif); }
.icon-fb { background-image: url(../i/icons/fb.gif); }
.icon-fb, .icon-rss-mini, .icon-mail { font-size: 11px; padding: 0 9px 0 21px; line-height: 16px; display: inline-block; }

.a-arrow { background: url('../i/icons/a-arrow.gif'); width: 19px; height: 10px; display: block; }
.i-reload { background-image: url('../i/icons/i-reload.png'); text-decoration: none !important; color: #000; }
.i-reload:hover {  }
.i-reload span { background: url('../i/underline.gif') repeat-x left bottom; }
.i-reload:hover span { background: url('../i/underline-hover.gif') repeat-x left bottom; }

/* Box
---------------------------------------- */

.box { position: relative; }
.box-t { position: absolute; top: 0; left: 0; border-bottom: 2px solid #000; height: 0; width: 16px; overflow: hidden; font-size: 0px; }
.box-header {  }
.box-content {  }
.box-footer {  }

.box-simple { margin-bottom: 25px; }
.box-simple .box-content { padding: 10px 32px 0 32px; }

.content-box { border-left: 1px solid #000; padding: 25px 0 20px 40px !important; min-height: 400px; margin-bottom: 40px; }
.text-box { padding: 5px 10px !important; margin-bottom: 10px; }

.footer-box { border-left: 1px solid #000; font-size: 12px; padding-top: 23px!important; margin-bottom: 0!important; }
.footer-box .styled li, .footer-box .styled p { background: #fff; float: left; clear: both; margin-bottom: 6px; padding: 0 15px; list-style: none; margin-bottom: 0 !important; margin-top: 6px; }
.footer-box .styled p { white-space: nowrap; }
/*.footer-box .styled li a { text-decoration: underline; }*/
.footer-box .styled li:hover, .footer-box .styled li.hover, .footer-box .styled li.active, .footer-box .styled li.active a { background: #000 !important; color: #fff !important; }
.footer-box .styled li.active a { text-decoration:none; }
.footer-box .styled li:hover a, .footer-box .styled li.hover a, .footer-box .styled li.active span { color: #fff; text-decoration: none; }
.footer-box .last { margin-bottom: 0 !important; }

.pt, .footer-box { padding-top: 29px; padding-bottom:0;}

/* Box Blog
---------------------------------------- */

.box-blog { margin-top: 1px; }
.box-blog h2 { font-size: 20px !important; font-weight: normal; }
.box-blog .date { margin-bottom: 10px; }
.box-blog p { line-height: 14px; }
.box-blog-item { margin-bottom: 30px; }

.box-blog-years { font-size: 12px; }
.box-blog-years h4 { font-size: 20px; font-weight: normal; margin-bottom: 10px; line-height: 20px; }
.box-blog-years ul { }
.box-blog-years ul li { list-style: none; margin-bottom: 10px; padding-left: 0; background: none; }
.box-blog-years ul ul { margin-bottom: 0; }
.box-blog-years ul ul li { margin-bottom: 0; }

.box-blog-tags {  }
.box-blog-tags ul { margin-left: 0; }
.box-blog-tags ul li { list-style: none; background: none; padding-left: 0; }

.b-paginator-blog { width: 54.5%; margin-left: 0; position: relative; padding-bottom: 0 !important; position: relative; left: -40px; height: 30px; }
.b-paginator-blog .prev, .b-paginator-blog .c-prev { border-right: 1px solid #000; padding-right: 16px; position: absolute; right: 0px; }
.b-paginator-blog .next, .b-paginator-blog .prev { height: 30px; line-height: 30px; }
.b-paginator-blog .next, .b-paginator-blog .c-next { position: absolute; left: 100%; padding-left: 16px; }

.b-paginator-c { height: auto; }
.b-paginator-blog .c-prev, .b-paginator-blog .c-next { font-size: 11px; padding-top: 4px; line-height: 17px; }
.b-paginator-blog .c-prev a, .b-paginator-blog .c-next a { text-decoration: underline; }
.b-paginator-blog .c-prev { text-align: right; float: right; position: relative; }
.b-paginator-blog .c-next { width: 80%; }

.box-blog-post { line-height: 22px; margin-top: -1px; margin-bottom: 45px; }
.box-blog-post h1 { line-height: 34px !important; font-size: 28px !important; font-weight: normal; }
.box-blog-post h2 { line-height: 22px !important; font-size: 18px !important; font-weight: normal; margin-bottom: 20px; }
.box-blog-post h3 { line-height: 22px !important; font-size: 14px !important; font-weight: bold; }
.box-blog-post .date {  }

.page .blog-post { padding-bottom: 0 !important; padding-right: 10px !important; }

/* Box Dialog
---------------------------------------- */

.box-dialog { padding-top: 15px; }
.box-dialog .box-header { background: url(../i/icons/i-box-dialog.gif) no-repeat left 2px; padding-left: 33px; }
.box-dialog .box-content { padding-top: 20px; padding-left: 33px; }
.box-dialog h3 { font-weight: bold; font-size: 16px; }
.box-dialog p.bd-item, .box-dialog p.bd-item-other { text-indent: -18px; font-style: italic; }
.box-dialog p.bd-item-other { padding-left: 35px; font-size: 12px; }

/* Box News
---------------------------------------- */

.box-news { }
.box-news p { margin-bottom: 18px; line-height: 20px !important; }
.box-news .date { font-size: 9px; line-height: 9px; display: inline-block; margin-left: .7em; }

/* Box News Years
---------------------------------------- */

.box-news-years {  }
.box-news-years .box-content { padding: 10px 30px 15px 32px; }
.box-news-years ul { margin: 0; }
.box-news-years ul li { list-style: none; background: none; line-height: 20px !important; text-align: right; padding: 0; margin: 0 0 18px 0; }
.box-news-years .count-bar { height: 12px; overflow: hidden; width: 80%; display: block; float: left; position: relative; top: 4px; right: -17px; }
.box-news-years .count-bar .count { height: 12px; background: #c7cdcf; display: block; float: right; }

/* Box Faces
---------------------------------------- */

.box-faces { padding-top: 101px; }
.box-faces .box-content { padding-right: 10px; }
.box-faces .active { margin-bottom: 10px; margin-top: -6px; padding: 6px; background: url(../i/html.gif); }
.box-faces-item { margin-bottom: 16px; padding: 0 6px; text-align: right; }
.box-faces-item img { float: right; margin: 0 0 0 12px; }
.box-faces-item h4 { margin: 0; padding-top: 7px; font-size: 14px !important; line-height: 18px; font-weight: normal; }
.box-faces-item h4 a {text-decoration:none;}
.box-faces-item h4 a:hover {text-decoration:underline !important;}
.box-faces-item p { margin: 0; font-size: 11px; }
.miniface img { margin-bottom: 10px; }
.name { font-size: 12px; padding: 10px 0 5px 15px; }
.position { font-size: 11px; padding: 0 0 20px 15px; color: #666; }

/* Box Activity
------------------------------ */

.box-activity { font-size: 14px; }
.ba-active-projects { color: #99cc33; }
.ba-pbb { font-size: 9px; color: #ccc; }
.ba-pbb a { color: #ccc; }
#flash { margin-top: -13px; }

/* Text align, float
------------------------------ */

.a-left { text-align: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }

.f-left { float: left; }
.f-right { float: right; }

/*	Tables
------------------------------ */

table { width: 100%; }
table caption { text-align: center; }
table th, table td { border: 1px solid #d2d6d8; border-width: 0 1px 1px 0; padding: 7px 10px; vertical-align: top; border-top-color: #fff; }
table th { background: #fff url(../i/html.gif) center top; font-weight: bold; }
table .first { border-left: 1px solid #d2d6d8; }

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

.columns {  }
.w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55, .w-60, .w-65, .w-70, .w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62
	{ float: left; clear: right; }

.col-content { padding: 0 10px; white-space: normal; }
.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33.33%; }
.w-66 { width: 66.66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

/* Images
------------------------------ */

.bd { border: 1px solid #000; }
.content p img { margin-bottom: 0; }
img.f-left { margin-right: 1em; }
img.f-right { margin-left: 1em; }

/* Content Form
------------------------------ */

.content form { padding: .5em 0; }
.content fieldset { margin-bottom: 1em; border: none; }
.content legend { margin-top: -1px; padding-bottom: 1em; font-size: 1.1em; font-weight: bold; }

.content .f-row { overflow: hidden; margin-bottom: .5em; }
.content label { float: left; text-align: right; width: 25.99%; padding: 0 2%; }
.content .f-inputs { padding-left: 30%; display: block; }

.f-actions { padding-top: 1em; border-top: 1px solid #ccc; }

/* Message box
---------------------------------------- */

.message { border: 1px solid #ccc; padding: 1em; }

/* Inputs
------------------------------ */

input { vertical-align: middle }
.i-checkbox { margin-top: 3px; }
.i-radio { }
.i-select, select { width: 307px; padding: 1px; }
.i-text, select { width: 300px; padding: 1px; font: 1em Verdana; }
.i-button { padding: 0 .25em; width: auto; overflow: visible; cursor: pointer; }

.page-services {padding-top:30px !important;}
.page-services h1 {font-weight:normal; font-size:28px !important; margin-bottom:14px !important;}
.page-services h3 {margin-bottom:15px;}
.page-services p {line-height:normal;}
.page-services .lb-4.layout-box {margin-left:0;}
.page-services .lb-4.layout-box p {margin-bottom:12px}
.page-services .lb-4.layout-box ul li {margin-bottom:8px;}
.ml-25 {margin-left:25px !important; width:63.664%; clear:right;}
.plain-text {margin-left:2%;}
.plain-text p {line-height:normal; clear:both;}

.phones-contacts {text-align:right;}
.phones-contacts div {margin:0 0 20px 0; font-size:11px;}
.send-message {margin:14px 0 24px 0;}
.contact-form label {font-size:12px; font-weight:bold; clear:both; margin-top:4px;}
.contact-form label span {font-size:12px; color:#008641;}
.contact-form label strong {font-weight:normal; font-size:12px;}
.contact-form div {}
.contact-form input {border:none; border-left:1px solid black; background:url(../i/input-right.gif) 100% 0 no-repeat; float:left; padding:5px; font-size:14px; height:21px; width:354px; margin-bottom:17px; outline:none;}
.contact-form select {margin-bottom:17px; float:left;}
.contact-form input.error {background:url(../i/input-right.gif) 100% -31px no-repeat; border-left:1px solid #ff6666;}
.contact-form textarea {border:none; border-left:1px solid black; float:left; padding:5px; width:354px; height:151px; outline:none; background:none;}
.contact-form .textarea_bg {background:url(../i/textarea.gif) 100% 0 no-repeat; overflow:hidden; width:365px; margin-bottom:17px; float:left;}
.contact-form input.small {width:88px; margin-right:15px; clear:none;}
.contact-form .send-button {font-size:18px; color:white; width:117px; background:url(../i/button.gif) 0 0 no-repeat; border:none; height:31px; padding:0; overflow:visible; font-weight:normal; cursor:pointer;}
.contact-form textarea.error {background:url(../i/textarea_error.gif) 100% 0 no-repeat; border-left:1px solid #ff6666;}
.layout-box.lb-12.bb2.null-height {border:0; height:2px; background:black; overflow:hidden;}
.box.footer-box {}
.language-box {height:18px; overflow:hidden;}

.layout-container.container.lb-2-custom-cols .box.page-content.content-box {height:auto !important; overflow:hidden;}
.layout-container.container.pi-list .layout-box.lb-2.pi h6 { margin:0 !important;}
.layout-container.container.pi-list .layout-box.lb-2.pi {margin:0 0 33px 2% !important;}

.layout-container.container.pi-list .cc {height:0px !important; clear:both; margin:0 !important; padding:0 !important;}
* html .layout-container.container.pi-list .cc {margin-bottom:-15px !important;}
.cc-ie6 {//height:1px; clear:both;}
* html .min345_fix {height:auto !important;}

.nicety_right {text-align:right; font-size:12px;}
.nicety_right p, .nicety_right strong, .nicety_right i {font-size:12px;}
.nicety_right span {font-size:11px; color:#666666; line-height:normal;}
.nicety_right span a {color:#666666;}
.nicety_right span a:hover {text-decoration:none;}
.enter_text {font-size:12px; font-weight:bold; margin-bottom:3px;}
.enter_text span {font-size:12px; color:#008641; font-weight:bold;}
.nicety_page {}
.nicety_page textarea {border:none; border-left:1px solid black; float:left;  padding:5px; height:211px;  outline:none; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:12px; background:none; width:98%;}
.quot_1, .quot_2, .quot_3 {float:left; font-size:11px; font-weight:bold;}
.quot_1 {width:160px;}
.quot_2 {width:145px;}
.quot_3 {width:240px;}
.nicety_page input {float:left; margin-top:4px; display:block; //margin-top:0;}
.nicety_page label {width:auto; float:left; font-size:18px; font-weight:normal; margin-right:5%; display:block;}
.quot_3 label {font-size:14px; font-weight:normal;}
.initial {margin:8px 0 20px 0;}
.initial span {display:block; font-size:11px; font-weight:bold;}
.initial input, .initial label {float:left;}
.initial input {margin-top:3px; //margin-top:0;}
.initial label {font-size:14px; font-weight:normal; padding-left:5px; padding-right:0; margin-right:3%;}
.button {height:31px; padding-right:1px; background:url(../i/button.gif) 100% -32px no-repeat; float:left;}
.button input {overflow:visible; font-size:18px; font-weight:normal; color:white; padding:0 7px 0 8px; height:31px; background:url(../i/button.gif) 0 0 no-repeat; border:none; float:left; margin:0; cursor:pointer; width:auto !important;}
.ml_10p {margin-left:10px;}
* html .ml_10p {margin-left:5px;}
.mr_10 {margin-right:10px;}
.mt_17 {margin-top:17px;}
.nicety_page h4 {font-size:14px; font-weight:bold; float:left; margin:20px 0 3px 0;}
.nicety_page .copy_buf {font-size:12px; float:left;}
.nicety_page .copy_buf a, .nicety_page .copy_buf span {display:block; float:left; margin-top:27px;}
.nicety_right a strong {font-size:11px;}
.nicety_page .copy_buf a {text-decoration:none; border-bottom:1px dotted black; height:16px;}
.nicety_page .copy_buf a:hover {border-bottom:1px solid white;}
.nicety_page .textarea_bg {background:url(../i/textarea_big.gif) 100% 0 no-repeat; overflow:hidden; width:97%;}
.nicety_page textarea.cour {font-family:Courier, "Courier New", monospace;}
.outputhtml {padding:10px; background:url(../i/html.gif) 0 0 repeat; width:96%;}
.outputhtml div {padding:10px; background:white; font-size:12px;}
.nicety_page input.text {border:none; border-left:1px solid black; background:url(../i/input-right.gif) 100% 0 no-repeat; float:left; padding:5px; font-size:14px; height:21px; width:420px; margin-bottom:17px; outline:none; margin:0 10px 0 0;}
.outputhtml.cour div {font-size:12px; font-family:Courier, "Courier New", monospace;}
.outputhtml.cour {width:535px; overflow:hidden;}

.top_lines {border-top:1px solid black; background:url(../i/html.gif) 0 0 repeat; padding:4%;}
.top_lines h1, .top_lines h2, .top_lines h3 {font-family: "Helvetica Neue", Arial, Helvetica, sans-serif !important; }
/*.top_lines h1, .top_lines h2, .top_lines h3 {font-family: "Myriad Pro", "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, sans-serif !important;}*/
/*.top_lines h1, .top_lines h2, .top_lines h3 {//font-family:sans-serif !important;}*/
.top_lines h1 {font-weight:bold; font-size:46px !important; color:black; margin-bottom:0.45em !important;}
.top_lines h2 {font-size:34px !important; letter-spacing:-1px; font-weight:normal; line-height:0.95em !important; margin-bottom:0.6em !important;}
.top_lines h3 {font-size:22px !important; font-weight:normal; line-height:26px !important; margin-bottom:0 !important;}
.serv_double {clear:none;}
.serv_double h3 {font-size:20px; line-height:24px;}
.serv_double .lb-6, .serv_double .lb-5 {float:left;}
.serv_double .lb-6.first {padding:0 4% 0 4%; background:url(../i/gray_line.gif) 100% 0 repeat-y; margin-top:3%; width:44.7%}
.serv_double ul li {background:url(../i/li-arrow.gif) 11px 6px no-repeat; font-size:12px; font-family:Verdana, Arial, sans-serif; letter-spacing:-0.5px; margin-bottom:1em;}
.serv_double .lb-5 {padding:0; margin-top:3%; text-align:center; width:47%;}
.serv_double .lb-5 div {text-align:center; font-size:11px; color:#cccccc; font-family:Arial, Tahoma, Verdana, sans-serif;}
.fll {float:left; overflow:hidden;}
.serv_right {float:right;}
.serv_right .some_line {height:3px; background:url(../i/some_line.gif) 0 0 repeat-x; margin-bottom:22px;}
.serv_right h3 {display:block; padding-left:6%; background:url(../i/li-arrow.gif) 0 6px no-repeat; font-size:20px; line-height:24px;}
* html .serv_right h3 {padding-left:1.5%;}
.serv_right ul li {display:block; margin-bottom:3px !important; padding:16px 25px 13px 18px; font-size:11px; font-family:Verdana, Arial, Tahoma, sans-serif; color:#666666; background:url(../i/slash_o.gif) 100% 100% no-repeat; float:left; line-height:14px; white-space:nowrap;}
.serv_right ul li.b {background:url(../i/slash_b.gif) 100% 100% no-repeat;}
.serv_right ul li.r {background:url(../i/slash_r.gif) 100% 100% no-repeat;}
.serv_right ul li.g {background:url(../i/slash_g.gif) 100% 100% no-repeat;}
.serv_right ul li strong {color:black;}

/*----------------------do not erase for memory!------------*/
#outer {display:table; vertical-align:middle;}
#middle {display:table-cell; vertical-align:middle;}
#inner {display:static;}

#outer {height: 140px; overflow: hidden; position: relative; border:1px solid black; width:400px;}
#middle {//position: absolute; //top: 50%; border:1px solid green;}
#inner {//position: relative; //top:-50%; border:1px solid red; width:100px;}
/*----------------------------------------------------------*/


.pop_left {margin:0 !important; overflow:hidden; height:140px;}
.pop_left li {padding:0 !important; background:none !important; width:33.32%; float:left; margin-right:0%; height:140px; overflow:hidden;}
.pop_left li .pop_up {float:left; width:158px; overflow:hidden;}
.pop_left li .customer {float:left; width:142px; overflow:hidden;}
.pop_left li .outer {display:table; vertical-align:middle; height: 140px; position: relative;}
.pop_left .middle {display:table-cell; vertical-align:middle; width:143px;}
.pop_left .middle {//position: absolute; //top: 50%;}
.pop_left .middle.pop_up {width:143px;}
.pop_left .middle .inner {display:static; font-size:9px; color:#333333; font-family:Verdana, "Helvetica Neue", Arial, Helvetica, sans-serif; line-height:14px; border:1px solid #d2d6d8; padding:12px; text-align:right; position:relative;}
.pop_left .customer .middle .inner {padding:0; border:0; text-align:left;}
.pop_left .customer .middle .inner a {overflow:hidden; display:block;}
.pop_left .customer .pop_up .inner {//position: relative; //top:-50%; width:117px; overflow:visible;}
.pop_left .middle .inner img {position:absolute; left:141px; top:50%; margin:0 !important; margin-top:-9px !important;}
.pop_left .customer .middle .inner img {position:static; left:0; top:0; margin:0 !important;}
.pop_left .customer .middle .inner img.colored {}
.pop_left .customer .colored {display:none;}

.pop_left.right .customer .middle .inner {text-align:right;}
.pop_left.right .pop_up .middle .inner {left:15px; text-align:left;}
.pop_left.right .middle .inner img {left:-10px;}
.clients {padding:0 !important;}
.result_message {color:#008641; font-size:12px;}*/
.error_message, .success_message {height:16px;}
.error_message img, .error_message span, .success_message img, .success_message span {display:block; float:left;}
.error_message span, .success_message span {font-size:9px; color:#ff3333; background:#fff2f2; border:1px solid #ffcccc; border-left:none; line-height:14px; padding:0 10px;}
.success_message span {color:#009933; background:#f2fff2; border:1px solid #bfe5cc; border-left:none;}
.open_new {padding-right:16px; background:url(../i/nw.gif) 100% 3px no-repeat;}
.open_new:hover {background:url(../i/nw.gif) 100% -27px no-repeat;}
/*.exception .phones-contacts p strong {font-size:16px;}*/
.at-contacts li {list-style-type:none; margin-bottom:3px; background:none !important;}
.at-contacts li span {color:#009933;}
.not-exist {font-size:16px; font-weight:bold;}
.exception h1.fm {margin-bottom:6px !important;}
.exception-banner {margin:0 0 0 -10px;}
.after_banner {margin-top:-26px;}
.twt{background:url(../images/icons/twitter.gif) no-repeat scroll  0 transparent; padding-left:20px; padding-right: 7px;}
.langTop{float:right; margin-top:-265px; position: absolute; right:0px; font-size: 11px}
.langTopAbout{float:none; margin:0; top:30px}
.langTop li.last{padding-right: 0px !important}