@charset "utf-8";
/* Clear style */
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,  sub, sup, tt, var, dl, dt,
dd, ol,ul, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
ol, ul {
    list-style: none outside none;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
/*Backgrounds*/
#psLogo, .menuNodeLink, .subMenuNodeLink, .showMore a, .viewMore span, #news li .newsTitle,
.richDescription li, .infoBox li .itemTitle, #lastNews a, .back a, #showcases, .showcaseItem,
#galleryPrev, #galleryNext, .coda-nav a, #projectNext a, #projectPrev a, #showcaseContent .jMyCarousel,
#lastProjectsPagination a, #footBox, #footer .title, #fOffer a, .mail, .social a {
    background-image: url(/layout/sprite.png);
    background-repeat: no-repeat;
}
#headDoc, #neckProjectsBox .title, .shadowTop .title {
    background-image: url('/layout/vertical.png');
    background-repeat: repeat-x;
}
#contentDoc {
    background-image: url('/layout/bg.jpg');
    background-repeat: no-repeat;
}
#neckProjectsBox , .shadowTop, .showcaseShadow {
    background-image: url(/layout/shadow.png);
    background-repeat: no-repeat;
}
.shadowMiddle {
    background-image: url(/layout/shadow.m.png);
    background-repeat: no-repeat;
}
.shadowSmall {
    background-image: url(/layout/shadow.s.png);
    background-repeat: no-repeat;
}
* html #psLogo, * html .menuNodeLink, * html .subMenuNodeLink, * html .showMore a, * html .viewMore span, * html #news li .newsTitle,
* html .richDescription li, * html .infoBox li .itemTitle, * html #lastNews a, * html .back a, * html #showcases, * html .showcaseItem,
* html #galleryPrev, * html #galleryNext, * html .coda-nav a, * html #projectNext a, * html #projectPrev a, * html #showcaseContent .jMyCarousel,
* html #lastProjectsPagination a, * html #footBox, * html #footer .title, * html #fOffer a, * html .mail, * html .social a,
* html #neckProjectsBox, * html .shadowTop, * html .showcaseShadow, * html .shadowMiddle, * html .shadowSmall, #fCustomers img {
    behavior: url(/js/ie6fix/iepngfix.htc);
}
/* Standardowe ułożenie elementów */
#top {
    text-align: center;
}
body {
    background-color: #f8defe;
    color: #000;
    font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#bodyDoc {
    background-color: #fff;
    padding-bottom: 25px;
}
#contentDoc {
    margin: 0 auto;
    max-width: 1200px;
    min-height: 400px;
    text-align: left;
    padding: 38px 0 0 0;
    background-color: #fff;
    overflow: hidden;
}
* html #contentDoc {
    width: 1080px;
}
#headDoc {
    height: 130px;
    background-color: #fff;
    border-bottom: 7px solid #ce0ac2;
    max-width: 1200px;
    margin: 0 auto;
    background-color: #fff;
}
* html #headDoc {
    width: 1080px;
}
#footDoc {
    background-color: #f8defe;
    border-top: 7px solid #ce0ac2;
}
#head {
    padding: 0 17px;
    width: 980px;
    margin: 0 auto;
}
#neck {
}
#body {
    width: 905px;
    margin: 0 auto;
}
#trunk {
    float: left;
    width: 605px;
}
#intro {
}
#main {
    float: left;
    width: 470px;
}
#content {
    width: 100%;
}
#mainContent {
    float: left;
    width: 780px;
}
#info {
    float: left;
    width: 190px;
    margin-right: 10px;
}
#outro {
}
#extra {
    float: left;
    margin-left: 10px;
    width: 290px;
}
#leg {
}
#foot {
    margin: 0 auto;
    width: 950px;
    padding: 5px 15px 15px 15px;
}
#head, #neck, #outro, #leg, #foot {
    clear:both;
}
/* Standardowe wspólne klasy */
.hClear {
    clear: both;
    height: 0 !important;
    font-size: 0;
    border: 0 !important;
    background-color: transparent !important;
}
* + html .hClear {
    height: 1px;
}
.clear {
    clear: both;
}
.left {
    float : left !important;
}
.right {
    float : right;
}
.leftAlign {
    text-align: left;
}
.rightAlign {
    text-align: right;
}
.centerAlign {
    text-align: center;
}
.bold {
    font-weight: bold;
}
.none {
    display: none;
}
.hide {
    display: none !important;
}
.bolder {
    font-weight: bolder;
    font-size: medium;
}
/* Styl serwisu */
.showMore, .viewMore {
    margin-top: 10px;
    width: 100%;
    text-align: left;
    clear: both;
}
.showMore a, .viewMore span {
    display: block;
    color: #d30ae8;
    overflow: hidden;
    width: 85px;
    padding-left: 9px;
    background-position: -903px -259px;
    float: right;
}
.viewSource {
    display: block;
    color: #d30ae8;
    padding-left: 9px;
}
.viewMore span, .whiteMore a {
    display: block;
    width: auto;
    background-position: -903px -276px;
    color: #fff;
}
.whiteMore a {
    width: 85px;
    font-weight: bold;
}
.viewMore span:hover {
    text-decoration: underline;
}
.top {
    margin-bottom: 20px;
}
.pagination, .pagination a {
    font-size: 15px;
    color: #953c95;
}
.pagination .current {
    padding: 0 3px;
    border: 0;
    font-weight: bolder;
}
.back {
    margin: 40px 0 10px 0;
}
.back a {
    text-align: left;
    color: #6a1f72;
    background-position: -903px -294px;
    padding-left: 15px;
}
#messageItems {
    width: 600px;
}
#messageItems li {
    background-color: #5b1762;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-weight: bold;
}
#messageItems .messageError {
    color: #eb89f5;
}
.shadowMiddle {
    background-position: bottom center;
    height: 116px;
}
/*HEAD*/
#psLogo {
    margin-top: 17px;
    display: block;
    width: 217px;
    height: 88px;
    text-indent: -9999px;
    overflow: hidden;
    background-position: -451px -384px;
}
#menuNodes {
    position: relative;
    width: 640px;
}
.menuNode {
    margin: 0 1px;
    width: 97px;
    float: right;
}
.menuNode .menuNodeLink {
    width: 97px;
    height: 40px;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}
