body{margin:0 0 0 0;padding:0 0 0 0;background:url(../images/body.jpg) no-repeat top center #31343a}
* html body{text-align:center}
table{border-collapse:collapse}
table td{border:none;padding:0;vertical-align:top}
body, td{font:11px/14px tahoma, arial, verdana, sans-serif;color:#fff}
form{margin:0;padding:0}
a img{border:none}
p{margin:0;padding:0 0 15px 0}
a{color:#fff;text-decoration:underline}
a:hover{color:#fff;text-decoration:none}
.blockClear{float:none;height:1px;clear:both;margin:0 0 -1px 0;overflow:hidden}

h1{color:#fff;font:30px/30px tahoma, arial, verdana, sans-serif;margin:0;padding:30px 0}
h2{color:#fff;font:20px/30px tahoma, arial, verdana, sans-serif;margin:0;padding:5px 0}

.blockMain {width:995px;margin:0 auto;text-align:left}

.blockNav{padding:50px 15px 0 0;float:right}
.blockNav div{float:left}

.blockLogo{padding:50px 0 0 100px}

.blockHome{padding:0 0 0 59px}
.blockPort{width:452px;height:397px;float:left;background:url(../images/blockPort.jpg) no-repeat top left;}
.blockPort .blockInner{padding:45px 38px 10px 29px}

.blockApp{width:419px;height:397px;float:left;background:url(../images/blockApp.jpg) no-repeat top left}
.blockApp .blockInner{padding:45px 30px 10px 23px}
.blockApp .blockInner2{padding:20px 0 0 180px}

.blockPort2{padding:0 0 0 66px;margin:30px 0 0 0;background:url(../images/blockPort2.jpg) no-repeat top left}
.blockPort2 p{margin:0 0 0 0;padding:0 0 0 54px;line-height:25px;color:#fff}

.blockNews{width:400px;float:left;background:url(../images/blockNews.jpg) no-repeat top left; padding-right: 30px; margin-top:-2px}
.blockNews p{padding:32px 0 25px 126px;color:#fff}
.blockNews div.left {padding:0 0 5px 100px;color:#205d81;float:left; clear: both;}
.blockNews div.right {color:#7c7c7c;margin:0 0 0 14px;float:left; width: 230px;}
.blockNews a{color:#fff;text-decoration:underline;}
.blockNews a:hover{color:#fff;text-decoration:none}

.blockNewsWork{width:400px;float:left;background:url(../images/blockNewsWork.jpg) no-repeat top left; padding-right: 30px;}
.blockNewsWork p{padding:32px 0 25px 126px;color:#fff}
.blockNewsWork div.left {padding:0 0 5px 100px;color:#205d81;float:left; clear: both;}
.blockNewsWork div.right {color:#7c7c7c;margin:0 0 0 14px;float:left; width: 230px;}
.blockNewsWork a{color:#fff;text-decoration:underline;}
.blockNewsWork a:hover{color:#fff;text-decoration:none}

.blockBot{border-top:1px solid #54565b;margin:22px 110px 45px 68px;padding:15px 0 0 0;color:#7c7c7c}
.blockBot a{color:#7c7c7c;text-decoration:none}
.blockBot a:hover{color:#7c7c7c;text-decoration:underline}

.blockNotice{font-size:10px;width:410px;float:left;color:#747474;margin:15px 0 0 0;padding:15px 0 15px 75px;background:url(../images/blockNotice.gif) no-repeat left}
* html .blockNotice{width:485px}

.blockNavBot{font-size:10px;width:485px;float:left;}
.blockNavBot a{margin:0 25px 0 0}
.blockNavBot a{color:#527f46;text-decoration:underline}
.blockNavBot a:hover{color:#527f46;text-decoration:none}

.imgLeft{margin:10px 24px 5px 0;float:left}

.blockDelim{height:1px;overflow:hidden;margin:8px 0;background:#5f6268}

.linkBlue, .linkGreen{width:58px;height:13px;text-align:center;display:block;background:url(../images/linkBlue.gif) no-repeat top left #6f8a90;font-size:10px;line-height:12px}
a.linkBlue, a.linkGreen{text-decoration:none}

.linkGreen{width:50px;background:url(../images/linkGreen.gif) no-repeat top left #527f46}

.colorBlue{color:#aeeaf0}

.listBull{padding:5px 0 10px 0;margin:0 0 0 0;list-style:none}
.listBull li{background:url(../images/bullet.gif) no-repeat 0 8px;padding:2px 0 2px 14px}

.blockButtons a{float:left;margin:0 35px 0 0}


.read_more_btn { float: left; cursor: pointer; height: 13px; font-size: 10px; background: url('../images/btn_read_more_bg.gif') repeat-x; margin: 0 6px 0 5px; padding: 0 2px;}
.read_more_btn_left { float: left; background: url('../images/btn_read_more_left.gif') no-repeat; }
.read_more_btn_right { float: left; background: url('../images/btn_read_more_right.gif') no-repeat top right;}

.buy_now_btn { float: left; cursor: pointer; height: 13px; font-size: 10px; background: url('../images/btn_buy_now_bg.gif') repeat-x; margin: 0 6px; padding: 0 2px;}
.buy_now_btn_left { float: left; background: url('../images/btn_buy_now_left.gif') no-repeat; }
.buy_now_btn_right { float: left; background: url('../images/btn_buy_now_right.gif') no-repeat top right;}

.portfolio_box1 { float: left; margin: 55px 0 0 42px; width: 166px; height: 25px; background: url('../images/quick_portfolio.jpg') no-repeat; text-align: right; }
.portfolio_box1 div.qp_title { margin: 5px 8px 0 0;}
.portfolio_box2 { float: left; margin-left: 26px; width: 41px; height: 48px; background: url('../images/planshet2.jpg') no-repeat; clear: both;}
.portfolio_box3 { float: left; }

.footer { background: url('../images/bottom_razdelitel.jpg') no-repeat 70px 20px; color: #7c7c7c; font-size: 11px; padding: 30px 0 30px 70px; }
.footer span {  padding-right: 20px;}

.page404 { float: left; width: 995px; padding-left: 50px; }
.page404 h2 { margin-top: 200px; }
.page404 img { float: right; width: 575px; height: 398px; border: none; margin-top: 130px; }
.float_br { display: block; clear:both;}

.blockMain .box_bg_lt  { background: url('../images/box_bg.gif') left top no-repeat; }
.blockMain .box_bg_rb  { background: url('../images/box_bg.gif') bottom right no-repeat; border: 0px solid red;}
.blockMain .box_bg_lbc { background: url('../images/box_bg_lbc.gif') left bottom no-repeat; }
.blockMain .box_bg_rtc { background: url('../images/box_bg_rtc.gif') right top no-repeat; }
.blockMain .box_bg     { background-color: #464950; }

.blockMain .nocollage_box   { padding: 72px 12px 30px 50px; }
.blockMain .portfolio_box   { padding: 72px 12px 0 127px; }
.blockMain .application_box { padding: 72px 11px 0 127px; }
.blockMain .contacts_box    { padding: 72px 11px 0 127px; }

.blockMain .portfolio_box .inner_outer_box { background: url('../images/portfolio_bg.jpg') no-repeat; min-height: 450px; position: relative; margin: -72px -11px 0 -127px; padding: 72px 11px 0 127px; zoom: 1;}
.blockMain .application_box .inner_outer_box { background: url('../images/application_bg.jpg') no-repeat; min-height: 450px; position: relative; margin: -72px -11px 0 -127px; padding: 72px 11px 0 127px; zoom: 1; }
.blockMain .contacts_box .inner_outer_box { background: url('../images/contacts_bg.jpg') no-repeat; min-height: 450px; position: relative; margin: -72px -11px 0 -127px; padding: 72px 11px 0 127px; zoom: 1; }

.blockMain .portfolio_box .inner_content { padding: 50px 0 0 70px; }
.blockMain .contacts_box  .inner_content  { padding: 50px 0 0 140px; }
.blockMain .application_box  .inner_content  { padding: 70px 0 0 100px; }
.blockMain .nocollage_box .inner_content { padding: 20px; height: 900px;}

.blockMain .portfolio_box .listing_box   { padding-left: 50px; }

.portfolio_box .listing_box .thumb { margin-top: 50px; }
.portfolio_box .listing_box h2 { font-size: 17px; text-decoration: underline; cursor: pointer; }
.portfolio_box .webdesign_more { background: url('../images/webdesign_more.jpg') no-repeat left top; }
.portfolio_box .icons_more     { background: url('../images/icons_more.jpg') no-repeat left top; }
.portfolio_box .identity_more  { background: url('../images/identity_more.jpg') no-repeat left top; }
.portfolio_box .subcat_list    { float:left; width: 210px; position: relative; }

.portfolio_box .subcat_list  a.cat_link   { display: block; position: absolute; width: 75px; height: 20px; left: 50px; top 0px; }
.portfolio_box .webdesign_list a.cat_link { background-color: #4b395a; font-size: 11px; padding: 3px 0 0 8px; }
.portfolio_box .icons_list a.cat_link     { background-color: #293c47; font-size: 11px; padding: 3px 0 0 8px; }
.portfolio_box .identity_list a.cat_link  { background-color: #124029; font-size: 11px; padding: 3px 0 0 8px; }

.portfolio_box .subcat_list_full { float:left; width: 780px; position: relative; }
.portfolio_box .subcat_more    { width: 20px; height: 20px; margin: 30px 0; cursor: pointer; float: left; }

.portfolio_box .product_view { float:left; width: 780px; padding-left: 50px; position: relative; }
.portfolio_box .product_view a.cat_link { display: block; position: absolute; width: 81px; height: 20px; left: 50px; top 0px;}
.portfolio_box .product_view h2 { font-size: 23px; margin-top: 50px; }
.portfolio_box .product_view h3 { font-size: 15px; }
.portfolio_box .product_view p.short_description { margin: 30px 0;}
.portfolio_box .product_view .description { float:left; width: 450px; }
.portfolio_box .product_view .image_box { float:left; width: 450px; margin-right: 30px; min-height: 400px; }
.portfolio_box .product_view .description { float:left; width: 400px; padding-bottom: 30px;}
.portfolio_box .product_view .related_projects { float:left; width: 250px; }
.portfolio_box .product_view .project_authors { float:left; width: 250px; min-height: 400px; }
.portfolio_box .product_view .credentials { float: left; background: url('../images/project_authors_sep.jpg') no-repeat 95% bottom; margin-bottom: 30px}                    


.application_box .product_view .credentials { padding-right: 4px;}

.application_box .project_authors { margin-bottom: 0px; float: left;}
.application_box .project_authors .cloud  { vertical-align: middle; background: url('../images/app_cloud.jpg') no-repeat; width: 249px; height: 126px; margin: 40px 0px; padding: 10px;}
.application_box .project_authors .box_bg_lt  { background: url('../images/app_cred_box_bg.jpg') left top no-repeat; }
.application_box .project_authors .box_bg_rb  { background: url('../images/app_cred_box_bg.jpg') bottom right no-repeat; border: 0px solid red;}
.application_box .project_authors .box_bg_lbc { background: url('../images/app_cred_box_bg_lbc.jpg') left bottom no-repeat; }
.application_box .project_authors .box_bg_rtc { background: url('../images/app_cred_box_bg_rtc.jpg') right top no-repeat; padding: 10px; padding-left: 20px; width: 277px; }

.application_box .project_authors h3 { margin-bottom: 20px; }
.portfolio_box .project_authors h3 { margin-bottom: 20px; }

.application_box .description ul.gallery_box {  margin: 0px; padding: 0px; list-style-type:none;}
.application_box .description ul.gallery_box li {  margin: 0px; float: left; }
.application_box .description ul.gallery_box li.delimeter { padding-left: 32px; float: left; }

.application_box .project_authors ul { margin: 20px 0px; padding-left: 20px; font-size: 14px; }
.application_box .project_authors li { margin: 0px; padding-bottom: 15px; list-style-image: url('../images/app_cred_bullet.jpg'); }
.application_box .project_authors li:last { padding-bottom: 0px; }

.application_box .description { float: left; width: 390px; padding: 10px; margin-right: 15px; }
.application_box .description .features { float: left; width: 50%}
.application_box .description .features .inbox { padding: 5px;}
.application_box .description .features ul { margin: 0px; padding-left: 20px; line-height: 2em; }
.application_box .description .features li { margin: 0px; list-style-image: url('../images/app_box_bullet.jpg'); }

.application_box .description div.title    { font-size: 34px; float: left; color: white; zoom: 1; padding-top: 10px; height: 40px;}
.application_box .description a.buy_button { padding-top: 12px;font-size: 28px; display: block; float: right; background: url('../images/app_buy_button.jpg') no-repeat; width: 153px; height: 41px; text-decoration: none; text-align: center;}

.blockMain .portfolio_box .inner_content { position: relative; }
.blockMain .portfolio_box .inner_content .first_label  { position: absolute; top: 0px; left: 598px; width: 81px; height: 35px;  font-size: 11px; text-align: center; padding-top: 20px;}
.blockMain .portfolio_box .inner_content .second_label { position: absolute; top: 0px; left: 688px; width: 81px; height: 35px;  font-size: 11px; text-align: center; padding-top: 20px;}
.blockMain .portfolio_box .inner_content .webdesign_label { background-color: #4b395a; }
.blockMain .portfolio_box .inner_content .icons_label     { background-color: #293c47; }
.blockMain .portfolio_box .inner_content .identity_label  { background-color: #124029; }

.contacts_box_left {float: left; width: 400px; margin-right: 50px;}
.contacts_box_left h2 { font-size: 17px; height: 40px; margin: 0; vertical-align: middle; }
.contacts_box_right {float: left; width: 250px;}
.contacts_box_right h3 { font-size: 14px; height: 40px; margin: 0; vertical-align: middle; margin-top: 5px;}


/********************** Messages  */
.success { color:#3d6611; }
.error { color:#df280a; }
.notice {color:#e26703; }
.success, .error { font-weight:bold; }
.messages,
.messages ul { list-style:none !important; margin:0 !important; padding:0 !important; }
.messages { width:100%; overflow:hidden; }
.error-msg, .success-msg, .notice-msg, .note-msg {
    min-height:23px !important;
    margin-bottom:1em !important;
    border-style:solid !important;
    border-width:1px !important;
    background-repeat:no-repeat !important;
    background-position:10px 10px !important;
    padding:8px 8px 8px 32px !important;
    font-size:.95em !important;
    font-weight:bold !important;
    }
.error-msg li, .success-msg li, .notice-msg li {margin-bottom:.2em; }
.error-msg {
    border-color:#f16048;
    color:#df280a;
    background-color:#faebe7;
    background-image:url(../images/error_msg_icon.gif);
    }
.success-msg {
    border-color:#446423;
    color:#3d6611;
    background-color:#eff5ea;
    background-image:url(../images/success_msg_icon.gif);
    }
.notice-msg, .note-msg {
    border-color:#fcd344;
    color:#3d6611;
    background-color:#fafaec;
    background-image:url(../images/note_msg_icon.gif);
    }