html { height: 100%; }
body { height: 100%; background: #ffffff url(../images/n.gif) no-repeat fixed; color: #000000; margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; }
table { border: 0; border-collapse: collapse; }
th, td { padding: 0; }
img { border: 0; }
form { margin: 0; }
a { color: #04E304; text-decoration: underline; }
a:hover { color: #04E304; text-decoration: none; }

.min-width { min-width: 990px; /*overflow: hidden;*/ }
.max-width { max-width: 1600px; /*overflow: visible;*/ margin: 0 auto; }

.tabler { display: table; width: 100%; height: 100%; }
.locator { height: 100%; overflow: visible; display: table-cell; vertical-align: middle; width: 100%; }
.pre { position: relative; margin: 0 3px; }

.header-box { position: fixed; width: 100%; z-index: 100; max-width: 1600px; min-width: 990px; }
.header { margin: 0 15px 15px; border-top: 15px solid #ffffff; background: #f9f9f9; height: 40px; }
.header .logo { float: left; }
.header .contact { float: right; height: 40px; }
.header .contact .phone { color: #5d5d5d; font-weight: bold; font-style: italic; font-size: 75%; padding-right: 15px; }
.header .contact .phone b { font-size: 142%; color: #04e304; }
.header .contact .mail { font-size: 106%; padding-right: 15px; font-style: italic; }
.header .contact a { color: #666666; text-decoration: underline; }
.header .contact a:hover { color: #666666; text-decoration: none; }
.header .contact .link { padding-right: 15px; font-size: 63%; font-family: Arial, Helvetica, sans-serif; line-height: 110%; font-style: italic; }
.header ul.main-menu { margin: 0 400px 0 280px; text-align: center; margin: 0; padding: 0; list-style: none; }
.header ul.main-menu li { display: inline; line-height: 40px; margin: 0 8px; font-size: 113%; font-style: italic; }
.header ul.main-menu a { color: #000000; text-decoration: underline; }
.header ul.main-menu a:hover { color: #000000; text-decoration: none; }
.header ul.main-menu a.active, .header ul.main-menu a.active:hover { color: #04e304; text-decoration: none; }
.header ul.main-menu img { position: absolute; margin-top: 5px; }

#ajax { margin: 0; padding: 70px 60px 25px; /*overflow: hidden;*/ }

.main-page h1 { font-size: 300%; text-align: center; font-weight: normal; margin: 0 0 25px; }
.main-page .last-work { margin-bottom: 30px; height: 320px; position: relative; }
.main-page .last-work .link { background: url(../images/structure/trans_bg.png); color: #ffffff; font-size: 113%; padding: 10px 15px; font-style: italic; position: absolute; font-weight: normal; }
.main-page .last-work a { color: #ffffff; text-decoration: underline; }
.main-page .last-work a:hover { color: #ffffff; text-decoration: none; }
.main-page .last-work .descr { background: url(../images/structure/trans_bg.png); color: #ffffff; padding: 10px 15px; font-style: italic; position: absolute; right: 0; bottom: 0; width: 410px; line-height: 120%; font-size: 75%; }
.main-page .last-work .descr p { margin: 0; }
.main-page .twitter { float: right; color: #666666; position: relative; width: 440px; }
.main-page .twitter .icon { position: absolute; margin: 105px 0 0 -50px; }
.main-page .twitter .img { padding-right: 15px; }
.main-page .twitter .text { width: 175px; border: 1px solid #dadada; height: 138px; overflow: hidden; font-size: 75%; float: right; }
.main-page .twitter .text .corn { position: absolute; margin: 30px 0 0 -9px; }
.main-page .twitter .text p { margin: 0; padding: 5px 10px 0; font-style: italic; height: 100px; overflow: hidden; }
.main-page .twitter .text .who { font-size: 83%; font-style: italic; padding: 0 10px; }
.main-page .twitter .text .when { font-size: 83%; font-family: Arial, Helvetica, sans-serif; padding: 0 10px; color: #999999; }
.main-page .last-of-blog { margin-right: 470px; height: 140px; position: relative; }
.main-page .last-of-blog .icon { position: absolute; margin: 110px 0 0 -45px; }
.main-page .last-of-blog .name { background: url(../images/structure/trans_bg.png); color: #ffffff; padding: 10px 15px; font-style: italic; position: absolute; font-size: 113%; }
.main-page .last-of-blog .name span { font-size: 67%; }
.main-page .last-of-blog a { color: #ffffff; text-decoration: underline; }
.main-page .last-of-blog a:hover { color: #ffffff; text-decoration: none; }

.footer { font-family: Arial, Helvetica, sans-serif; font-size: 63%; color: #a5a5a5; height: 40px; overflow: hidden; line-height: 40px; padding: 0 15px; }
.footer .right { float: right; padding-top:13px; }

.loader { height: 100px; background: url(../images/structure/preloader.gif) 50% 100% no-repeat; }

.map { height: 250px; margin-bottom: 30px; }

.page-menu { padding: 10px 0 40px; text-align: center; font-size: 150%; color: #7f7f7f; font-style: italic; }
.page-menu b { color: #04e304; font-weight: normal; }
.page-menu a { color: #7f7f7f; text-decoration: none; border-bottom: 1px dashed #7f7f7f; }
.page-menu a:hover { color: #7f7f7f; text-decoration: none; border-bottom: 1px dashed #ffffff; }

.address { font-size: 125%; font-weight: normal; margin-bottom: 16px; }
.contacts { color: #7f7f7f; padding-bottom: 25px; }
.contacts a { color: #7f7f7f; text-decoration: underline; font-style: italic; }
.contacts a:hover { color: #7f7f7f; text-decoration: none; }
.contact-form { width: 600px; position: relative; margin: 0 0 0 auto; height: 200px; }
.contact-form h2 { margin: 0 0 10px; font-weight: normal; font-size: 175%; }
.contact-form .field-1 { position: absolute; border: 1px solid #e6e6e6; width: 206px; height: 22px; margin: 1px 0 0 0; }
.contact-form .field-2 { position: absolute; border: 1px solid #e6e6e6; width: 206px; height: 22px; margin: 36px 0 0 0; }
.contact-form .field-3 { position: absolute; border: 1px solid #e6e6e6; width: 206px; height: 22px; margin: 72px 0 0 0; }
.contact-form .field-4 { position: absolute; border: 1px solid #e6e6e6; width: 206px; height: 22px; margin: 108px 0 0 0; }
.contact-form .field-5 { position: absolute; border: 1px solid #e6e6e6; width: 365px; height: 130px; margin: 0 0 0 232px; }
.contact-form .field-5 textarea { position: absolute; margin-top: 2px; }
.contact-form .field-6 { position: absolute; margin: 145px 0 0 523px; }
.contact-form input { position: absolute; }
.contact-form .input { border: 0; width: 195px; padding: 2px 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; color: #b3b3b3; height: 20px; }
.contact-form .input2 { border: 0; width: 195px; padding: 2px 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; color: #000000; height: 20px; }
.contact-form .textarea { border: 0; width: 353px; padding: 2px 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; color: #b3b3b3; height: 122px; }
.contact-form .textarea2 { border: 0; width: 353px; padding: 2px 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 100%; color: #000000; height: 122px; }
.contact-form .field-5 input, .contact-form .field-5 input2 { width: 355px; height: 126px; }

.work-list { position: relative; }
.work-list .wl-navi { margin-bottom: 35px; padding-top: 15px; font-size: 75%; color: #6c6c6c; font-style: italic; line-height: 170%; position: fixed; width: 900px; background: #ffffff; z-index: 100; }
.work-list .wl-navi a { color: #6c6c6c; text-decoration: none; }
.work-list .wl-navi a.active, .work-list .wl-navi a:hover { color: #6c6c6c; text-decoration: underline; }

.work-list .wl-slider-loc { margin: 0; }
.work-list .wl-slider-loc .shl { float: left; margin-bottom: -480px; position: relative; }
.work-list .wl-slider-loc .shr { float: right; margin-bottom: -480px; position: relative; }
.work-list .wl-slider { padding-top: 100px; }
.work-list .wl-slider table { }

.work { margin-right: 8px; height: 430px; width: 700px; overflow: hidden; }
.work img { display: block; margin-bottom: 10px; }
.work .w-date { font-size: 75%; color: #ffffff; }
.work a.w-link { font-size: 75%; text-decoration: none; color: #ffffff; }
.work a.w-link span { font-style: italic; text-decoration: underline; }
.work a.w-link:hover span { text-decoration: none; }
.work .w-name { font-size: 113%; font-style: italic; }
.work .w-infobox { background: url(../images/structure/trans_bg.png); float: left; margin-bottom: -440px; position: relative;
padding: 10px 15px; color: #ffffff; }

.eshhhe { width: 360px; padding: 0 30px; color: #6c6c6c; font-size: 144%; text-align: center; font-style: italic; }

.team-list { margin: 0 30px -70px; text-align: center; }
.team-list .tl-one { width: 340px; height: 255px; vertical-align: top; display:-moz-inline-box; display:inline-block; }
.team-list .tlo-pic { display: block; width: 240px; text-align: left; margin: 0 auto; }
.team-list .tlo-pic .switcher { position: absolute; margin: 0 0 0 220px; }
.team-list .tlo-pic .photo { display: block; margin-bottom: 10px; }
.team-list .tlo-pic a { font-weight: bold; font-style: italic; color: #000000; text-decoration: underline; }
.team-list .tlo-pic a:hover { font-weight: bold; font-style: italic; color: #000000; text-decoration: none; }
.team-list .tlo-pic span { display: block; font-size: 75%; color: #939393; padding-top: 5px; }

#cover { height: 100%; width: 100%; opacity: 0.85; position: fixed; left: 0; top: 0; background: #ffffff; z-index: 1000; display: none; }
#popup { position: fixed; left: 0; top: 0; z-index: 1500; display: none; }
#popup .close { position: absolute; margin: 10px 0 0 833px; }
#popup .top-shadow, #popup .bot-shadow { display: block; }
#popup .left-shadow { width: 25px; background: url(../images/structure/left_shadow.png) 100% 0 repeat-y; }
#popup .right-shadow { width: 25px; background: url(../images/structure/right_shadow.png) 0 0 repeat-y; }
#popup .body { background: #ffffff; }
#popup-body { width: 765px; margin: 0 auto; }

.person td { vertical-align: top; }
.person .switcher { position: absolute; margin: 0 0 0 422px; }
.person .p-pic { padding-right: 20px; }
.person .p-info { margin-bottom: -15px; }
#popup-body h2 { margin: 0 0 15px; font-style: italic; }
.person .p-info h2 { margin: 0; }
.person .p-info span { margin: 0 0 25px; font-size: 12px; color: #939393; display: block; }
#popup-body p { margin: 0 0 15px; font-size: 14px; font-style: italic; }

.blog-box { max-width: 1200px; margin: 0 auto; padding-top: 15px; margin-bottom: -25px; }
.blog-box .left-col { float: left; width: 180px; overflow: hidden; }
.blog-box .left-col .icos { margin-bottom: 25px; padding-top: 5px; }
.blog-box .left-col .icos img { margin-right: 10px; }
.blog-box .left-col .tags { margin-bottom: 25px; font-size: 14px; }
.blog-box .left-col .tags .head { font-weight: bold; margin-bottom: 5px; }
.blog-box .left-col .tags a { color: #000000; text-decoration: none; font-style: italic; }
.blog-box .left-col .tags a:hover { color: #000000; text-decoration: underline; }
.blog-box .left-col .tags a.active, .blog-box .left-col .tags a.active:hover { color: #04E304; text-decoration: none; }
.blog-box .left-col .tags .size-1 { font-size: 10px; }
.blog-box .left-col .tags .size-2 { font-size: 11px; }
.blog-box .left-col .tags .size-3 { font-size: 12px; }
.blog-box .left-col .tags .size-4 { font-size: 13px; }
.blog-box .left-col .tags .size-5 { font-size: 14px; }
.blog-box .left-col .tags .size-6 { font-size: 16px; }
.blog-box .left-col .tags .size-7 { font-size: 18px; }
.blog-box .left-col .tags .size-8 { font-size: 20px; }
.blog-box .left-col .tags .size-9 { font-size: 22px; }
.blog-box .left-col .tags .size-10 { font-size: 24px; }
.blog-box .blog-content { margin: 0 auto 0 200px; width: 800px; }
.blog-box .blog-item { margin-bottom: 25px; border-bottom: 1px dashed #d9d9d9; padding-bottom: 15px; }
.blog-box .blog-item img { display: block; margin-bottom: 5px; }
.blog-box .blog-item h2 { font-size: 24px; margin: 0; font-weight: normal; }
.blog-box .blog-item p { font-size: 75%; line-height: 170%; margin-bottom: 18px; }
.blog-box .blog-item .bi-info { color: #b3b3b3; margin-bottom: 18px; }
.blog-box .blog-item .bi-info a { color: #b3b3b3; font-style: italic; }
.blog-box .blog-item .bi-info a:hover { color: #b3b3b3; font-style: italic; text-decoration: none; }
.blog-box .blog-item .bi-info p { margin: 0 0 15px; }
.blog-box .blog-item .facebook_like { margin-top: 15px; }

.blog-box .right-col { float: right; width: 180px; overflow: hidden; }
.blog-box .work-content { margin: 0 200px 0 auto; width: 800px; }

.blog-box .blog-pages .left-link { font-size: 24px; font-style: italic; float: left; text-decoration: none; }
.blog-box .blog-pages .right-link { font-size: 24px; font-style: italic; float: right; text-decoration: none; }
.blog-box .blog-pages .left-link span, .blog-box .blog-pages .right-link span { text-decoration: underline; }
.blog-box .blog-pages a.left-link:hover span, .blog-box .blog-pages a.right-link:hover span { text-decoration: none; }
.blog-box .blog-pages .nums { text-align: center; margin: 0 200px; padding-top: 3px; }
.blog-box .blog-pages .nums a { display: inline-block; padding: 2px 5px; font-size: 18px; color: #7f7f7f; text-decoration: none; }
.blog-box .blog-pages .nums a:hover { display: inline-block; padding: 2px 5px; font-size: 18px; color: #66ff33 !important; text-decoration: none; }
.blog-box .blog-pages .nums b { display: inline-block; padding: 2px 5px; font-size: 18px; color: #ffffff; background: #66ff33; font-weight: normal; }
.blog-box .blog-pages .nums a.opacity-85 { color: #999999 }
.blog-box .blog-pages .nums a.opacity-70 { color: #b3b3b3 }
.blog-box .blog-pages .nums a.opacity-55 { color: #cccccc }
.blog-box .blog-pages .nums a.opacity-40 { color: #e5e5e5 }

.work-props { color: #555555; }
.work-props b { display: block; margin: 0 0 3px; }
.work-props i { display: block; margin: 0 0 25px; padding-left: 3px; }

.works-f { position: fixed; }
.work-head { padding: 0 !important; border-bottom: 0 !important; }

.things h1 { text-align: left; margin: 0 0 15px; }
.things h2 { margin: 15px 0 0; font-size: 28px; }
.things .th-left-col { width: 48%; float: left; margin: 0; }
.things .th-right-col { width: 48%; float: right; margin: 0; }
.things .th-hr { height: 25px; background: url(../images/structure/hr.gif) 0 100% repeat-x; clear: both; }
.things .th-clients { margin: 0 0 15px; font-size: 18px; font-style: italic; }
.things .th-reports { margin: 0 0 15px; }
.things .th-reports td { vertical-align: top; }
.things .thr-pics { width: 239px; height: 140px; overflow: hidden; margin-right: 25px; }
.things .thr-pics img { display: block; }
.things .thr-left { position: absolute; width: 38px; height: 22px; background: #000000; opacity: 0.5; margin: 118px 0 0 0; }
.things .thr-right { position: absolute; width: 38px; height: 22px; background: #000000; opacity: 0.5; margin: 118px 0 0 201px; }
.things a.thrl-link { position: absolute; margin: 118px 0 0 0; color: #ffffff; text-decoration: none; line-height: 22px; text-align: center; width: 38px; }
.things a.thrr-link { position: absolute; margin: 118px 0 0 201px; color: #ffffff; text-decoration: none; line-height: 22px; text-align: center; width: 38px; }
.things a.thrl-link:hover { color: #04E304; text-decoration: none; }
.things a.thrr-link:hover { color: #04E304; text-decoration: none; }
.things .thr-report { border: 1px solid #dedede; background: #f5f5ea; padding: 17px 35px; }
.things .thr-corn { background: url(../images/structure/corn2.gif); width: 9px; height: 15px; position: absolute; margin: 30px 0 0 -8px; }
.things .thr-report p { margin: 0 0 5px; font-size: 20px; color: #636363; font-style: italic; text-align: justify; }
.things .thrr-client { color: #666666; font-style: italic; text-align: right; font-size: 12px; }
.things .thrr-post { color: #999999; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-align: right; }
.things .thr-another { float: right; background: #7f7f7f; padding: 3px 15px 4px; font-style: italic; font-size: 12px; font-weight: bold; }
.things .thr-another a { color: #ffffff; text-decoration: none; border-bottom: 1px dotted #ffffff; }
.things .thr-another a:hover { color: #ffffff; text-decoration: none; border-bottom: 1px dotted #7f7f7f; }