#menuNode_info .menuNodeLink {
    background-position: -669px -384px;
}
#menuNode_offer .menuNodeLink {
    background-position: -767px -384px;
}
#menuNode_project .menuNodeLink {
    background-position: -865px -384px;
}
#menuNode_customer .menuNodeLink {
    background-position: -963px -384px;
}
#menuNode_showcase .menuNodeLink {
    background-position: -669px -466px;
}
#menuNode_contact .menuNodeLink {
    background-position: -865px -466px;
}
#menuNode_info .selectedMenuNodeLink {
    background-position: -669px -425px;
}
#menuNode_offer .selectedMenuNodeLink {
    background-position: -767px -425px;
}
#menuNode_project .selectedMenuNodeLink {
    background-position: -865px -425px;
}
#menuNode_customer .selectedMenuNodeLink {
    background-position: -963px -425px;
}
#menuNode_showcase .selectedMenuNodeLink {
    background-position: -767px -466px;
}
#menuNode_contact .selectedMenuNodeLink {
    background-position: -963px -466px;
}
.selectedSubMenuNode a {
    text-decoration: underline;
}
.subMenuNodes {
    left: 0;
    width: 700px;
    position: absolute;
    padding-top: 10px;
    height: 30px;
}
.subMenuNode {
    float: left;
    text-align: center;
    margin-right: 8px;
}
.subMenuNodeLink {
    font-family: Tahoma;
    padding-left: 15px;
    color: #2d1132;
    background-position: -905px -127px;
    display: block;
    font-size: 11px;
    text-align: left;
}
.hiddenSubMenu {
    display: none;
}
/*NECK*/
.mainBanner {
    text-align: center;
    margin-bottom: 25px;
    clear: both;
}
* + html .hidden {
    height: 0;
    position: relative;
}
.shadowTop, .showcaseShadow {
    background-color: transparent;
    background-position: bottom right;
    height: 268px;
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 25px;
}
.showcaseShadow {
    height: 267px;
}
* + html .shadowTop .title {
    top: -46px;
}
/*INDEX*/ /*NEWS*/ /*TAGS*/ /*ERROR*/ /*PROJECTS*/
#neckProjectsBox .title, .shadowTop .title {
    background-position: 0 -131px;
    height: 44px;
    width: 880px;
    top: -44px;
    overflow: hidden;
    line-height: 44px;
    text-align: left;
    position: relative;
    padding-left: 20px;
}
#neckProjectsBox .projectTitle, .shadowTop .title {
    top: -44px;
}
* + html #neckProjectsBox .projectTitle {
    top: -58px;
    height: 45px;
}
#neckProjectsBox .title a, .shadowTop .title a, .shadowTop .title, .shadowTop .title h1, #projectTitle h2 {
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}
#neckProjectsBox {
    position: relative;
    height: 268px;
    width: 900px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
    background-color: transparent;
    background-position: bottom right;
    margin-bottom: 25px;
}
#neckProjects {
    height: 240px;
    overflow: hidden;
    position: relative;
}
#neckProjects li {
    z-index:8;
    position: absolute;
    width: 100%;
    text-align: center;
    border: 0;
    margin: 0;
    padding: 0;
}
#neckProjects .active {
    z-index:10;
}
#neckProjects .last-active {
    z-index:9;
}
#neckProjects img {
    border: 0;
}
#lastProjectsPagination {
    right: 10px;
    position: absolute;
    bottom: 36px;
    z-index: 11;
}
* + html #lastProjectsPagination {
    top: 207px;
}
* html #lastProjectsPagination {
    top: 207px;
    left: 700px;
}
#lastProjectsPagination a, .coda-nav a {
    background-position: -1041px -53px;
    height: 26px;
    width: 27px;
    display: block;
    overflow: hidden;
    line-height: 25px;
    color: #c2a5c4;
    margin-right: 3px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}
