body {
	font-family: 'Open Sans', sans-serif;
    background: none repeat scroll 0 0 #dcdbd9;
}


h1 {
    font-size: 1.6875rem;
}

h2 {
    font-size: 1.25rem;
}

h3{
    font-size: 0.625rem;
}
 

#mainContent ul {
    list-style-type: square;
}

a.tel{font-size: 1.4em; color: #6b655b;}

#mainContent H6 {
margin-top:0.5em;
color:#280001;
}



#carousel li:nth-child(n+2)  {
    padding-left:3px;
}

.top-bar.expanded .toggle-topbar a {
    color: #ffffff;
}


.rightColumn img {
     padding-top:0.5em;
}



.rightColumn H3 {
    font-size: 1.4rem;
     padding-right: 0.5em;
}

.side-nav li.divider {
    border-top: 1px solid #000000;
    height: 0;
    list-style: none outside none;
    padding: 0;
}

.side-nav li {
    font-size: 0.875rem;
    margin: 0 0 0.7rem;
}


a{
   color:#FFFFFF;
}




.top-bar-section li a:not(.button) {
    background: none repeat scroll 0 0 #3a546d;
}


.side-nav li a {
    color: #3a546d;
    display: block;
}


.pattern {
    background-image: url("../img/pattern.png");
    background-repeat: repeat-x;
    height:100px;
}


.icons {
    margin-left:0.5em;
}


.features {
    font-size:0.85em;
    font-weight:bold;
}


#mainContent p {
    color: #280001;
    font-size: 0.9em;
}


.features a {
color:#ffffff;
}



.top-bar-section li.hover > a:not(.button) {
      background: #3a546d;
      color: white; }
    .top-bar-section li a:not(.button) {
      padding: 0 15px;
      line-height: 45px;
      background: #3a546d; }
      .top-bar-section li a:not(.button):hover {
        background: #7b1517; }



.top-bar {
    background: none repeat scroll 0 0 #3a546d;
}

.top-bar {
    background: none repeat scroll 0 0 #3a546d;
    height: 45px;
}


.top-bar-section ul li > a {
    background: none repeat scroll 0 0 #3a546d;
    color: #FFFFFF;
    display: block;
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    font-size: 0.8125rem;
    font-weight: normal;
    padding: 12px 0 12px 15px;
    width: 100%;
}




#Logo2 {
    display: block;
    position: relative;
    top: 0px;
    width: 307px;
}

h1, h2, h3, h4, h5, h6 {
    color: #280001 ;
    font-family:  'Open Sans', sans-serif;
    font-style: normal;
    font-weight: regular;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem;
    text-rendering: optimizelegibility;
}

#contentContainer {
    background: url("../img/noiseSquareBG.png") repeat scroll;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

.case-study {
    background: none repeat scroll 0 0 #EFEFEF;
    margin-top: 44px;
}

    #masthead {
    background: #1f1c17;
    height: 161px;
}


.home-bullets {
    font-family: 'PT Sans', sans-serif;
    color:#6F6F6F;
    line-height: 1.3em;

}


.orbit-container .orbit-slides-container img {
    display: block;
    max-width: 100%;
}

.tripleBlock {
    margin-top: -34px;
    position: absolute;
    z-index: 10;
}


.tripleBlock li .panel {
 opacity:0.9;
}


button.secondary, .button.secondary {
    background-color: #8f1e21;
    border-color: #DADADA;
    color: #f4e6c9;
}



 button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      background-color: #820508; }
    button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
      color: #FFFFFF; }


.tripleBlock li .panel:hover {
   border: 1px solid #820508;
   opacity:1.0;

}



.panel {
    background: none repeat scroll 0 0 #F2F2F2;
    border-color: #8f1e21;
    border-style: solid;
    border-width:  1px;
    margin-bottom:0px;
    padding:0px;
}

#main-content .centered-text {
    text-align: center;
}

button, .button {
    background-color: #AFAFAF;
    font-family: 'Oswald', sans-serif;
    }


     button:hover, button:focus, .button:hover, .button:focus {
    background-color: #9C9C9C; }

a {
    color: #0686B4;
    line-height: inherit;
    text-decoration: none;
}




.tripleBlock a {
    color:#8f1e21;
    }



.tripleBlock a:hover {
    color:#820508;
}





.button.large.active {
    color:#000;
    background-color:#ffffff;
}

.tabs dd > a {
    background: none repeat scroll 0 0 #F2F2F2;
    color: #222222;
    display: block;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-size: 1rem;
    padding: 1rem 2rem 1.0625rem;
    border-color: #D9D9D9;
    border-width: 1px;
}

.tabs.vertical dd {
    border-bottom: 1px solid #D9D9D9;
    display: block;
    float: none;
    position: inherit;
    top: auto;
}

.subheader {
     font-family: 'Oswald', sans-serif; 
    color: #6F6F6F;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem;
}

#panel1a {
    background-image:  url("../img/servers.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    width:100%;
    height:15em;
    border: 1px solid #efefef;
}

#panel1a p {
    text-align: center;

    font-family: 'Oswald', sans-serif; 
    font-size: 1.8em;
    margin-top: 0.5em;
}

#links, #links a {
    float: right;
    font-size: 11px;
    font-weight: normal;
    padding: 5px 5px 0;
}

#phone div {
    float: left;
}

#phone {
    color: #ffffff;
    float: right;
    font-family: "Century Gothic", CenturyGothic, Geneva, AppleGothic, sans-serif;
    font-size: 0.8em;
    line-height: 22px;
    margin: 35px 40px 0 0;
    overflow: hidden;
    font-weight: bold;
}




