/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#fff; border:5px solid #000;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

.listless {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.inline li {
  display: inline;
  padding-right: 5px;
}

.inline li:last-child {
  padding-right: 0px;
}

.body {
  min-height: 600px;
}

.navbar {
  margin-bottom: 0px;
}

.how-works {
  text-align: center;
}

.header {
    background-color: #eee;
    background-image: url("/images/light_alu.png");
    background-repeat: repeat-x;    
}

.header .navbar .nav {
    float: right;
    margin: 0;
    font-size: 16px;
    padding-top: 15px;
}

.logo img {
  padding-top: 5px;
  padding-bottom: 5px;
}

.header .navbar .nav > li > a {
  color: #333;
}

.header .navbar .nav > li > a:hover {
  color: #108f34;
}

.footer .navbar .nav > li > a {    
    color: #509CFF;
}

.header .navbar .nav > .active a, .footer .navbar .nav > li > .active, .footer .navbar .nav > li > a:hover {
    color: #fff;
}

.body {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fafafa;
    width: 960px;
    margin: 20px auto;
    box-shadow: 0 0 5px #888888;
    -moz-box-shadow: 0 0 5px #888888;
    -webkit-box-shadow: 0 0 5px #888888;
    height: 100%;
}

.how-works {
    padding-bottom: 20px;
}

body {
    background-image: url("/images/gun_metal.png");
}

body, p {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5 {
    font-family: 'Ropa Sans', sans-serif;
    text-transform: uppercase;
}

.feature-table td {
    padding: 5px 5px 15px;
}

.footer {
    background-image: url("/images/dark_dotted.png");
    height: 50px;
    padding-top: 10px;
}

.footer h3 {
    color: #fafafa;
    padding-top: 5px;
}

.footer .navbar .nav {
    float: right;
    margin: 0px;
}

.feature-table td:nth-child(2n) {
    border-right: 1px solid #ccc;
}

.feature-table td:last-child {
    border: none;
}

.more-info-btns {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 50px;
}

.more-info-btns a { 
    font-size: 24px;
}

.case-study-row {
    padding-bottom: 40px;
}

.case-study-row h3 {
    text-align: center;
}

.padded-bottom {
    padding-bottom: 30px;
}

.pricing-table th {
    text-align: center;
    font-size: 20px;
}

.pricing-table td {
    text-align: center;
    font-size: 16px;
}

.pricing-bullets {
    font-size: 18px;
}

.checked {
    padding-bottom: 30px;
}

.checked li {
    padding-bottom: 10px;
}

.big-text p, .big-text li {
    font-size: 15px;
    line-height: 24px;
}

.consulting-logos {
    text-align: center;
}

.consulting-gallery table {
    margin: auto;
}

.consulting-gallery td {
    padding: 10px;
}

.consulting-gallery h3 {
    text-align: center;
}

.contact-email {
    text-align: right;
}

.contact-form .input-xlarge {
    width: 540px;
}

.contact-form textarea {
    height: 200px;
}

#info-form .input-xlarge {
    width: 500px;
}

#info-form textarea {
    height: 150px;
}

#info-form {
    display: none;    
}

#succesMessage {
    display: none;
}

.footer li {
  border-right: 1px dotted #666;
}

.footer li:last-child {
  border-right: none;
}

.how-works img {
  padding-bottom: 10px;
}

.quote {
  background-image: url("/images/bg-after.gif");
  background-repeat: no-repeat;
}

.quote p {
  font-size: 14px;
  line-height: 24px;
  margin-left: 60px;
  margin-bottom: 0px;
  padding-bottom: 25px;
  
  background-image: url("/images/bg-before.gif");
  background-repeat: no-repeat;
  background-position: 100% 30px;
}

.case-study-row img, .consulting-gallery img, .solutions-gallery img {
  border: 1px solid #333;
  padding: 2px;
  border-radius: 3px;
  box-shadow: 0 0 5px #888888;
  -webkit-box-shadow: 0 0 5px #888888;
  -moz-box-shadow: 0 0 5px #888888;
}

.widget-cell {
  text-align: center;
}

.how-works img {
  border: 1px solid #ccc;
  padding: 2px;
  border-radius: 3px;
  box-shadow: 0 0 5px #888888;
  -webkit-box-shadow: 0 0 5px #888888;
  -moz-box-shadow: 0 0 5px #888888;
}

.how-works h3 {
  padding-top: 10px;
}

.centered {
  text-align: center;
}

.solutions-gallery {
  width: 100%;
  margin-bottom: 30px;
}

.solutions-gallery td {
  text-align: center;
}

.solutions-gallery th {
  padding-bottom: 8px;
}

.with-checks {
    padding-top: 10px;
    font-size: 14px;
}

.with-checks li {
    padding-bottom: 20px;
    background-image: url("images/tick.png");
    background-repeat: no-repeat;
    padding-left: 25px;
    background-position: 0 2px;
}