@charset "UTF-8";
/* CSS Document */
body {background: #fff; width: 100%; height: 100%; padding: 0px; margin: 0px;}

/* reset */
html {height: 100%;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body { margin: 0; min-width: 980px;}
table {/*border-collapse: separate; border-spacing:0;*/}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align: middle;}
a img {border:none;}
form {font-size: 12px !important}

/* links */
a {color:#3399ff;text-decoration:underline;}
a:link {text-decoration: underline}
a:hover {text-decoration: none}
a:active {text-decoration: none}
a:visited {text-decoration: underline}
a:focus, a:hover {color:#3399ff;}
a:hover {text-decoration: none}
a.select {text-decoration: none; color: #ff9933}
a:-moz-any-link:focus {outline: none;} /* firefox focus fix */
.searchBtn {background:url(search.gif) right no-repeat; width: 23px; height: 20px; display: block; border: none; float: left}

/* typography.css */
body {font: 11px/14px Arial, sans-serif; color:#111;}
h1 {font-size: 30px; line-height:1; margin-bottom:0.5em; font-weight: bold; color: #fff;}
h2 {font-size: 16px; font-weight: bold; color: #fff;}
h3 {font-size: 14px; line-height:1; margin-bottom:0.5em; font-weight: bolder; color: #225081; text-transform: uppercase;}
h4 {font-size: 16px;color: ##3386ca; font-weight: bold; padding: 0px 0px 10px 0px; float: none}
h5 {font-size: 12px; padding: 0px; margin: 0px; font-weight: bold; padding: 0px 0px 5px 0px; display: block;}
h6 {font-size: 11px;font-weight:bold;color: #333;}

textarea, select, option, options, input {font: 11px Arial, Verdana, sans-serif; color:#111;}
a:focus, a:hover {color:#3399ff;}
a {color:#3399ff;text-decoration:underline;}
a:hover {text-decoration: none}

/* padding - margin */
.p-5 {padding: 5px}
.p-10 { padding: 10px}
.p-15 {padding: 15px}
.p-20 {padding: 20px}
.p-30 {padding: 30px}

.pt-5 {padding-top: 5px}
.pt-10 {padding-top: 10px}
.pt-15 {padding-top: 15px}
.pt-20 {padding-top: 20px}
.pt-30 {padding-top: 30px}

.pb-5 {padding-top: 5px}
.pb-10 {padding-top: 10px}
.pb-15 {padding-top: 15px}
.pb-20 {padding-top: 20px}
.pb-30 {padding-top: 30px}

.pl-5 {padding-left: 5px}
.pl-10 {padding-left: 10px}
.pl-15 {padding-left: 15px}
.pl-20 {padding-left: 20px}
.pl-30 {padding-left: 30px}

.pr-5 {padding-right: 5px}
.pr-10 {padding-right: 10px}
.pr-15 {padding-right: 15px}
.pr-20 {padding-right: 20px}
.pr-30 {padding-right: 30px}

.floatLeft {float: left}
.floatRight {float: right}
.small {font-size: 12px}
.strong {font-weight: bold}

/*  top  */
.main {width: 1050px; height: auto; text-align: left; padding: 0px 25px 0px 55px; margin: 0px 10px; display:block}
.top { padding-top:10px; width: 1000px; height: 80px; display: block; }
.logoIrsen { background:url(irsen.gif) center left no-repeat; display: block; width: 190px; height: 70px; float:left}
.logoZtech {background:url(ztech.png) center left no-repeat; display: block; width: 115px; height: 70px; float:right; behavior: url(/i/iepngfix.htc)}
.slogan {background:url(slogan.gif) center left no-repeat; display: block; width: 310px; height: 70px; float:left}
.new {background: url(new.gif) center left no-repeat; display: block; width: 135px; height: 70px;  float:right}
.topBlock {width: 1050px; height: 61px; padding-top:5px; display: block; background:url(/i/bgmenu.gif) repeat-x;}

/* banners */
.presentationBlock {width: 1090px; height: 215px !important; display: block; padding: 0px; margin-left: -40px;}
.leftBanner {background: transparent; width: 750px; height: 215px; display: block; float: left; behavior: url(/i/iepngfix.htc)}
.rightBanner {background: transparent; width: 300px; height: 215px; display: block; float: right; behavior: url(/i/iepngfix.htc)}

.secondMenuBlock {height: 43px; width:1050px; display: block; }
.secondMenuBlock .r-menu { padding: 0 0; width: 1050px; float: left}
.secondMenuBlock .r-menu {background:url(/i/menu2bg.gif) repeat-x;}
.secondMenuBlock .r-menu .contentshape{display: block;  float:left;  padding: 5px 2px 10px 20px; height: 20px;  width:610px;}
.secondMenuBlock .r-menu .cn{width: 20px; height: 20px; left:-10px; top:-10px; background:url(r-star-b.png); }
.secondMenuBlock .r-menu .cn.tr, .secondMenuBlock .r-menu .cn.br{margin-left:100%;}
.secondMenuBlock .r-menu .cn.bl, .secondMenuBlock .r-menu .cn.br{top:auto;}
.secondMenuBlock .contentshape .innerMenuBlock {display: block; width: 620px; height: 10px; padding: 0px;}
.secondMenuBlock .contentshape .s-menu {width: auto; height: 5px; padding: 5px 5px 0px 5px; margin: 0px 5px; color: #fff; text-decoration: none; display: block; float: left; //top: -5px}
.secondMenuBlock .contentshape .s-menuActive {width: auto; height: 5px; padding: 0px; margin: 0px 5px; color: #fff; text-decoration: none; display: block; float: left; //top: -5px}
.secondMenuBlock .contentshape .s-menuActive .r {background:#507da7; width: auto; height: 21px; display: block; float:left; padding: 5px 11px 0px 11px; }

.contentshape2 {display:block; float:right; width:403px; height:27px; margin-top:3px; padding-top:3px;}

.iconBlock {float: left; width: 40px; padding-top: 50px;}
.iconBlockInner {position: relative; top: 15px; left: -40px; width: 30px; display: block}
.iconBlock .home, .iconBlockInner .home {background:url(home.gif) center no-repeat; width: 25px; height: 35px; display: block;}
.iconBlock .search, .iconBlockInner .search {background:url(search.gif) center no-repeat; width: 25px; height: 55px; display: block;}
.iconBlock .mail, .iconBlockInner .mail {background:url(mail.gif) center no-repeat; width: 25px; height: 35px; display: block;}

.iconBlock .home:hover, .iconBlock .homeAct, .iconBlockInner .home:hover, .iconBlockInner .homeAct  {background:url(homeAct.gif) center no-repeat; width: 25px; height: 35px; display: block;}
.iconBlock .search:hover, .iconBlock .searchAct, .iconBlockInner .search:hover, .iconBlockInner .searchAct  {background:url(searchAct.gif) center no-repeat; width: 25px; height: 55px; display: block;}
.iconBlock .mail:hover, .iconBlock .mailAct, .iconBlockInner .mail:hover, .iconBlockInner .mailAct  {background:url(mailAct.gif) center no-repeat; width: 25px; height: 35px; display: block;}

/* content */
.content {width: 1050px; min-height: 350px; height: auto; display: block; margin-bottom: 20px;}
.content .leftBlock {width: 1000px; float: left; min-height: 300px; height: auto; display: block; margin: 10px; margin-top:0px; }
.content .leftBlock1 {width: 750px; float: left; min-height: 300px; height: auto; display: block; margin: 10px; margin-top:0px; }
.content .rightBlock {width: 250px; float: right;  height: 300; display: block;  margin-top: 10px; margin-left:10px; margin-right:3px;}
.content .rightBlock2 {width: 250px; float: right;  height: 300; display: block;  margin-top: 10px; margin-left:10px; margin-right:0px;}
.content .news {width: 700px;}
.content .news .date {font-size: 11px; color: #999}
.content p {font-size: 12px; color: #333; padding-bottom: 10px;}
.content .title {font-family: "Arial Narrow", Arial, sans-serif; font-size: 22px; padding: 10px 0px 25px 0px; color: #336699}

/* middle block */
.middle {width: 1050px; height: 170px; display: block; //height: 170px;}
.r-star, .r-star-shape{position: relative; overflow: hidden; padding: 10px 0; width: 770px; float: left}
.r-star, .r-star-shape .content-shape {background: #225081;}
.r-star .contentshape, .r-star-shape .contentshape{padding:5px 10px 20px;}
.r-star .cn, .r-star-shape .cn{position: absolute; width: 20px; height: 20px; left:-10px; top:-10px; background:url(r-star.png); behavior: url(/i/iepngfix.htc)}
.r-star .cn.tr, .r-star .cn.br, .r-star-shape .cn.tr, .r-star-shape .cn.br {margin-left:100%;}
.r-star .cn.bl, .r-star .cn.br, .r-star-shape .cn.bl, .r-star-shape .cn.br {top:auto;}

.menuBlock {display: block; height: auto; min-height: 120px;}
.menuBlock ul {list-style: none;}
.menuBlock a {color:#fff}
.menuBlock ul li{ font-size:11px; line-height:12px; padding: 10px 10px 0 10px; white-space: nowrap}
.menuBlock div.about {display: block; float: left;}
.menuBlock div.partners {display: block; float: left}
.menuBlock div.marketing {display: block; float: left}
.menuBlock div.service_about {display: block; float: left}
.menuBlock div.press {display: block; float: left}

.loginBlock {float: left; padding-left:10px; width: 260px;}
.loginBlock .t {background: url(dot.gif) 0 0 repeat-x; width: 270px;}
.loginBlock .b {background: url(dot.gif) 0 100% repeat-x}
.loginBlock .l {background: url(dot.gif) 0 0 repeat-y}
.loginBlock .r {background: url(dot.gif) 100% 0 repeat-y}
.loginBlock .bl {background: url(bl.gif) 0 100% no-repeat}
.loginBlock .br {background: url(br.gif) 100% 100% no-repeat}
.loginBlock .tl {background: url(tl.gif) 0 0 no-repeat}
.loginBlock .tr {background: url(tr.gif) 100% 0 no-repeat; padding:10px}
.loginBlock table {border-collapse:collapse; padding: 10px; width: 200px; height: 145px}
.loginBlock table td {padding: 7px 5px 6px 5px}
.loginBlock .partner {background:url(partner.gif) left no-repeat; width: 200px; height: 18px; display: block; font-size: 14px; font-weight: bold; padding-left: 25px;}

/* bottom */
.bottom {width: 1050px; color: #3386ca; height: 60px; display: table; padding-top: 10px}
.bottom table {width: 100%; color: #3386ca; height: 30px;}
.bottom div {padding: 0px 30px; width: 200px; height: 35px;}
.bottom div.copy {width: 180px;}
.bottom div.phone {width: 250px;}
.bottom div.email {width: 150px;}
.bottom div.copy, .bottom div.phone, .bottom div.email {display: block;}
.bottom div.search {display: block; text-align: left; width: 175px}
.bottom div.search input {width: 145px;}
.bottom div.search .searchBtn {background:url(search.gif) right no-repeat; width: 23px; height: 20px; display: block; border: none; float: left}


.style1 {
	float:right;
	padding-left:10px;
}
.style2 {
	float:left;
	padding-right:10px;
}