/* common features */
* {margin:0;padding:0;font:12pt/140% "Tahoma";color:#222;}
a,input,select,textarea {outline:none;}
html,body {width:100%;background:#fff;}
img {border:none;}
.clear {clear:both;font-size:0;}
li {list-style:none;}
table {border-collapse:collapse;}

/* headers, fonts */
h1,h2,h3,h4 {margin:1em 0;font-weight:bold;font-family:"Trebuchet MS";}
.header h1 {margin:0 0;font-weight:bold;font-family:"Trebuchet MS";}
#header h1 {margin:0 0;font-weight:bold;font-family:"Trebuchet MS";}
h1 {font-size:130%;color:#033c83;}
h2 {margin:1.5em 0 0.75em 0;font-size:115%;color:#fa7a43;}
h3 {font-size:115%;color:#033c83;}
h4 {font-size:125%;color:#fa7a43;}
p.ph {margin:0.5em 0 0.2em;font-weight:bold;font-family:"Trebuchet MS";font-size:130%;color:#033c83;text-align:center;}
p.sitelink {margin-top:1em;font-weight:bold;color:#033c83;}
.c {text-align:center;}
.u {text-decoration:underline;}
span {font-size:100%;}
.b {font-weight:bold;}
.bс {font-weight:bold;text-align:center;}
.sbс {font-size:70%;font-weight:bold;text-align:center;}
.at {font-weight:bold;color:#c33;}
.bcr {color:red;font-weight:bold;text-align:center;}
div.text1 {margin:0.5em 2em 1em;}
div.text1 p,div.text1 li {font-family:"MS Sans Serif";color:#444;text-align:justify;}
div.text1 ul.disc li {margin-left:2em;list-style:disc;}

/* images */
img.lpim {float:left;margin:0.1em 2.5em 0.3em 2em;}
img.rpim {float:right;margin:0.1em 2em 0.3em 2.5em;}

/* links */
.link1 {text-decoration:none;color:#a3a3a3;font-size:80%;}
.link1:hover {text-decoration:underline;color:#444;}
.details {float:left;margin:1em 1em 0 0;}

/* buttons */
a.butn_blue,a.butn_green,a.butn_red {display:block;padding:0.1em 0.5em 0.25em;text-decoration:none;color:#fff;font-size:80%;border-radius:0.3em;-moz-border-radius:0.3em;-webkit-border-radius:0.3em;-khtml-border-radius:0.3em;}
a.butn_blue:hover,a.butn_green:hover,a.butn_red:hover {background-position:0 -1.9em;}
a.butn_blue {background:url('../img/butns1.png') repeat-x;border:1px solid #1b60b2;}
a.butn_green {background:url('../img/butns2.png') repeat-x;border:1px solid #25b21b;}
a.butn_red {background:red;}

/*----*/
div.header,div.topbar,div.content,div.footer {width:61.8em;}

div.header {height:11em;margin:0.5em auto 0;}
div.logo,div.menu {float:left;}
div.logo {width:23%;padding-top:0.4em;text-align:center;}
div.menu {width:77%;}
div.menu ul.cat li.cat_item {float:left;margin-left:2.5em;}
div.menu ul.cat li.cat_item a {text-decoration:none;font-weight:bold;font-size:105%;}
div.menu ul.subcat li.subcat_item {margin:0.3em 0;}
div.menu ul.subcat li.subcat_item a {font-size:80%;color:#aaa;}
div.menu ul.subcat li.subcat_item a:hover,.menu ul.subcat li.subcat_item a.on {color:#333;}
div.topbar {margin:0 auto;height:3.25em;background:url('../img/bar.png') repeat-x;border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-khtml-border-radius:0.5em;}
div.topbar div.left,div.topbar div.center,div.topbar div.right {float:left;margin:0.3em 0;}
div.topbar div.left,div.topbar div.right {width:31%;}
div.topbar div.center {width:37%;}
div.topbar div.left p {padding-left:1em;}
div.topbar div.center p {text-align:center;}
div.topbar div.right p {padding-right:0.3em;text-align:right;}
div.topbar p {margin:0.15em 0.3em;font-size:75%;line-height:150%;color:#fff;}

div.content {margin:0 auto;min-height:20em;}
div.services_links {margin:1em 0.6em;}
div.services_links ul li {float:left;width:25%;}
div.services_links ul li a {display:block;margin:0 auto;width:85%;height:15em;padding-top:1em;text-decoration:none;text-align:center;font-weight:bold;line-height:190%;color:#aaa;border:0.15em solid #c3c3c3;border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-khtml-border-radius:0.5em;}
div.services_links ul li a:hover {color:#333;border:2px solid #3683dd;}
div.services_links ul li a img {position:relative;top:2.5em;}
div.hotjobs {width:100%;text-align:center;}
div.hotjobs ul li a {font-size:90%;}
div.hotjobs ul li a:hover {color:#033c83;}
div.business_steps {width:75%;margin:0 auto;text-align:center;}
div.business_steps ul li {float:left;width:19%;}
div.business_steps ul li.arrow {width:8%;}
div.business_steps ul li.arrow img {position:relative;top:3.6em;}
div.color_box_1,div.color_box_2,div.color_box_3,div.color_box_4 {margin:0.1em auto;width:1.2em;height:1.05em;padding-top:0.1em;text-align:center;font-size:7em;line-height:93%;font-weight:bold;font-family:"Trebuchet MS";color:#fff;border-radius:0.1em;-moz-border-radius:0.1em;-webkit-border-radius:0.1em;-khtml-border-radius:0.1em;}
div.color_box_1 {background:#f143aa;}
div.color_box_2 {background:#5e9ce4;}
div.color_box_3 {background:#8bd451;}
div.color_box_4 {background:#fa7a43;}
div.step_text {font-size:75%;color:#444;}

div.footer {margin:2em auto 0.5em;background:url('../img/bar.png') repeat-x;border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-khtml-border-radius:0.5em;}
div.footer p {margin:0 auto;padding:1em 0;width:13em;color:#fff;text-align:center;font-size:75%;}

div.counters {margin:0 auto 0.5em;width:40em;height:2em;}
div.counters div {float:left;margin:0 0.5em;}

div.error_hdr {color:#3683dd;font-size:150%;padding:10px;}
div.error_line {background:#033c83;height:2px;width:100%;}
div.error_num {background:#3683dd;color:#fff;font-size:200%;font-weight:bold;padding:20px 10px;}
div.error_page {background:#fff;margin:20px auto;width:600px;}
div.error_sign1 {padding-top:47px;}
div.error_sign1 p,div.error_sign2 p {padding-left:10px;}
div.error_sign1,div.error_sign2 {float:left;height:110px;width:50%;}
div.error_text {padding:0 10px;text-align:justify;}

div.company_map,div.company_contacts {float:left;}
div.company_map {width:68%;}
div.company_map iframe {border:1px solid #bbb;}
div.company_contacts {width:32%;}

div.section,div.butns {float:left;}
div.section {width:45%;}
div.butns {width:55%;}
div.butns a {float:left;margin:1.85em 0 0 2em;}

div.ideas {width:100%;}
div.ideas ul li {float:left;width:33%;}
div.ideas ul li a {display:block;margin:1em;padding:1em;min-height:27em;text-align:center;color:#777;text-decoration:none;font-size:80%;border:0.1em solid #3683dd;border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-khtml-border-radius:0.5em;}
div.ideas ul li a span {color:#777;}
div.ideas ul li a:hover {color:#333;border:0.1em solid #fa7a43;}
div.ideas ul li a:hover span {color:#333;}
div.ideas ul li a img {margin:0.5em 0;}

div.solution_page {text-align:justify;}
div.solution_page img {float:right;margin:0.5em 0 0.5em 2em;}

div.partners {width:100%;}
div.partners ul li {float:left;margin:1em 0;}
div.partners ul li.partner_logo {width:32%;text-align:center;}
div.partners ul li.partner_logo img {margin-top:0.1em;}
div.partners ul li.partner_text {width:68%;}
div.partners ul li.partner_text p {text-align:justify;}

div.specials {margin:1em;}
div.specials ul.caption {margin:0 1em;background:#ccc;border-radius:0.5em 0.5em 0 0;-moz-border-radius:0.5em 0.5em 0 0;-webkit-border-radius:0.5em 0.5em 0 0;-khtml-border-radius:0.5em 0.5em 0 0;}
div.specials ul.caption li {float:left;padding:0.2em 0 0.5em;font-size:70%;font-weight:bold;text-align:center;}
div.specials ul.caption li.caption_name {width:45%;}
div.specials ul.caption li.caption_business {width:30%;}
div.specials ul.caption li.caption_time {width:10%;}
div.specials ul.caption li.caption_rate {width:15%;}
div.specials ul.data {margin:0 1em;}
div.specials ul.data li {float:left;padding:0.2em 0 0.4em;font-size:75%;text-align:center;border-bottom:1px dotted #ccc;}
div.specials ul.data li.sd_name {width:45%;}
div.specials ul.data li.sd_name p {margin-left:0.5em;font-size:100%;text-align:left;}
div.specials ul.data li.sd_business {width:30%;}
div.specials ul.data li.sd_time {width:10%;}
div.specials ul.data li.sd_rate {width:15%;}

/* modals */
#simplemodal-overlay {background:#000;}
#simplemodal-container {background:#f1f8ff;border:3px solid #555;border-radius:0.5em;-moz-border-radius:0.5em;-webkit-border-radius:0.5em;-khtml-border-radius:0.5em;}
div.closebtn {height:1em;text-align:right;}
div.closebtn a {padding:0 0.3em 0.2em 0.3em;text-decoration:none;font-weight:bold;color:#111;border-left:1px solid #bbb;border-bottom:1px solid #bbb;border-radius:0 0 0 0.2em;-moz-border-radius:0 0 0 0.2em;-webkit-border-radius:0 0 0 0.2em;-khtml-border-radius:0 0 0 0.2em;}
div.closebtn a:hover {color:#f30;}
#calculator {display:none;width:32em;}
#portfolio {display:none;width:43em;}

/* invoice */
div.invoice_body select,div.invoice_body input {font-size:75%;height:1.85em;border:1px solid #ccc;}
div.invoice_body textarea {width:25em;height:5em;font-size:120%;}

.invoice {margin:0 1em 0.7em 1em;}
.invoice div.invoice_body {min-height:27em;}
.invoice div.invoice_body div.invoice_header {margin-bottom:0.5em;padding-bottom:0.7em;font-size:105%;font-weight:bold;color:#033c83;text-align:center;border-bottom:1px solid #bbb;}
.invoice div.invoice_body div.invoice_header span {font-weight:bold;color:#25b21b;}
.invoice div.invoice_body p {font-size:70%;font-weight:bold;color:#333;}
.invoice div.invoice_body p select {font-size:110%;font-weight:normal;}
.invoice div.invoice_body p.par {margin-top:0.7em;padding:0.1em 0.2em 0.2em;}

.invoice div.invoice_result {margin:0 0 0.5em;min-height:1.2em;border-top:1px solid #bbb;}
.invoice div.invoice_result p {margin-top:0.2em;text-align:right;font-size:75%;font-weight:bold;}
.invoice div.invoice_result span {font-weight:bold;color:red;}

.invoice div.invoice_buttns a {float:right;margin:0.5em 0 0 1em;}
.invoice div.invoice_buttns a#get_ordersum {display:none;}
.invoice div.invoice_buttns a#checkout_order {display:none;}
.invoice div.invoice_buttns a#send_contacts {display:none;}

.invoice div.invoice_body p.order_comms {text-align:justify;}
.invoice div.invoice_body p.order_comms span {font-weight:normal;color:#999;}
.invoice div.invoice_body p.order_contact {margin:1em 0;}
.invoice div.invoice_body p.order_contact input {width:20em;height:1.3em;margin-bottom:0.7em;padding:0.1em 0.2em 0.2em;font-size:110%;}
.invoice div.invoice_body p.order_contact span {font-weight:normal;color:#999;}
.invoice div.invoice_body p.order_sum {margin:1em 0;}
.invoice div.invoice_body p.order_sum span {font-weight:bold;color:#25b21b;}
.invoice div.invoice_body p.order_code {margin:1em 0;}
.invoice div.invoice_body p.order_code span {font-weight:bold;color:#25b21b;}
.invoice div.invoice_body p.thankyou {margin:2em 0 0;font-size:90%;line-height:135%;text-align:center;color:#f60;}

/* portfolio */
div.portfolio {margin:0 1em 0.7em;}
div.portfolio div.portfolio_body {width:100%;}
div.portfolio div.portfolio_body p.portfolio_header {margin-bottom:0.3em;padding-bottom:0.7em;font-size:105%;font-weight:bold;color:#033c83;text-align:center;border-bottom:1px solid #bbb;}
div.portfolio div.portfolio_buttns {padding-top:0.5em;border-top:1px solid #bbb;}
div.portfolio div.portfolio_buttns a {float:right;margin:0.5em 0 0 1em;}

a.next,a.prev {display:block;float:left;width:18px;height:18px;cursor:pointer;}
a.prev {margin:6em 0.7em 0 0;background:url('../img/scr_left.png') no-repeat;}
a.next {margin:6em 0 0 0.5em;background:url('../img/scr_right.png') no-repeat;}
a.prev:hover,a.next:hover {background-position: 0 100%;}

div.sites div.scr {float:left;position:relative;overflow:hidden;width:37em;height:16em;}
div.sites div.scr div.items {position:absolute;width:20000em;}
div.sites div.scr div.items div {float:left;margin-top:0.4em;width:37em;height:16em;}
div.sites div.scr div.items div p {padding:0.2em;font-size:80%;line-height:135%;text-align:justify;}
div.sites div.scr div.items div p span {font-size:105%;font-weight:bold;color:#25b21b;}
div.sites div.scr div.items div p img {float:right;margin-left:0.8em;border:1px solid #555;}
div.sites div.scr div.items div p a {font-size:105%;font-weight:bold;color:#03f;text-decoration:none;}
div.sites div.scr div.items div p a:hover {text-decoration:underline;}

/* errors */
div.error_page {margin:15px auto;width:600px;background:#fff;border:1px solid #aaa;}
div.error_page p {font-weight:bold;}
div.error_page div.error_num {padding:10px 20px;font-family:"Arial";font-size:220%;font-weight:bold;color:#fff;border-bottom:2px solid #033c83;background:#3683dd;}
div.error_page div.error_hdr {padding:10px 20px;color:#3683dd;font-size:150%;}
div.error_page div.error_text {margin-top:20px;padding:10px 20px;text-align:justify;}
div.error_page div.error_text ul li {margin:10px 0;}
div.error_page div.error_text ul li a {color:#fa7a43;font-weight:bold;}
div.error_page div.error_text ul li a:hover {color:#3683dd;}
div.error_page div.error_sign1,div.error_page div.error_sign2 {float:left;height:110px;}
div.error_page div.error_sign1 {padding-top:47px;width:60%;}
div.error_page div.error_sign2 {width:40%;}
div.error_page div.error_sign1 p,div.error_page div.error_sign2 p {padding:0 20px;}
div.error_page div.error_sign2 p {text-align:right;}

/* map */
div.map {margin:2em auto;width:70%;}
div.map a {font-weight:bold;text-decoration:none;color:#000;}
div.map a:hover {text-decoration:underline;color:#fa7a43;}
div.map ul li {margin:0.5em 0 0.5em 2em;font-weight:bold;}
div.map ul li a,.map ul li a:hover {color:#777;}

/* docs */
div.docs_head,div.docs_items {margin:0 auto;padding:0.05em 0;width:54em;background:#eee;}
div.docs_head ul li,div.docs_items ul li {float:left;padding-bottom:0.3em;font-size:90%;font-weight:bold;color:#999;text-align:center;border-right:1px solid #ddd;}
div.docs_head ul li.rate,div.docs_items ul li.rate {width:8em;}
div.docs_head ul li.seen,div.docs_items ul li.seen {width:8em;}
div.docs_head ul li.head,div.docs_items ul li.head {width:35.5em;}
div.docs_head ul li.date,div.docs_items ul li.date {width:8em;border:none;}
div.docs_items {padding:0;background:#fff;}
div.docs_items ul li {margin:0;padding:0.1em 0 0.2em;font-weight:normal;color:#111;}
div.docs_items ul li.rate,div.docs_items ul li.head {text-align:left;}
div.docs_items ul li.head a {margin-left:0.7em;font-size:100%;}