html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, img, strong, ol, ul, li, table, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; } table { border-collapse: collapse; border-spacing: 0; } input, button{ overflow: visible; } html { overflow: auto; } html, body { height: 100%; min-height: 100%; } body { font: normal 11px 'Segoe UI', Tahoma, Verdana, Arial, Helvetica, sans-serif; line-height: 1.2; color: #1e2022; text-align: center; background: #f6f6f6; } p { padding: 0 0 10px; } ul { padding: 0 0 0 16px; } li { padding: 0 0 5px; } a { text-decoration: none; color: #005ace; } a:hover { text-decoration: underline; color: #39f; } .clear { display: inline-block; } .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clear { height: 1%; } .clear { display: block; } .page { position: relative; width: 100%; min-width: 750px; min-height: 100%; } * html .page { height: 100%; } .page .header { border-bottom: 1px solid #152b7e; width: 100%; height: 49px; text-align: left; background: #fff url('../img/common/top_body_bg.jpg') 100% 0 no-repeat; } .page .header .company-logo { float: right; display: block; margin: 5px 10px 0 0; width: 127px; height: 38px; overflow: hidden; text-indent: -9999px; background: transparent url('../img/common/parallels_logo.gif') 0 0 no-repeat; } .page .header .header-area { height: 49px; } .page .header h1 { float: left; width: 156px; height: 49px; text-align: left; } .page .header h1 a { display: block; width: 156px; height: 49px; overflow: hidden; text-indent: -9999px; background: url('../img/common/logo.gif') no-repeat; } .page .header .header-text { float: right; } .page .header .header-text a { float: left; margin: 11px 12px 0 0; color: #fff; text-decoration: none; } .page .header .header-text a.top-copyright { text-align: right; } .wrapper { margin: 0 auto; padding: 40px 0 60px 0; width: 734px; text-align: left; } .wrapper .container { border: 1px solid #b8c1d0; margin-bottom: 12px; padding: 6px; background: #fff; } .wrapper .content { background: #fff url('../img/common/content_bg.gif') 0 0 repeat-y; } .wrapper .content .description { padding: 0 15px 0 190px; min-height: 229px; font-size: 12px; background: transparent url('../img/common/banner.jpg') 0 0 no-repeat; } * html .wrapper .content .description { height: 229px; } .wrapper .content h2 { border-bottom: 1px solid #8b919f; margin: 0 0 10px; padding: 10px 0 3px; font-size: 17px; font-weight: normal; } .wrapper .promo { border: 1px solid #b8c1d0; background: #fff; } .wrapper .promo h3 { border-bottom: 1px solid #b8c1d0; font-size: 13px; background: #64b5c5 url('../img/glyph/dBox-header-right.gif') 0 0 repeat-x; } .wrapper .promo h3 span { display: block; border: 1px solid #cdf7fd; padding: 0 10px; height: 23px; line-height: 23px; font-size: 13px; color: #fff; background: transparent url('../img/glyph/dBox-header-left.gif') 0 0 no-repeat; } .promo .promo-block { padding: 15px 0 15px 15px; } .promo .promo-block a.box { float: left; margin: 0 0 0 -110px; } .promo .promo-block div { float: left; padding: 0 15px 0 110px; width: 233px; } .promo .promo-block h4 { font-size: 20px; padding: 4px 0 8px; } .promo .promo-block h4 span { display: block; margin-bottom: -5px; font-size: 14px; font-weight: normal; } .promo .promo-block h4 a { text-decoration: none; color: #1e2022; } .promo .promo-block a.more { padding: 2px 0 3px 24px; line-height: 19px; font-size: 12px; font-weight: bold; color: #616161; background: transparent url('../img/common/arrow.gif') 0 0 no-repeat; } .promo .promo-block h4 a:hover, .promo .promo-block a.more:hover { text-decoration: none; color: #39f; } .promo ul { border-top: 1px solid #d7d7d7; margin: 0 20px; padding: 12px 0; list-style: none; } .promo ul li { float: left; padding: 5px 10px 5px 25px; width: 310px; } .promo ul li.first { border-right: 1px solid #d7d7d7; } .page .footer { position: absolute; left: 0; bottom: 0; border-top: 1px solid #8b919f; width: 100%; min-width: 300px; height: 38px; font-size: 11px; text-align: left; color: #000; background: #94d6f8 url('../img/common/footer_bg.gif') 0 0 repeat-x; } .page .footer a { color: #002c61; text-decoration: none; } .page .footer a:hover { text-decoration: underline; } .page .footer .description { padding: 0; margin: 13px 10px 0 10px; }