#lastProjectsPagination .current a, .coda-nav a.current {
    background-position: -1011px -53px;
    color: #120e0a;
}
/*PROJECTS*/
#coda-slider-1 {
    position: absolute !important;
    overflow: hidden;
}
#coda-nav-1 {
    width: 900px;
    right: 10px;
    position: absolute;
    bottom: 21px;
}
* html #coda-nav-1 {
/*    bottom: -1px;*/
}
.panel-container li {
    display: block;
    float: left;
}
.coda-nav li {
    float: left;
    padding: 5px;
}
/*PROJECT DETAIL*/
#projectTitle {
    position: relative;
    text-align: left;
    width: 880px;
    margin: 0 auto;
    top: -44px;
    padding-left: 20px;
}
#projectTitle h1 {
    color: #fff;
    font-size: 14px;
}
* + html #projectTitle {
    top: -46px;
}
#projectLeftAlign, #projectRightAlign {
    height: 0;
}
* html #projectLeftAlign, * html #projectRightAlign {
    position: absolute;
}
#projectPrev, #projectNext {
    position: relative;
    top: 120px;
    z-index: 10;
    width: 74px;
}
#projectNext {
    float: right;
    right: 0;
    z-index: 11;
}
#projectPrev a {
    display: block;
    height: 24px;
    text-indent: -9999px;
    overflow: hidden;
    width: 74px;
    background-position: -951px -28px;
}
#projectNext a {
    text-align: left;
    display: block;
    overflow: hidden;
    height: 24px;
    width: 74px;
    background-position: -1026px -28px;
    text-indent: -9999px;
}
/*SHOWCASE*/
#showcases {
    margin: 0 auto;
    background-position: 0 -127px;
