@charset "utf-8";
/* CSS Document */

/*
  display:        -moz-inline-stack;
  display:        inline-block;
  zoom:          1;
  *display:        inline;
*/

html {
  height:          100%;
}

body, html {
  width:          100%;
  margin:          0px;
  padding:        0px;
}

body {
  min-width:        480px;
  background-color:    #fff;
  font-family:            "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:              14px;
  line-height:            20px;
  letter-spacing:      0px;
  color:          #444;
}

img, div, p, span, form, input, textarea {
    border:                 none;
    border-width:           0px;
    padding:                0px;
    margin:                 0px;
}

input, textarea {
    background-color:       transparent;
}

div.clear {
    clear:                  both;
    height:                 0px;
    overflow:               hidden;
}

ul, li {
  padding:        0px;
  margin:          0px;
  list-style:        none;
}

ins, a {
    text-decoration:        none;
    color:                  inherit;
    color:                  expression(this.parentNode.currentStyle.color);
}

em {
  font-style:        normal;
}

div.page-wrapper {
  width:          100%;
  height:          100%;
  position:        relative;
  overflow:        hidden;
}

div.page-footer {
  height:          25px;
  width:          100%;
  line-height:      25px;
  display:        none;
  position:        relative;
  z-index:        3;
}

div.page-footer div.wrapper {
  padding:        0px 70px;
  background-color:    #b2b2b2;
  color:          #fff;
}

div.page-footer div.contacts {
  float:          right;
}

div.page-footer span.item {
  margin-left:      17px;
}

div.page-footer div.contacts a {
  color:          #5194c8;
}

div.page-footer div.contacts a:hover {
  color:          #fff;
}

div.page-header {
  height:          85px;
  padding:        35px;
  position:        relative;
  z-index:        2;
}

div.logo-holder {
  background:        url(../images/logo.png) left center no-repeat;
  padding-left:      23px;
  height:          29px;
  display:        none;
}

h1 {
  font-size:        29px;
  line-height:      30px;
  text-transform:      uppercase;
  color:          #444;
  margin:          0px;
  padding:        0px;
}

ul.menu {
  display:        none;
}

ul.menu li {
  display:        -moz-inline-stack;
  display:        inline-block;
  zoom:          1;
  *display:        inline;
  background:        url(../images/menu-divider.png) left center no-repeat;
  height:          13px;
  line-height:      13px;
  padding-left:      12px;
  margin-right:      6px;
  color:          #5194c8;
}

div.nav-holder {
  padding-top:      4px;
}

ul.menu li.first {
  padding-left:      0px;
  background:        none;
}

ul.menu a {
  outline:        none;
}

ul.menu li.active a,
ul.menu li a:hover {
  color:          #444;
}

ul.menu li.active a {
  cursor:         default;
}

div.content-holder {
  min-width:        480px;
}

#infoPage {
  padding-left:      35px;
}

div.content-holder a {
  color:          #5194c8;
}

div.content-holder a:hover {
  color:          #444;
}

div.content-holder > div {
  display:        none;
  height:          100%;
}

h2 {
  font-size:        20px;
  line-height:      28px;
  color:          #444;
  margin:          0px 0px 25px 0px;
}

div.contact-column {
  float:          left;
  width:          265px;
  margin-right:      35px;
}

div.contact-column table {
  border-width:      0px;
  border-collapse:    collapse;
  border-spacing:      0px;
  margin:          0px 0px 58px 0px;
}

div.contact-column table td {
  padding:        0px;
}

div.contact-column table td:first-child {
  width:          72px;
}

ul.networks {
  margin-bottom:      58px;
}

ul.networks li {
  line-height:      16px;
  height:          16px;
  margin-bottom:      4px;
}

ul.networks li a {
  display:        -moz-inline-stack;
  display:        inline-block;
  zoom:          1;
  *display:        inline;
  background-position:  0px 0px;
  background-repeat:    no-repeat;
  color:          #444;
  padding-left:      24px;
  height:          16px;
}

