@charset "utf-8";
/* CSS Document */
body { background:#00374b url(/images/bg_body.png) repeat-x left top; padding:0; margin:0; font:12px Tahoma, Arial, Helvetica, sans-serif;}
.all { background: url(/images/bg_center.png) repeat-y center top;}
.all_ { background: url(/images/bg_top.png) no-repeat center top;}
.fix { width:900px; position:relative; left:50%; margin-left:-450px;}

a { text-decoration:underline; color:#2294b3;}
a:hover { text-decoration:none;}

/* head */
.h { height:137px; background:#FFF url(/images/bg_h.jpg) no-repeat right top;}
.logo { margin:16px 0 3px 23px; border:none; width:240px; height:65px;}
.gallery_link { position:absolute; left:677px; top:82px; border:none;}
.h .m { padding:14px 0 0 32px; margin:0; font:11px Tahoma, Arial, Helvetica, sans-serif}
.h .m li { padding:0 10px 2px 10px; margin:0; list-style:none; float:left; border-left:solid 1px #acc2cb; _border-left:expression(this.previousSibling==null ? 'none' : 'solid 1px #5d6976')}
.h .m li:first-child { border-left:none;}
.h .m li a { color:#3589d5; text-transform:uppercase; text-decoration:none;}
.h .m li a:hover { text-decoration: underline;}
.h .m li.active a { color:#3589d5; text-transform:uppercase; text-decoration:underline; font-weight:bold; cursor:default;}
.h_mail { font:11px Tahoma, Arial, Helvetica, sans-serif; color:#88f1ff; position:absolute; top:0px; left:570px; padding:7px 0 0 180px; text-transform:uppercase;}
.h_mail a { color:#FFF; text-decoration:none; padding:0 0 0 35px}
.h_mail a:hover { text-decoration: underline;}
.h_mail_index {left:530px;}
.clients { background:#a6c6d5; height:100px; text-align:center; clear:both; position:relative;}

/* Index */
.index_promo { height:265px; background:url(/images/promo_index.jpg) no-repeat left top; font:12px Tahoma, Arial, Helvetica, sans-serif; color:#c7f4ff;}
.index_promo p { padding:72px 25px 0 565px; margin:0; display:block; clear:both; line-height:120%; font-size:12px;}
.index_promo strong { line-height:200%; font-size:11px;}
.index_promo .more { background:url(/images/m_01.gif) no-repeat right top; display:block; text-align: right; padding:0 25px 0 0; font:9px "Microsoft Sans Serif", Arial, Verdana; color:#FFF; line-height:14px; width:auto; height:17px}
.c {}
.c .basic { width:527px; float:left; background:#FFF url(/images/bg_basic_index.jpg) no-repeat left bottom;}
.c .basic h1 { font:28px Tahoma, Arial, Helvetica, sans-serif; margin:0; padding:39px 0 0 39px; color:#5d6976;}
.c .basic p { color:#5d6976; margin:10px 70px 0px 60px; padding:0px 0px 0px 17px; background:url(/images/m_02.gif) no-repeat left 4px; line-height:140%;}
.c .basic p strong { color:#4dacc2}
.c .basic div {background: url(/images/bg_promo_bottom.gif) repeat-x left top; height:auto; zoom:1; padding:0px 0px 80px 0px;}
.c .right { float:left;}
.c .basic a.more { background:url(/images/m_03.gif) no-repeat right top; display:block; text-align: right; padding:0 25px 0 0; font:9px "Microsoft Sans Serif", Arial, Verdana; color:#3589d5; line-height:14px; height:17px; margin:5px 30px 0 0; float:right;}

.c .right { background:#c4edea; width:373px;}
.c .right .directions { background:url(/images/bg_right_top.png) repeat-x left top;}
.c .right .directions ul { margin:0; padding:0 0 0 40px;}
.c .right .directions ul li { margin:0; padding:0; list-style:none; height:53px;}
.c .right .directions ul li a { padding:0 0 0 60px; line-height:45px; display:block; float:left; font-size:14px; font-weight:bold;}
.ul_01 { background:url(/images/ico_soft.gif) no-repeat left top;}
.ul_02 { background:url(/images/ico_it.gif) no-repeat left top;}
.ul_03 { background:url(/images/ico_startup.gif) no-repeat left top;}
.c .right .artice { border-top:solid 1px #FFF; padding:10px 38px 10px 38px; color:#5d6976; position:absolute; left:0px; bottom:0px; visibility:hidden;}
.c .right .artice h2 { margin:0; padding:0; font-size:14px; color:#2294b3; }
.c .right .artice p { margin:0; padding:10px 0 0 0; }
.c .right .artice p a  { color:#3589d5;}
.c .right .artice .more { background:url(/images/m_03.gif) no-repeat right top; display:block; text-align: right; padding:0 25px 0 0; font:9px "Microsoft Sans Serif", Arial, Verdana; color:#3589d5; line-height:14px; height:17px; margin:5px 0 0 0; float:right;}

/* portfolio */
.portfolio {}
.portfolio .basic { background:url(/images/bg_promo_bottom.gif) repeat-x left top; width:900px;}
.portfolio .basic div { height:auto; background: url(/images/bg_basic.jpg) no-repeat left bottom; padding:0 0 120px 0;}
.portfolio h2 { font-size:16px; color:#3e97b4; padding:0 0 0 25px; background:url(/images/m_02.gif) no-repeat 7px 5px; margin:10px 40px 0 50px; clear:both;}
.portfolio h2 a { text-decoration:none;}
.portfolio h2 a:hover { text-decoration: underline;}
.portfolio .basic p { margin:10px 30px 0px 76px; padding:0; background:none; zoom:1; font-size:12px}
.portfolio .more { background:url(/images/m_03.gif) no-repeat right top; display:block; text-align: right; padding:0 25px 0 0; font:9px "Microsoft Sans Serif", Arial, Verdana; color:#3589d5; line-height:14px; width:auto; height:17px; margin:5px 30px 10px 0; width:150px; float:right;}

/* defolt page*/
.page { color:#5d6976;}
.page h3 { font-size:14px; color:#a3bbc5; margin:0; padding:15px 0 0 40px;}
.page h1 { padding:10px 15px 0 40px !important;}
.page .basic h2 { margin:0; padding:20px 0 0 40px; font-size:14px; color:#3e97b4;}
.page p { margin:0 !important; padding:15px 30px 0px 40px !important; background:none !important;}
.page .basic { width:565px; background:url(/images/bg_promo_bottom.gif) repeat-x left top;}
.page .basic div { height:auto; background: url(/images/bg_basic.jpg) no-repeat left bottom; padding:0 0 120px 0; zoom:1;}
.page .basic ul { margin:0; padding:5px 0 0 60px;}
.page .basic li { margin:0; padding:0 10px 0 20px; list-style:none; background:url(/images/m_04.gif) no-repeat left 7px; line-height:150%;}
.page .right { position:relative; width:335px;}
.page .right h2 { margin:0; padding:15px 0 0 40px; font-size:14px; color:#FFF; background:url(/images/bg_01.png) repeat-x top left; height:35px; }
.page .right .block { background:url(/images/bg_right_top.png) repeat-x left top;}
.page .right .artice { padding:20px 30px 20px 40px; position:absolute; bottom:0px; left:0px;}
.page .right .artice h2 { margin:0; padding:0; font-size:14px; color:#2294b3; background:none; }
.page .right .artice p { margin:0 !important; padding:0px 0px 0 0px !important; }

/*portfolio_project*/
.portfolio_project { color:#5d6976;}
.portfolio_project h3 { font-size:14px; color:#a3bbc5; margin:0; padding:15px 0 0 40px;}
.portfolio_project h3 a { color:#a3bbc5; text-decoration:none;}
.portfolio_project h3 a:hover { text-decoration: underline;}
.portfolio_project h1 { padding:10px 15px 0 40px !important;}
.portfolio_project .basic h2 { margin:0; padding:20px 0 0 40px; font-size:14px; color:#3e97b4;}
.portfolio_project p { margin:0 !important; padding:5px 30px 0 40px !important; background:none !important;}
.portfolio_project .basic { width:565px; background:url(/images/bg_promo_bottom.gif) repeat-x left top;}
.portfolio_project .basic div { height:auto; background: url(/images/bg_basic.jpg) no-repeat left bottom; padding:0 0 120px 0;}
.portfolio_project .basic ul { margin:0; padding:5px 0 0 60px;}
.portfolio_project .basic li { margin:0; padding:0 10px 0 20px; list-style:none; background:url(/images/m_04.gif) no-repeat left 7px; line-height:150%;}
.portfolio_project .right { position:relative; width:335px;}
.portfolio_project .right h2 { margin:0; padding:15px 0 0 40px; font-size:14px; color:#FFF; background:url(/images/bg_01.png) repeat-x top left; height:35px; }
.portfolio_project .right .block { background:url(/images/bg_right_top.png) repeat-x left top;}
.portfolio_project .right .artice { padding:20px 30px 20px 40px; position:absolute; bottom:0px; left:0px;}
.portfolio_project .right .artice h2 { margin:0; padding:0; font-size:14px; color:#2294b3; background:none; }
.portfolio_project .right .artice p { margin:0 !important; padding:0px 0px 0 0px !important; }

/* contact */
.contact {}
.contact table { margin:20px 0 0 0;}
.contact th { height:44px; text-align:left; vertical-align:top; padding:0 0 0 40px; color:#3e97b4;}
.contact td { vertical-align:top;}
.contact td strong { font-size:17px; font-weight:normal;}
.contact a {color:#3589d5;}
.contact form { margin:0; padding:20px 0px 0px 40px;}
.contact tt { color:#CC3333;}

.contact label { display:block; padding:12px 0px 0px 2px; font-size:11px;}
.contact input, .contact textarea { border:solid 1px #a7deda; background:#FFF; width:258px; font:12px Tahoma, Arial, Helvetica, sans-serif; color:#666; padding:3px 4px;}
.contact form .form_submit { border:none; background:url(/images/bg_form_send.gif) no-repeat left 2px; width:80px; height:25px; font:11px Tahoma, Arial, Helvetica, sans-serif; margin:10px 0px 0px 0px; color:#FFF; text-transform:uppercase; line-height:200%; padding:0 !important; cursor:pointer;}

/* second menu */
.second_menu { margin:0; padding:20px 20px 20px 40px; zoom:1;}
.second_menu a { color:#3589d5; text-decoration:none; line-height:120%; display:block; margin:0; padding:4px 0 4px 25px; list-style:none; background:url(/images/m_04.gif) no-repeat 8px 9px; text-align:left;}
.second_menu a:hover { text-decoration: underline;}
.second_menu .active { margin:0; padding:0; background:#FFF; zoom:1; behavior:expression(!this.isInserted==true ? this.isInserted=(this.innerHTML = '<div style="background: url(/images/cut_rt.gif) no-repeat 100% 0; height:4px; display:block;"><img src="/images/cut_lt.gif" alt="" /></div>' + this.innerHTML + '<div style="background: url(/images/cut_rb.gif) no-repeat 100% 0; height:4px; display:block;"><img src="/images/cut_lb.gif" alt="" /></div>') : ''); cursor:default; color:#5c869f;}
.second_menu .active div.p { padding:0 10px 2px 25px; zoom:1;}
.second_menu .active:hover { text-decoration:none;}
.second_menu .active:before { content:url(/images/cut_lt.gif); background: url(/images/cut_rt.gif) no-repeat right 0; height: 4px; display: block;}
.second_menu .active:after { content:url(/images/cut_lb.gif); background: url(/images/cut_rb.gif) no-repeat right 0; height: 4px; display: block;}

/* gallery */
.gallery { background:none !important; padding:0 40px !important; zoom:1; margin:40px 0 0 0;}
.gallery img { border:solid 1px #3E97B4; margin:0 0 40px 0}
.gallery .img_l { float:left;}
.gallery .img_r { float:right;}


/* foot */
.f_ { height:147px; clear:both;}
.f { height:147px; background:#FFF; position:absolute; left:0; bottom:0px; width:100%; font:11px Tahoma, Arial, Helvetica, sans-serif; color:#5d6976;}
.f .m { border-top:solid 3px #a6c6d5; padding:19px 0 0 30px; margin:0;}
.f .m li { margin:0; padding:0 10px 3px 12px; list-style:none; display:inline; border-left:solid 1px #5d6976; _border-left:expression(this.previousSibling==null ? 'none' : 'solid 1px #5d6976');}
.f .m li:first-child { border-left:none;}
.f .m a{ color:#5d6976;}
.f .m li.active a{ color:#5d6976; text-decoration:underline; cursor:default; font-weight:bold;}
.f .copy { position:absolute; top:22px; right:30px;}

.error { background:#FF5559 !important;}