/*    height: 256px;*/
    height: 239px;
    width: 903px;
    overflow: hidden;
}
#showcases .view {
    margin: 40px;
    width: 823px;
    overflow: hidden;
}
#showcases ul {
    margin: 0 auto;
    height: 173px;
}
.showcaseItem {
    text-align: center;
    margin-right: 25px;
    width: 117px;
    background-position: -904px -186px;
    height: 173px;
}
* + html .showcaseItem {
    background-position: -904px -183px;
}
* html .showcaseItem {
    background-position: -904px -183px;
}
#showcases .last {
    margin-right: 0;
}
.showcaseItem img {
    border: 1px solid #dcdcdc;
}
.showcaseItem .title {
    background-color: #915799;
    height: 20px;
    width: 117px;
    overflow: hidden;
}
.showcaseItem .title a {
    color: #fff;
    line-height: 18px;
    font-size: 12px;
    overflow: hidden;
    display: block;
}
#showcases .current a {
    font-weight: bold;
}
/*CONTACT*/
#googleMap {
    overflow: hidden;
    text-align: center;
}
#googleMap iframe {
    position: relative;
    top: -3px;
}
#googleMap div {
    width: 905px;
    margin: 0 auto;
    text-align: right;
}
#googleMap a {
    color: #000;
    font-size: 10px;
}
/*BODY CONTENT*/
/*INDEX*/
.mainOfferType {
    width: 290px;
    float: left;
    text-align: left;
    margin-bottom: 25px;
    color: #6a1f72;
}
#mainOfferTypes .odd {
    margin-right: 18px;
}
.mainOfferType h2 {
    margin: 5px 0 10px 0;
    text-align: left;
}
.mainOfferType h2 a {
    font-size: 14px;
    font-weight: bold;
    color: #6a1f72;
}
/*OFFER INDEX*/
#offerTypes .img {
    width: 230px;
    margin-right: 5px;
}
#offerTypes .detail {
    width: 365px;
    color: #6a1f72;
}
#offerTypes h2 {
    margin-bottom: 15px;
}
#offerTypes h2 a {
    font-size: 12px;
    color: #6a1f72;
}
.shadowSmall {
    background-position: bottom center;
    height: 96px;
}
/*OFFER DETAIL*/ /*STATIC PAGE*/ /*NEWS DETAIL*/ /*PROJECT DETAIL*/
.richDescription h1 {
    font-size: 16px;
    color: #6a1f72;
    margin-bottom: 30px;
    font-weight: bold;
}
.richDescription h2 {
    font-style: italic;
}
.richDescription, .richDescription a {
    font-size: 12px;
    color: #6a1f72;
}
.richDescription a {
    font-weight: bold;
}
.richDescription p {
    text-indent: 30px;
    margin: 10px 0;
}
.richDescription li {
    font-weight: bold;
    background-position: -905px -127px;
    padding-left: 25px;
    font-size: 11px;
    margin: 8px 0 8px 10px;
}
/*PROJECTS*/ /*TAGS*/
#lastProjects li, #tags li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #bda2c0;
}
#lastProjects li.last, #tags li.last {
    border: 0;
}
#lastProjects .img, #tags .img {
    width: 100px;
    text-align: center;
    padding-right: 10px;
}
#lastProjects img, #tags img {
    border: 1px solid #b467bc;
}
#lastProjects .content, #tags .content {
    width: 480px;
    color: #691969;
}
#lastProjects h2, #tags h2 {
    margin-bottom: 10px;
}
#lastProjects h2 a, #tags h2 a {
    color: #7a247a;
}
#tags img {
    width: 100px;
}
/*CUSTOMER INDEX*/
#customers .customerItem {
    width: 430px;
    border: 1px solid #d6c1db;
    background-color: #e7dbeb;
    margin-bottom: 15px;
/*    padding: 5px; margin: 5px;*/
}
#customers .odd {
    margin-right: 40px;
}
#customers .img {
    padding: 10px;
    width: 100px;
    text-align: center;
}
#customers img {
    border: 1px solid #d0b5d9;
}
#customers .body {
    margin: 10px 5px 10px 5px;
    width: 290px;
}
#customers .name {
    color: #3b1441;
    font-size: 13px;
    font-weight: bold;
    margin: 0 0 15px 0;
}
#customers .description {
    color: #85428b;
}
/*SHOWCASE*/
* html #showcaseContent .richDescription {
    width: 430px;
}
#showcaseContent .multimedia {
    width: 450px;
    margin-right: 20px;
}
#showcaseContent .jMyCarousel {
    width: 450px;
    height: 110px;
    background-position: 0 -384px;
    margin: 15px 0;
}
#showcaseContent .jmcVideos li {
    float: left;
    margin: 10px 14px 0 14px;
    width: 120px;
}
#showcaseContent .jmcImages li {
    margin: 8px 5px 0 5px;
    float: left;
}
#showcaseContent .center {
    margin: 0 auto;
}
#showcaseContent .richDescription {
    width: 435px;
}
/*CONTACT*/
form {
    width: 426px;
}
* html form {
    width: 450px;
}
.fText, .fTextarea {
    margin-bottom: 10px;
}
.fText label, .fTextarea label, .fCaptchaElem label {
    color: #631a6a;
    font-weight: bold;
    width: 150px;
    display: block;
    float: left;
    line-height: 20px;
}
.fText label span, .fTextarea label span, .fCaptchaElem label span {
    color: #eb89f5;
}
.fText input, .fTextarea textarea, .fCaptchaElem input {
    width: 270px;
    border: 1px solid #829db8;
}
.fTextarea textarea {
    height: 120px;
}
.fCaptchaImg {
    margin-left: 150px;
    width: 110px;
}
.fCaptchaImg img {
    border: 1px solid #829db8;
}
.fCaptchaElem {
    margin-top: 5px;
}
.fSubmit {
    margin-right: 3px;
    text-align: right;
}
.fSubmit input {
    background-color: #631b6b;
    color: #fff;
    border: 1px solid #829db8;
    padding: 2px;
    width: 80px;
}
.errors {
    margin: 5px 0 0 150px;
}
* html .errors {
    margin: 5px 0 0 155px;
}
.errors li {
    color: #f00;
}
/*ERROR*/
#error .bold {
    color: #7a247a;
    font-size: 14px;
    margin: 10px;
}
#error .description {
    color: #691969;
    font-size: 11px;
}
/**/
/*FOOT*/
#footBox {
    background-position: 0 0;
    height: 126px;
    width: 950px;
    margin: 0 0 5px 0;
    overflow: hidden;
}
#footer {
    text-align: left;
    font-family: Tahoma;
    color: #d980e3;
    padding: 12px 23px;
}
#footer .title {
    height: 20px;
    width: 110px;
    text-indent: -9999px;
}
#fOffer {
    width: 302px;
}
#fOffer .title {
    background-position: -903px -146px;
}
#fOffer ul {
    padding: 4px 0 0 7px;
}
#fOffer a {
    color: #d980e3;
    background-position: -903px -207px;
    height: 13px;
    display: block;
    padding: 0 0 0 12px;
    font-size: 11px;
    font-weight: normal;
    overflow: hidden;
    width: 150px;
}
#fCustomers {
    width: 407px;
}
#fCustomers ul {
    padding: 4px 0 0 0;
}
#fCustomers li {
    height: 40px;
    line-height: 45px;
    margin: 0 5px 5px 0;
    text-align: center;
    vertical-align: middle;
    width: 100px;
}
#fCustomers .title {
    background-position: -903px -166px;
}
#fCustomers img {
    max-height: 30px;
    max-width: 100px;
}
#fContact {
    width: 195px;
    color: #fcddff;
}
#fContact .title {
    background-position: -903px -186px;
}
#fContact .info {
    padding: 14px 0 0 23px;
}
.mail {
    text-indent: -9999px;
    display: block;
    overflow: hidden;
    width: 115px;
    height: 13px;
    background-position: -955px -87px;
}
#copyright {
    font-family: Tahoma;
    color: #6a1f72;
    font-size: 13px;
    line-height: 25px;
}
.social a {
    display: block;
    width: 25px;
    height: 25px;
    overflow: hidden;
    text-indent: -9999px;
    float: left;
    margin: 0 1px;
}
#youtube {
    background-position: -958px 0;
}
#facebook {
    background-position: -985px 0;
}
#twitter {
    background-position: -1010px 0;
}
#linkedin {
    background-position: -1035px 0;
}
#blip {
    background-position: -1061px 0;
}
/**/
/*EXTRA*/
* html .fb_iframe_widget {
    width: 290px;
    overflow: hidden;
}
.infoWidget, .widget {
    clear: both;
    width: 290px;
    margin-bottom: 20px;
    overflow: hidden;
}
.infoWidget .header {
    text-align: center;
    width: 290px;
    background-color: #6a1f72;
    font-size: 11px;
    line-height: 26px;
    color: #fff;
    font-weight: bold;
    padding: 0;
    height: 29px;
}
.infoWidget img {
    border: 1px solid #d0b5d9;
    margin: 5px 5px 1px 5px;
    float: left;
}
.infoWidget .body {
    width: 288px;
    background-color: #e7dbeb;
    border: 1px solid #d6c1db;
    padding: 0 0 5px 0;
}
.infoWidget h2, .infoWidget h2 a {
    color: #3b1441;
    font-size: 13px;
    font-weight: bold;
    margin: 10px 0 15px 0;
}
.infoWidget .description {
    color: #85428b;
    margin: 0 5px;
    font-size: 12px;
    line-height: 17px;
}
.widget .header {
    background-color: #5b1762;
    color: #fff;
    height: 29px;
    line-height: 29px;
    font-weight: bold;
    padding-left: 12px;
}
.widget .body {
    width: 268px;
    background-color: #6a1f72;
    color: #edaaf4;
    border: 1px solid #000;
    border-top: 0;
    padding: 10px 10px 0 10px;
}
.widget table.body {
    width: 290px;
    padding-bottom: 10px;
}
.widget table.body h4 {
    font-size: 12px;
}
/*NEWS LEADS*/
#news li {
    margin-bottom: 2px;
}
#news li .title {
    background-color: #6a1f72;
    overflow: hidden;
}
#news li .newsTitle {
    color: #fff;
    height: 28px;
    width: 260px;
    display: block;
    background-position: -905px -237px;
    line-height: 26px;
    padding-left: 30px;
    font-size: 11px;
    overflow: hidden;
}
#news li.selected .title {
    background-color: #8a3393;
}
#news li.selected .newsTitle {
    background-position: -905px -218px;
}
#news li .newsLead {
    color: #731f72;
    padding: 20px 7px;
}
/*NEWS TITLES*/
#lastNews li {
    margin-bottom: 10px;
}
#lastNews a {
    font-weight: bold;
    color: #fff;
    display: block;
    overflow: hidden;
    padding-left: 9px;
    background-position: -903px -276px;
    font-size: 12px;
}
/*OFFER TEXT*/ /*PROJECT TEXT*/
#offerText .detail, #projectText .detail {
    border-bottom: 1px solid #5b1762;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
/*OFFER DETAIL*/ /*PROJECT DETAIL*/
.detailBox col.label {
    width: 105px;
}
.detailBox col.value {
    width: 150px;
}
.detailBox td {
    background-color: #8c3995;
    color: #fff;
    font-weight: normal;
    padding-left: 6px;
}
.detailBox tr {
    height: 21px;
}
.detailBox td a {
    color: #edaaf4;
}
/*OFFER INFO*/ /*PROJECT INFO*/
.infoBox {
    padding: 10px !important;
}
.infoBox li {
    margin-bottom: 2px;
}
.infoBox li .title {
    background-color: #6a1f72;
    background-color: #8a3393;
    overflow: hidden;
    cursor: pointer;
}
.infoBox li .itemTitle {
    color: #fff;
    height: 28px;
    width: 235px;
    display: block;
    background-position: -905px -237px;
    line-height: 26px;
    padding-left: 30px;
    font-size: 11px;
    overflow: hidden;
}
.infoBox li.selected .title {
    background-color: #8a3393;
    border: 1px solid #5B1762;
}
.infoBox li.selected .itemTitle {
    background-position: -905px -218px;
}
.infoBox li .itemBody {
    color: #edaaf4;
    padding: 10px 7px;
}
/*TECH INFO*/
#techInfo li {
    margin-bottom: 10px;
}
#techInfo .techSeparator {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}
#techInfo .img {
    width: 60px;
    padding: 5px;
    text-align: center;
}
#techInfo img {
    border: 1px solid #a679aa;
}
#techInfo .content {
    padding: 5px 0 5px 5px;
    width: 190px;
}
#techInfo h3 {
    color: #fff;
    font-size: 13px;
    margin-bottom: 3px;
}
#techInfo .description {
    color: #e09ce7;
    font-size: 11px;
}
/*TAG*/
#tagBox .body {
    padding: 10px;
}
#tagBox a {
    color: #edaaf4;
}
#tagBox h5 {
    display: inline;
}
* + html #tagBox h5 {
    padding-right: 3px;
}
/*OFFER*/
#offerShowcase {
    background-color: #b467bc;
    color: #fff;
}
#offerShowcase img {
    width: 290px;
}
#offerShowcase a {
    color: #fff;
}
#offerShowcase .content {
    padding: 0 10px 10px;
}
#offerShowcase h2 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}
/*CONTACT*/
#contactBox .body {
    padding-bottom: 10px;
}
#contactBox .type {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin-top: 10px;
}
#contactBox ul {
    margin: 10px 0;
}
#contactBox li {
    margin: 3px 0 3px 10px;
}
#contactBox span {
    color: #eb89f5;
    font-weight: bold;
    font-size: 12px;
}
#contactBox a, #contactBox li {
    color: #fff;
    font-weight: normal;
}
#contactBox .mail {
    float: left;
}
/*PROJECT GALLERY*/
#projectGallery {
    overflow: hidden;
    padding: 0;
    width: 288px;
}
* html #projectGallery {
    position: relative;
}
#projectGallery .box {
    overflow: hidden;
    margin: 11px 10px 8px 0px;
    position: relative;
}
#galleries {
    position: relative;
    left:0px;
}
#galleries ul {
    width: 278px;
}
#galleries li {
    height: 80px;
    width: 80px;
}
#galleries .topM {
    margin-top: 20px;
}
#galleries .leftWideM {
    margin-left: 14px;
}
* html #galleries .leftWideM {
    margin-left: 5px;
}
#galleries .leftM {
    margin-left: 10px;
}
#projectGallery .navigation {
    height: 10px;
    padding: 0 10px 7px 10px;
}
#galleryPrev {
    text-indent: -9999px;
    background-position: -954px -63px;
    height: 9px;
    width: 12px;
    display: block;
    overflow: hidden;
}
#galleryNext {
    text-indent: -9999px;
    background-position: -983px -63px;
    height: 9px;
    width: 12px;
    display: block;
    overflow: hidden;
}
#projectGallery img {
    border: 1px solid #884c8e;
}
.m5 {
    margin: 0 5px 5px 0;
}
.colored {
    color: #6a1f72;
}
#neckProjectsBox #neckProjects li {
        display: none;
}
#neckProjectsBox #neckProjects li.active {
        display: block;
}
.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 78px;
    width: 78px;
}
.wraptocenter * {
    vertical-align: middle;
}
* html .wraptocenter span {
    display: inline-block;
    height: 100%;
}
* + html .wraptocenter span {
    display: inline-block;
    height: 100%;
}
#likeBox {
    height: 300px;
}