ul.networks li a:hover {
  background-position:  0px -16px;
  color:          #5194c8;
}

ul.networks li a.linkedin {
  background-image:    url(../images/icon-linkedin.png);
}

ul.networks li a.facebook {
  background-image:    url(../images/icon-facebook.png);
}

ul.networks li a.twitter {
  background-image:    url(../images/icon-twitter.png);
}

div.main-column {
  float:          left;
  min-width:        300px;
  max-width:        430px;
  margin-right:      100px;
  margin-bottom:      58px;
}

p {
  margin-bottom:      20px;
}

div.clients-column {
  width:          300px;
  float:          left;
}

ul.clients {
  margin-bottom:      58px;
}

ul.clients li {
  color:          #444;
}

ul.portfolio-raw {
  display:        none;
}

div.portfolio-lines-holder {
  position:        relative;
}

div.portfolio-lines-holder {
  height:          100%;
  position:        relative;
}

div.portfolio-lines-holder ul {
  position:        absolute;
  top:          50%;
  left:          0px;
  display:        block;
  margin-top:        -40px;
}

div.portfolio-lines-holder ul a {
  display:        block;
}

div.portfolio-lines-holder ul img {
  filter:          progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity:      0;
  -khtml-opacity:      0;
  opacity:        0;
}

#lineTop {
  margin-top:        -161px;
}

#lineBottom li {
  display:        none;
}

div.portfolio-lines-holder ul li {
  display:        block;
  float:          left;
  margin-right:      1px;
  position:        relative;
}

div.portfolio-lines-holder ul li ins {
  display:        block;
  width:          10px;
  height:          120px;
  position:        absolute;
  top:          0px;
  left:          0px;
  background-color:    #FFF;
  filter:          progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity:      0;
  -khtml-opacity:      0;
  opacity:        0;
}

#blockAll {
  position:        absolute;
  top:          0px;
  left:          0px;
  width:          100%;
  height:          100%;
  background-color:    #fff;
  filter:          progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  -moz-opacity:      0.8;
  -khtml-opacity:      0.8;
  opacity:        0.8;
  display:        none;
  z-index:        1;
}

#popupImageHolder {
  width:          1px;
  height:          1px;
  overflow:        visible;
  position:        absolute;
  top:          50%;
  left:          50%;
  display:        none;
  z-index:        100;
}

#popupImageHolder div.image-holder {
  width:          600px;
  height:          400px;
  margin-left:      -300px;
  margin-top:        -200px;
  position:        relative;
  background-color:    #f8f8f8;
}

#popupImageHolder div.image-holder img {
  display:        block;
  width:          600px;
  height:          400px;
}

#popupImageHolder a {
  display:        block;
  position:        absolute;
  overflow:        hidden;  
  outline:        none;
}

#popupImageHolder a.btn-close {
  width:          33px;
  height:          33px;
  top:          -18px;
  right:          -18px;
  background:        url(../images/close.png) 0px 0px no-repeat;
  z-index:        300;
}

#popupImageHolder a.btn-close:hover {
  background-position:  0px -33px;
}

#popupImageHolder a.btn-prev {
  background:        url(../images/btn-prev.png) 0px 0px no-repeat;
  width:          41px;
  height:          39px;
  top:          50%;
  left:          -41px;
  margin-top:        -20px;
}

#popupImageHolder a.btn-next {
  background:        url(../images/btn-next.png) 0px 0px no-repeat;
  width:          41px;
  height:          39px;
  top:          50%;
  left:          100%;
  margin-top:        -20px;
}

#popupImageHolder a.btn-prev:hover,
#popupImageHolder a.btn-next:hover {
  background-position:  0px -39px;
}

#dummyThumb {
  position:        absolute;
  display:        none;
  z-index:        200;
}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */