h2 {color:#5A6D79; font:bold 20px "Times New Roman", Times, serif; margin:0; padding-left:50px; }
h3 {color:#5A6D79; font:bold 16px "Times New Roman", Times, serif; margin:0; padding-left:50px; }

a img { border:none; }
.clear_all { clear:both; }
.clearv { font-size:0; line-height:0; visibility:hidden; clear:both; }
input.txt { font:11px Verdana, Arial, Helvetica, sans-serif; }
.mdl, .mdl * { vertical-align:middle; } 
body { margin:0; background:#272827 url(images/bg.gif) repeat-x; }
#subbody { width:1258px; margin:0 auto; background:url(images/bg_main.gif) no-repeat; }
#container { width:876px; margin:38px auto 0 auto; }
.botpages { color:#72828D; font:11px/16px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:25px 0 0 0; text-align:center};
.errors {color:#FF0000; text-align:center; font-weight:bold;}

/* TOP BOX */
#box_top { height:64px; padding-bottom:5px;}
#box_top .logo { float:left; margin-left:15px; }
#box_top ul { float:right; margin:40px 0 0 0; padding:0 0 0 4px; list-style:none; }
#box_top ul li { display:inline; }
#box_top ul li a { color:#FFF; padding:0 6px 0 2px; margin:0; }
#box_top ul li, #box_top ul li a:hover { color:#ED9500; }
#box_top ul li, #box_top ul li a { font:10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#box_top ul li, #box_top ul li a.selected { color:#ED9500; }

/* HEADER */
#box_header { clear:both; }

/* CONTENT */
#box_cont { background:#FFF url(images/bg_cont.gif) repeat-x; }

/* LEFT BOX */
.box_cont_left { float:left; width:449px; background:url(images/bg_cont_l.gif) no-repeat; }
.box_cont_left .zagolovok { width:434px; height:56px; background-color:#D8DEE2; margin:24px 0 0 15px; }
.box_cont_left .zagolovok p { margin:0; padding:19px 0 0 22px; color:#FFF; font:24px/1em "Humanist521BT", Verdana, Arial, Helvetica, sans-serif; }
.box_cont_left .zagolovokb { height:6px; line-height:6px; background:url(images/add_01.gif) 15px top no-repeat; }

.box1 { background:url(images/bg_box1.gif) repeat-x; width:425px; margin:4px 0 0 24px; }
.box1 .boxx1 { margin:0; padding:100px 0 0 0; background:url(images/title_box1.jpg) no-repeat; }
.box1 .boxx1 p { margin:0; padding:20px 0 0 25px; width:375px; color:#72828D; font:11px/16px Verdana, Arial, Helvetica, sans-serif; }
.more { width:412px; height:36px; margin-top:17px; text-align:right; background:url(images/bar1.jpg) 12px 3px no-repeat; }

.zag2 { width:400px; background:url(images/bg_zag.gif) repeat-x; }
.box_cont_left .zag2 { height:54px; margin-left:33px; }
.zag2 p { margin:0; padding:19px 0 0 22px; color:#FFF; font:24px/1em "Humanist521BT", Verdana, Arial, Helvetica, sans-serif; }

form.newsletter_s { margin:0 0 0 37px; padding:48px 0 0 26px; height:62px; background:url(images/bg_calendar.jpg) no-repeat; }
form.newsletter_s .txt { width:137px; border:1px inset #428; }
form.newsletter_s p { margin:0; padding:12px 0 0 0; }

/* RIGHT BOX */
.box_cont_right { float:right; width:414px; } 
.zag3 { height:70px; background:url(images/right_t.gif) right top no-repeat; }
.zag3 p { margin:0; padding:37px 0 0 22px; color:#FFF; font:24px/1em "Humanist521BT", Verdana, Arial, Helvetica, sans-serif; }

.box_cont_right .zag2 { height:61px; margin-top:13px; padding-top:8px; }
.zag2 p { margin:0; padding:19px 0 0 22px; color:#FFF; font:24px/1em "Humanist521BT", Verdana, Arial, Helvetica, sans-serif; }

.box_news { margin-top:13px; background-color:#E4E7E7; width:381px; padding:0 0 15px 19px; }
.box_news p { width:322px; margin:0; padding:13px 0 0 30px; background:url(images/mark1.gif) left 13px no-repeat; color:#666; font:10px/14px Verdana, Arial, Helvetica, sans-serif; }
.box_news a { color:#333; font-style:normal; }

.trademarks { height:41px; width:400px; padding-top:12px; margin-top:10px; background:#D0D0D0; }
.trademarks ul { width:386px; margin:0 auto; padding:0; list-style:none; }
.trademarks ul li { display:inline; margin:0; padding:0 0 0 20px; float:left; }
.trademarks ul li.first { padding-left:0px; }

/* FOOTER */
#btm { height:39px; padding-top:11px; background:#FFF url(images/bg_bottom.gif) bottom no-repeat; }
#box_footer { background:url(images/bg_footer.jpg) no-repeat; height:128px; padding-top:22px; }
#box_footer * { color:#ABABAB; font:10px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#box_footer .copy { float:left; margin-left:40px; }

#box_footer ul { float:right; margin:0 22px 0 0; padding:0; list-style:none; *margin-right:11px; }
#box_footer ul li { display:inline; margin:0; padding:0; }
#box_footer ul li a { padding-right:4px; }
#box_footer a:hover { text-decoration:underline; }

/* CASE STUDIES PAGE */
.one_column { clear:both; width:841px; height:auto;min-height:400px; margin-top:10px; background:#FFF url(images/frmain_t.gif) no-repeat; padding:14px 20px 0 15px; }
h1 { display:block; height:39px; width:817px; margin:0; padding:15px 0 7px 24px; background:#D8DEE2 url(images/h1.gif) bottom no-repeat; color:#FFF; font:24px/1em "Humanist521BT", Verdana, Arial, Helvetica, sans-serif; }
.box_grad { width:830px; margin:3px 0 0 10px; background: url(images/fr_grad_bg.gif) top repeat-x; }
.three_sites { padding:24px 0 0 31px;  }
.three_sites .asite { margin-left:17px; float:left; width:221px; height:250px}
.three_sites .asite p { margin:0; padding:2px 0 0 0; color:#999; font:11px/16px Verdana, Arial, Helvetica, sans-serif; }
.three_sites .asite .title { color:#666; text-decoration:underline; font:bold 11px/16px "Times New Roman", Times, serif; text-transform:uppercase; }
.three_sites .asite a { color:#999; display:block; background:url(images/mark_arr_r.gif) left top no-repeat; text-decoration:none; font:11px/16px Verdana, Arial, Helvetica, sans-serif;  }
.three_sites .asite a:hover { text-decoration:underline; }
.one_column .zag2 { width:811px; margin:24px 8px 0 22px; height:54px; }
.cstudy_list { padding:27px 0 20px 90px; }
.cstudy_list ul { float:left; width:240px;  }
.cstudy_list ul, .cstudy_list ul li { margin:0; padding:0; list-style:none; }
/*.cstudy_list ul li { height:16px; padding-left:24px; background:url(images/mark_ogryzok.gif) left no-repeat; }
*/
.cstudy_list ul li { color:#666; font:11px/16px "Times New Roman", Times, serif; text-transform:uppercase; height:16px; padding-left:24px; background:url(images/mark_ogryzok.gif) left no-repeat;}
.cstudy_list ul li a { color:#666; font:11px/16px "Times New Roman", Times, serif; text-transform:uppercase; }
.cstudy_list ul li a:hover { color:#222; }

.three_sites .asite a {display: block;background: #eee;}
.three_sites .asite a:hover {position: relative;}
.three_sites .asite a img {width: 221px;height: 154px;border: 0;}
.three_sites .asite a:hover img {width: 421px;height: 354px;position: absolute;left: -60px;top: -40px;border: 1px solid #888;background: #eee};

/* Indivisual Case Study */
.individual_site { padding:37px 0 30px 54px; }
.individual_site .asite { float:left; width:380px; }
.individual_site .descr { float:left; width:330px; }
.individual_site .descr p { margin:0; padding:0; height:230px; color:#999; font:11px/16px Verdana, Arial, Helvetica, sans-serif; }
.individual_site .descr .title { color:#333; font:14px "Times New Roman", Times, serif; }
.individual_site .descr span, .individual_site .descr a { margin-right:20px; text-transform:uppercase; font:11px "Times New Roman", Times, serif; }
.individual_site .descr span { color:#333; }
.individual_site .descr a { color:#999; }

/* CLIENTS */
.companies { padding:58px 0 15px 39px; }
.companies div { clear:both; }
.companies div a img { float:left; margin-top:6px;}

/* CONTACT */
.contact_info { background:url(images/contact_map.jpg) right top no-repeat; height:529px; padding:23px 0 0 45px; }
.contact_info p { margin:45px 0 0 0; padding:0 0 0 35px; background:url(images/mark_ogr_big.gif) left 3px no-repeat; color:#777A7C; font:18px/23px "Times New Roman", Times, serif; }
.contact_info p span.title { font:bold 16px/23px Verdana, Arial, Helvetica, sans-serif; }
.contact_info p span.bigger { font-size:21px; }
.contact_info div { padding:80px 0 0 35px; color:#979B9E; font:bold 16px/23px "Times New Roman", Times, serif; }
.contact_info div a { text-decoration:none; color:#ED9500; font:bold 16px/23px "Times New Roman", Times, serif; }
.contact_info div a:hover { text-decoration:underline; }
.contact_btm { padding-top:0 !important; }

/* OUR BLOG */
.box_blog { padding:20px 52px 25px 40px; }
.box_blog .col_date { float:left; width:57px; height:55px; text-align:center; color:#666; font:bold 13px "Times New Roman", Times, serif; background:url(images/bg_blog.gif)   no-repeat; padding-top:3px;}
.box_blog .blog { float:left; width:660px; padding-left:10px;}
.box_blog .blog p { color:#72828D; font:11px/16px Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0 0; padding:0; }
.box_blog p a { color:#5A6D79; font-style:normal; }
.box_blog p a:hover { color:#555; }
.box_blog .blog site a { color:#333; font-style:normal; }
.box_blog .blog site a:hover { color:#555; }
.box_blog .blog p.title { color:#333; font:bold 17px/20px "Times New Roman", Times, serif; margin:0; padding:0; }
.box_blog .blog p.posted { color:#333; margin:0; padding:0; }
.box_blog .blog p.posted, .box_blog .blog p.posted a { font:10px/15px Verdana, Arial, Helvetica, sans-serif; }
.box_blog .blog p.posted a { color:#999; margin:0; padding:0; }
.box_blog .blog p.posted a:hover { color:#555; }
.box_blog .blog a.share { display:block; height:34px; margin-top:17px; background: url(images/mark_share.gif) left top no-repeat; padding-left:20px; color:#05B303; font:12px Verdana, Arial, Helvetica, sans-serif; }
.box_blog .blog .sub { border-top:1px solid #E5D8C6; width:455px; padding:15px 0 0 15px; color:#B1A799; }
.box_blog .blog .sub, .box_blog .blog .sub a { font:10px Verdana, Arial, Helvetica, sans-serif; }
.box_blog .blog .sub a { color:#05B303; }

/* REQUEST PROPOSAL */
h1 span.h1_l { float:left; }
h1 span.h1_r { display:block; color:#5A6D79; font:bold 14px Verdana, Arial, Helvetica, sans-serif; float:right; margin:12px 17px 0 0; }
h1 span.h1_bar { display:block; color:#FFF; float:right; margin:5px 17px 0 0; }
h1 span.h1_bar, h1 span.h1_bar * { font:bold 14px Tahoma, Arial, Helvetica, sans-serif; }
h1 span.h1_bar span { color:#5A6D79; }
h1 span.h1_bar a { color:#FFF; text-decoration:none; }
h1 span.h1_bar a:hover { text-decoration:underline; }
.request_form { padding:13px 0 27px 16px; margin:0; }
.request_form fieldset { border-color:#fefefe; border-width:2px 2px 2px 2px; margin:12px 0 0 0; padding:0 0 12px 8px; *padding-left:4px; }
.request_form legend { color:#6F6F6F; font:bold 12px "Times New Roman", Times, serif; margin:0; padding:0 4px; }
.request_form label { color:#6F7070; font:11px/18px Verdana, Arial, Helvetica, sans-serif; display:block; float:left; width:173px; text-align:right; padding-right:8px; }
.request_form label span { color:#D01212; }
.request_form input.inp_txt { float:left; width:313px; border:1px solid #787979; color:#444; font:12px/1em Verdana, Arial, Helvetica, sans-serif; padding:3px 6px; }
.request_form div { padding-top:5px; *padding-top:3px; clear:both; }
.request_form div.first { margin-top:10px; }
.request_form input.inp_sm { width:132px; }
.request_form div.sm { padding-top:1px; height:15px; clear:left; color:#414141; font:9px Arial, Helvetica, sans-serif; padding-left:181px; }
.bot_mess { margin-top:17px; height:50px; color:#333; font:26px Verdana, Arial, Helvetica, sans-serif; text-align:center; }
.b_reset { border:0; background:url(images/b_reset.gif) no-repeat; width:58px; height:22px; }
.request_form .centr, .request_form .centr * { vertical-align:middle; padding-left:175px; }

/* SERVICES PAGE */
.box_grad2 { width:830px; margin:3px 0 0 10px; background:url(images/fr_grad_folder.jpg) top repeat-x; padding-top:72px; }
.services_m p.title { color:#333; font:bold 17px/20px "Times New Roman", Times, serif; margin:0; padding:0; }
.services_m { width:755px; padding:0 0 60px 57px; background:url(images/services_m.jpg) right 44px no-repeat; }
.services_m  p { color:#72828D; width:405px; font:11px/16px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:25px 0 0 0; }
.services_m a { color:#999; margin:0; padding:0; }
.services_m a:hover { color:#555; }
.services_m a.selected { color:#999; margin:0; padding:0; font-weight: bold; font-size:13px}
.services_b { width:755px; padding:0 0 50px 57px; }
.services_b  p { color:#72828D; font:11px/16px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:25px 0 0 0; }
.services_companies { margin:15px 0 0 57px; height:150px; }
.services_companies ul { padding:0; list-style:none; display:inline; }
.services_companies ul li { margin:0 7px 0 0; padding:0; float:left; width:177px; height:126px; }
.services_p { width:720px; padding:0 0 60px 57px; background:url(images/services_p.jpg) right 44px no-repeat; }
.services_p  p { color:#72828D; width:405px; font:11px/16px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:25px 0 0 0; }


/*ABOUT US PAGE*/
.about { width:755px; padding:0 0 60px 57px; background:url(images/services_m.jpg) right 44px no-repeat; }
.about p.title { color:#333; width:405px; font:bold 17px/20px "Times New Roman", Times, serif; margin:0; padding:0; }
.about  p { color:#72828D; width:405px; font:11px/16px Verdana, Arial, Helvetica, sans-serif; margin:0; padding:25px 0 0 0; }
.about a { color:#999; margin:0; padding:0; }
.about a:hover { color:#555; }
.about a.selected { color:#999; margin:0; padding:0; font-weight: bold; font-size:13px}


