@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-align: left;}
body { line-height: 1.3em; background: #02000d; text-align: center; font-family: "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; font-weight: normal; font-size: 12px; color: #fff; background-repeat: no-repeat; background-position: center top;}
ol, ul { list-style: none; }

blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }
a {text-decoration: none; color: #07b2ff;}
a:hover {text-decoration: underline;}
.clr {clear: both; height: 0; font-size: 0; line-height: 0; float: none;}
.gotop {padding-left: 8px; background: url('../i/gotop-bg.gif') no-repeat left center; margin-right: 30px;}
.date {font-size: 10px; line-height: normal; color: #a8a8a8;}

/* page-backgrounds */
#home-page {background-image: url('../i/home-bg.jpg');}
#aboutus-page {background-image: url('../i/aboutus-bg.jpg');}
#services-page {background-image: url('../i/services-bg.jpg');}
#services-porting-page {background-image: url('../i/services-porting-bg.jpg');}
#news-page {background-image: url('../i/news-bg.jpg');}
#contact-page {background-image: url('../i/contact-bg.jpg');}
#jobs-page {background-image: url('../i/jobs-bg.jpg');}
#qa-page {background-image: url('../i/qa-bg.jpg');}
#localisation-page {background-image: url('../i/localisation-bg.jpg');}
#portfolio-page {background-image: url('../i/portfolio-bg.jpg');}

/* layout */
#page {width: 920px; margin: 0 auto;}
#page-head, #page-footer {overflow: hidden;}
.c012, .c01 {overflow: hidden;}
.c012 .c0, .c012 .c1, .c012 .c2, .c01 .c1 {float: left; display: inline; width: 280px; margin-left: 40px;}
.c012 .c0 {margin: 0;}
.c01 .c0 {float: left; width: 600px;}

/* headers */
h1 {float: left; display: inline; margin-top: 58px; width: 280px; height: 42px; line-height: 42px;}
h1 a {display: block; text-indent: -9999px; background: url('../i/ph-logo.png') no-repeat left top;}
h2 {font-size: 28px; line-height: 35px; font-weight: normal; letter-spacing: -0.01em; padding: 145px 0 19px; margin-bottom: 20px; border-bottom: 1px solid #2b303a;}
h3 {font-size: 20px; line-height: normal; font-weight: normal; text-transform: uppercase; margin-bottom: 20px;}
h4 {font-size: 20px; line-height: normal; font-weight: normal; margin-bottom: 4px;}
#home-page h2 {text-align: center; font-size: 34px; line-height: 35px; padding-bottom: 30px;}
h2 span {padding-left: 18px; margin-left: 3px; background: url('../i/birdie-bg.gif') no-repeat left 14px;}

/* navigation */
#nav {float: right; display: inline; height: 94px;}
#nav li {float: left; display: inline; padding-top: 63px;}
#nav li.hovered {background: url('../i/nav-bg.png') repeat;}
#nav li.active {background: url('../i/nav2-bg.png') repeat;}
#nav a, #nav span {color: #fff; display: block; padding: 7px 10px 8px;}
#nav a:hover {text-decoration: none;}

/* footer */
#page-footer {margin-top: 25px; padding: 6px 0 10px; border-top: 1px solid #282631; color: #302d42; line-height: 18px;}
#page-footer a {color: #302d42;}
#page-footer .c0 {float: left;}
#page-footer .c1 {float: right;}
#page-footer ul {overflow: hidden;}
#page-footer li {float: left; display: inline; margin-left: 10px; padding-left: 12px; background: url('../i/sep-bg.gif') no-repeat left 4px;}
#page-footer li.first {margin: 0; padding: 0; background: none;}
#page-footer .c0 p {clear: both;}

/* boxes */
.c01 .c1 .box {margin-bottom: 40px;}
/* entryBox */
.entryBox .im {width: 280px; overflow: hidden;}
.entryBox img {margin-bottom: 10px; display: block;}
.entryBox p {line-height: 18px; text-align: justify;}
/* aboutBox */
.aboutBox h3 {margin-bottom: 15px;}
.aboutBox p {line-height: 20px; text-align: justify;}
/* portfolioBox */
.portfolioBox h3 {margin-bottom: 15px;}
.portfolioBox p {line-height: 20px; text-align: justify;}
/* servicesBox */
.servicesBox h3 {margin-bottom: 15px;}
.servicesBox p {color: #c0c0c0; line-height: 18px;}
.servicesBox li {border-top: 1px solid #282631; padding-top: 6px; margin-top: 7px; text-align: justify;}
.servicesBox li.first {border: 0; margin: 0; padding: 0;}
/* serviceBox */
.serviceBox h3 {margin-bottom: 3px; text-transform: none;}
.serviceBox p {line-height: 20px; text-align: justify;}
/* contactBox */
.contactBox p {line-height: 20px; margin-bottom: 20px;}
.contactBox p.h {font-size: 14px; font-weight: bold;}
/* mapBox */
.mapBox p.h {font-size: 14px; font-weight: bold; line-height: 20px; margin-bottom: 10px;}

/* article */
.article {line-height: 20px;}
.article .article-lead {font-size: 14px; margin-bottom: 20px; text-align: justify;}
.article p {text-align: justify;}
.article p, .article ul {margin-bottom: 20px;}
.article .header {font-size:14px;}
.article li {padding-left: 14px; background: url('../i/artli-bg.gif') no-repeat left 9px;}

/* article2 */
.article2 {overflow: hidden; zoom: 1; line-height: 20px;}
.article2 p {text-align: justify;}
.article2 p, .article2 ul, .article2 .art {margin-bottom: 20px;}
.article2 li {padding-left: 12px; background: url('../i/portfolio-artli-bg.gif') no-repeat left 10px;}
.article2 .service {font-size: 10px; line-height: normal; color: #a8a8a8;}
.article2 h3 {font-size: 12px; font-weight: bold; line-height: 20px; text-transform: none; margin: 0;}
.article2 .im {float: right; width: 280px; overflow: hidden; margin-top: 25px; line-height: normal;}
.article2 .desc {width: 600px; overflow: hidden;}

/* index */
.entry-index .entry-item {overflow: hidden; margin-bottom: 20px;}
.entry-index .entry-item .im {float: right; width: 280px; overflow: hidden; margin-top: 25px; line-height: normal;}
.entry-index .entry-item .desc {float: left; width: 600px; overflow: hidden; line-height: 20px;}
.entry-index h3 {font-size: 12px; font-weight: bold; line-height: 20px; text-transform: none; margin: 0;}
.entry-index .service {font-size: 10px; line-height: normal; color: #a8a8a8;}
.entry-index .str {width: 920px; text-align: center; position: absolute; left: 0; bottom: -36px;}
.entry-index .str * {margin-left: 8px; padding-left: 10px; border-left: 1px solid #1e1c27;}
.entry-index .str .first {margin: 0; padding: 0; border: 0;}
/* #news-page */
#news-page .entry-index {position: relative;}
#news-page .entry-index .entry-item, #portfolio-page .entry-index .entry-item {padding-bottom: 20px; border-bottom: 1px solid #0c0a16;}
#jobs-page .entry-index .entry-item {padding-top: 15px; border-top: 1px solid #0c0a16;}
#jobs-page .entry-index .first {padding: 0; border: 0;}

/* portfolio-page subnav */
#portfolio-page #page-body {position: relative; zoom: 1;}
#portfolio-page .subNav {position: absolute; right: 0; top: 158px;}
#portfolio-page .subNav li {display: inline; padding-left: 10px; margin-left: 8px; border-left: 1px solid #79797b;}
#portfolio-page .subNav li.first {margin: 0; padding: 0; border: 0;}

/* form-wrp */
.form-wrp .row {overflow: hidden; margin-top: 10px;}
.form-wrp .first {margin-top: 0;}
.form-wrp .sbtRow {margin-top: 15px;}
.form-wrp .cL {float: left; width: 280px;}
.form-wrp .cR {float: right; width: 280px;}
.form-wrp label {display: block; line-height: 20px;}
.form-wrp .iTxt {background: #fff; font: 14px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; color: #000; border: 1px solid #080f17; padding: 3px 2px; width: 268px;}
.form-wrp .iTa {background: #fff; font: 14px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; color: #000; border: 1px solid #080f17; width: 590px; height: 119px; padding: 3px 0 3px 2px; overflow: auto;}
.form-wrp .iSbt {background: url('../i/send-button-bg.gif') no-repeat 0 0; font: 12px "Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif; color: #fff; border: 0; width: 84px; height: 31px; text-align: center; padding: 0 0 1px; cursor: pointer;}
.form-wrp .iRb {margin: 0;}
.form-wrp p.error {color: #ca0000;}   
.form-wrp p.sukces {color: #07b2ff;}
.form-wrp .error .iTxt {background: #fff url('../i/error_ico.gif') no-repeat 254px 6px;}

/* contact-form */
.contact-form-wrp p {font-size: 14px; line-height: 20px; margin-bottom: 20px;}
#contact-form .first label {display: inline; line-height: normal;}
#contact-form .first div * {vertical-align: middle;}
#contact-form .error .iTa {background: #fff url('../i/error_ico.gif') no-repeat 254px 6px;}
#contact-form .error .iTa {background-position: 574px 6px;}

/* jobs-form */
.jobs-form-wrp .row {position: relative;}
.jobs-form-wrp {margin-bottom: 20px;}
.jobs-form-wrp p {line-height: 20px; margin-bottom: 20px;}
.jobs-form-wrp p.h {font-size: 14px; margin-bottom: 15px;}
.jobs-form-wrp .top {border-bottom: 1px solid #282632; margin-bottom: 20px;}
.jobs-form-wrp small {font-size: 10px; color: #909090; position: absolute; right: 105px; top: 4px;}