#main-content {
    margin: 44px 0 0px;
    padding-bottom: 22px;
}

.example-orbit-content li div {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #FFFFFF;
    padding: 30px 40px;
    border:1px solid #E8E8E8;
}

#main-content .centered-text {
    text-align: center;
}

.navigation-area {
    background-image: url("../img/navigation-container.jpg");
    background-repeat: repeat-x;
    background-color: #f8f7f3;
}


#homepage-hero {
    position: relative;
    text-align: left;
}



@media only screen and (max-width: 40em) {

#homepage-hero {
    position: relative;
    text-align: left;
}


.tripleBlock {
    margin-top: 1em;
    position: absolute;
    z-index: 10;
}

 } /* max-width 640px, mobile-only styles, use when QAing mobile issues */





 #homepage-hero .floatingyeti img {
    max-width: 50%;
    position: absolute;
    right: 100px;
    top: 30px; }


#homeHero {
     background-position: center top;
    background-repeat: no-repeat;
    background-size: auto auto;
    position: relative;
    top: 0;
    width: 100%;
}

.heroIllustration {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto auto;
    position: static;
    top: 0;
    width: 100%;
}


.zurb-footer-top .global {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.zurb-footer-top {
    color: #FFFFFF;
}

.zurb-footer-top .property {
    text-align: left;
}

.zurb-footer-top .property a {
    color: #FFFFFF;
    font-weight: bold;
}

.zurb-footer-top .learn-links, .zurb-footer-top .support-links, .zurb-footer-top .connect-links {
    background: url("../img/../img/icons/footer-top-icons.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    border-left: 1px solid rgba(175, 175, 175, 0.2);
}


.zurb-footer-top .property p, .zurb-footer-top .property li, .zurb-footer-top .property a {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 21px;
}

.zurb-footer-top .property h3 {
    color: #6F6F6F;
    font-size: 1.95rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.zurb-footer-top .property .property-info {
    padding-bottom: 28px;
    padding-top: 25px;
}

.zurb-footer-top .property h4 {
    color: #6F6F6F;
    font-size: 1.1rem;
    font-weight: 200;
    margin-bottom: 10px;
}

.zurb-footer-top .learn-links ul, .zurb-footer-top .support-links ul, .zurb-footer-top .connect-links ul {
    list-style: none outside none;
    margin-left: 0 !important;
}


.zurb-footer-bottom {
    background: none repeat scroll 0 0 #1c181b;
   padding: 5px 0 100px;
}
.zurb-footer-bottom .design-border {
    border-bottom: 1px solid #484848;
    margin-bottom: 25px;
    padding-bottom: 5px;
}
.zurb-footer-bottom a.zurb-logo {
    background: url("../img/icons/footer-icons.png") no-repeat scroll 0 3px rgba(0, 0, 0, 0);
    color: #858585;
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    padding: 23px 0 0;
    width: 90px;
}
.zurb-footer-bottom a.zurb-logo:hover {
    opacity: 0.8;
}
.zurb-footer-bottom ul.zurb-links {
    display: inline-block;
    margin: 0;
    padding-bottom: 0;
}
.zurb-footer-bottom ul.zurb-links li {
    display: block;
    float: left;
    font-size: 0.75rem;
    font-weight: 700;
    margin-left: 6px;
    text-transform: uppercase;
}
.zurb-footer-bottom ul.zurb-links li a {
    color: #666666;
    padding: 3px 6px;
}
.zurb-footer-bottom ul.zurb-links li a:hover {
    color: #777777;
}
.zurb-footer-bottom p.copyright {
    color: #666666;
    font-size: 0.75rem;
    margin: 6px 0 0;
}
.zurb-footer-bottom ul.home-social {
    display: block;
    float: right;
    margin-bottom: 8px;
}
.zurb-footer-bottom ul.home-social li {
    display: block;
    float: left;
    list-style: none outside none;
    margin-left: 10px;
}

.zurb-footer-bottom ul.home-social li:first-child {
    margin-left: 0;
}
.zurb-footer-bottom ul.home-social li a {
    background: url("../img/icons/social.png") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    display: block;
    height: 50px;
    width: 50px;
}
.zurb-footer-bottom ul.home-social li a:hover {
    opacity: 0.8;
}
.zurb-footer-bottom ul.home-social li a.twitter {
    background-position: center 0;
}
.zurb-footer-bottom ul.home-social li a.facebook {
    background-position: center -200px;
}
.zurb-footer-bottom ul.home-social li a.mail {
    background-position: center -400px;
}


.zurb-footer-top.bg-blue {
    background: none repeat scroll 0 0 #2DAEBF;
}
.zurb-footer-top.bg-fblue {
    background: none repeat scroll 0 0 #ecdfc1;
}




.zurb-footer-top.bg-fblue {
    background-repeat: no-repeat;
    bottom: 0;
	background-position: 97% 180%; 
    z-index: 1;
}
table.photogalleryTable {
    width: 100%;
}
table.photogalleryTable.img {
    width: 100%;
}


.example-orbit-content.orbit-slides-container.slide.swipe-next > li {
  list-style-type: none;
}

.example-orbit-content > li {
 list-style-type: none;
}

/* RESPONSIVE GALLERY - START */


.photogalleryItem img {width: 100%;}


#imageContainer {min-height: 100px;}


#outerImageContainer {width: 100% !important; max-width: 1024px !important; height: auto !important; font-size: 0px !important;}
#lightbox img {height: auto; width: 100% !important;}
.imageContainer img {width: 100%; max-width: 1000px;}
#imageDataContainer {width: 100% !important; max-width: 1024px !important;}


#loading img {width: auto !important;}


/* RESPONSIVE GALLERY - END */