/* PGX Main Styles
* See also normalize.css and responsive-gs-12col.css 
*/
body{
    font-family: Bookman Old School, "Trebuchet MS", Arial, sans-serif; font-size: 14px; line-height:150%;
} /*Futura*/
.clear{
    clear: both;
}

a:link, a:visited{
        color:#00b7ff; text-decoration: none;
    }
    
a:hover, a:active{
        color:#f26522; text-decoration: none;
    }

@media (min-width: 1024px) {
    .data_content{
        padding-left: 150px;
        max-width: 900px;
    }
 }
@media(min-width:1200px){
   .data_content{
        max-width:1200px;

    }}

@media (min-width: 1024px) {
    .form_content{
        padding-left: 10.75%;
        max-width: 900px;
    }
 }
@media(min-width:1200px){
   .form_content{
        max-width:1200px;

    }}

@media (min-width: 1024px) {
  .container {
    max-width: 900px; } }
@media (min-width: 1200px) {
  .container {
    max-width: 1200px; } }
    
    #slider {
        background:#f2f2f2; 
    }
     
    #global_nav{
        background:#000;
        padding-top:20px;
        min-height:70px; 
    }
   
    #global_nav a:link, #global_nav a:visited{
        color:#fff; font-weight:bold; font-size:1.25em; text-decoration: none;
    }
    
    #global_nav a:hover, #global_nav a:active{
        color:#f26522; font-weight:bold; font-size:1.25em; text-decoration: none;
    }
    
    ul.footer_nav{
        list-style: none;
    }
    
    .footer_nav a:link, .footer_nav a:visited{
        display:block; color:#fff; font-size:1em; text-decoration: none; margin-bottom:10px;
    }
    
    .footer_nav a:hover, .footer_nav a:active{
        color:#000; text-decoration: none; margin-bottom:10px;
    }
    
    .brand{
        width:0;
        height: 0;
        margin:0;
        padding:0;
        line-height:0;
        text-indent: -1000px;
        overflow: hidden;
    }
    
    h2.slogan{
        text-align: left;
        padding-left: 130;
        font-weight:normal;
        font-size: 1.55em;
        color:#828282;
    }
    
    h2.orange{
        color:#f26522;
    }
    
    footer{
        padding-top: 20px; background:#00b7ff;
    }
    
    .contact-info{
        text-align:right;
        color:#fff;
    }
    
    .contact-info a:link, .contact-info a:visited{
        color:#fff; text-decoration: none; font-weight:normal; font-size: 1.25em;
    }
    
    .contact-info a:hover, .contact-info a:active{
        color:#000; text-decoration: none;
    }

    a.database-service:link,a.database-service:visited{
        display: block; float:left; width:280px; height:100px; margin: 5px; background: url('../img/database.png') top left #f2f2f2 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#000; font-weight:bold; font-size:1.5em;
    }

    a.database-service:hover,a.database-service:active{
         display: block; float:left; width:280px;height:100px; margin: 5px; background: url('../img/database.png') left -106px #f26522 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#FFF; font-weight:bold; font-size:1.5em;
    }

        a.application-service:link,a.application-service:visited{
         display: block; float:left; width:280px;height:100px; margin: 5px; background: url('../img/tools.png') top left #f2f2f2 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#000; font-weight:bold; font-size:1.5em;
    }

    a.application-service:hover,a.application-service:active{
         display: block; float:left; width:280px; height:100px; margin: 5px; background: url('../img/tools.png') left -106px #f26522 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#FFF; font-weight:bold; font-size:1.5em;
    }
    
    a.health-service:link,a.health-service:visited{
         display: block;float:left; width:280px; height:100px; margin: 5px;  background: url('../img/health.png') top left #f2f2f2 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#000; font-weight:bold; font-size:1.5em;
    }
    
    a.health-service:hover,a.health-service:active{
         display: block;float:left; width:280px; height:100px; margin: 5px;  background: url('../img/health.png') left -106px #f26522 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#FFF; font-weight:bold; font-size:1.5em;
    }
    
    a.cloud-service:link,a.cloud-service:visited{
         display: block;float:left; width:280px; height:100px; margin: 5px;  background: url('../img/cloud.png') top left #f2f2f2 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#000; font-weight:bold; font-size:1.5em;
    }
    
    a.cloud-service:hover,a.cloud-service:active{
         display: block;float:left; width:280px; height:100px; margin: 5px;  background: url('../img/cloud.png') left -106px #f26522 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#FFF; font-weight:bold; font-size:1.5em;
    }
    
    a.emergency-service:link,a.emergency-service:visited{
         display: block;float:left; width:280px; height:100px; margin: 5px;  background: url('../img/emergency.png') top left #f2f2f2 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#000; font-weight:bold; font-size:1.5em;
    }
    
    a.emergency-service:hover,a.emergency-service:active{
         display: block;float:left; width:280px; height:100px; margin: 5px;background: url('../img/emergency.png') left -106px #f26522 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#FFF; font-weight:bold; font-size:1.5em;
    }
    
        
    a.training-service:link,a.training-service:visited{
         display: block;float:left; width:280px; height:100px; margin: 5px;  background: url('../img/training.png') top left #f2f2f2 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#000; font-weight:bold; font-size:1.5em;
    }


    a.training-service:hover,a.training-service:active{
         display: block;float:left; width:280px; height:100px; margin: 5px; background: url('../img/training.png') left -106px #f26522 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#FFF; font-weight:bold; font-size:1.5em;
    }

    a.twentyfour:link,a.twentyfour:visited{
         display: block;float:left; width:280px; height:100px; margin: 5px;  background: url('../img/24_7.png') top left #f2f2f2 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#000; font-weight:bold; font-size:1.5em;
    }


    a.twentyfour:hover,a.twentyfour:active{
         display: block;float:left; width:280px; height:100px; margin: 5px; background: url('../img/24_7.png') left -106px #f26522 no-repeat; padding:20px 0 0 120px; text-decoration:none; color:#FFF; font-weight:bold; font-size:1.5em;
    }



    .blank-service{
         display: block;float:left; width:280px; height:100px; margin: 5px; padding:20px 0 0 120px; text-decoration:none; color:#FF2; font-weight:bold; font-size:1.5em;
    }

        /*.blank-service:link,a.blank-service:visited{*/
         /*display: block;float:left; width:280px; height:100px; margin: 5px; padding:20px 0 0 120px; text-decoration:none; color:#002; font-weight:bold; font-size:1.5em;*/
    /*}*/

    
    
    
    .service-content{
        padding-left:50px;
    }
    
    .team-content{
        
    }
    
    .team-header{
       color:#f26522;
    }
    
    /* SERVICES PAGE HEADER IMAGES */
    
     .training-header{
       color:#f26522; height:30px; padding-left: 50px; background: url('../img/header-sprite.png') left -182px no-repeat;
    }
    
    .emergency_help-header{
       color:#f26522; height:30px; padding-left: 50px; background: url('../img/header-sprite.png') left -144px no-repeat;
    }
    
    .health_check-header{
       color:#f26522; height:30px; padding-left: 50px; background: url('../img/header-sprite.png') left -106px no-repeat;
    }
    
    .appdev-header{
       color:#f26522; height:30px; padding-left: 50px; background: url('../img/header-sprite.png') left -68px no-repeat;
    }
    
    .consulting-header{
       color:#f26522; height:30px; padding-left: 50px; background: url('../img/header-sprite.png') left -37px no-repeat;
    }
    
    .cloudDBA-header{
       color:#f26522; height:30px; padding-left: 50px; background: url('../img/header-sprite.png') left -5px no-repeat;
    }

    .twentyfour-header{
        color:#f26522; height:30px; padding-left: 50px; background: url('../img/header-sprite.png') left -222px no-repeat;
       }
    
    .team-nav{
        float:right;
    }
    
    a.pre:link,a.pre:visited{
        height:45px; background: url('../img/prev.png') left 5px no-repeat; padding:0 0 0 30px; text-decoration: none; color:#00b7ff; font-size:28px; margin-right:20px;
    }
    
    a.pre:hover,a.pre:active{
        color:#f26522;  
    }
    
    a.next:link,a.next:visited{
        height:45px; background: url('../img/next.png') right 5px no-repeat; padding:0 30px 0 0; text-decoration: none; color:#00b7ff; font-size:28px;
    }
    
    a.next:hover,a.next:active{
        color:#f26522; 
    }
    
    
    /* SLIDER */
    
    .coda-nav-left{display: none;}
    
    .coda-nav-right a:link, .coda-nav-right a:visited{
       display: block !important; width: 123px !important; height: 243px !important; background: url('../img/slide-next.png') top right no-repeat !important; text-indent: 9999px; overflow:hidden;
    }
    
    .coda-nav-right a:hover, .coda-nav-right a:active{
         background: url('../img/slide-next.png') top left no-repeat !important;
    }    
    
    .coda-nav ul li a:link,.coda-nav ul li a:visited{
       display: block !important; height:11px !important; width:11px !important; float:left !important; margin:0 2px !important; background: url('../img/slider-discs.png') top left no-repeat !important; overflow:hidden; text-intent:9999px;
    }
    
    .coda-nav ul li a:hover,.coda-nav ul li a:active, .coda-nav ul li a.current{
       display: block !important; height:11px !important; width:11px !important; float:left !important; margin:0 2px !important; background: url('../img/slider-discs.png') bottom left no-repeat !important; overflow:hidden; text-intent:9999px;
    }
    
    .slide-content{
        float:left;
        width:500px;
    }
    
    #slider{
        padding: 50px 0;
    }
    
    #slider-id-wrapper{ margin:0 auto; }
    
        
    #team-slider{
        background: #f2f2f2;
        padding:30px 0 5px 0;
    }
    
    a.next-slide:link,a.next-slide:visited{
       display: block; width: 123px; height: 243px; background: url('../img/slide-next.png') top right no-repeat;
    }
    
    a.next-slide:hover,a.next-slide:active{
         background: url('../img/slide-next.png') top left no-repeat;
    }
    
    #slider h2{
       color:#f26522; font-size: 4em; font-weight: bold; margin-top:30px; line-height: 0;
    }
    
    #slider p{
        font-size:2em; font-weight:bold; line-height: 125%;
    }
    
    .slide-img{
         max-width:200px; max-height: 170px; float:left; margin-right:40px;
    }
    
    .coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {width:850px !important;}
    
    a.slide-look:link,a.slide-look:visited{
       display: block; height:45px; width:auto; background: url('../img/take-look.png') top left no-repeat; padding:13px 0 0 30px; text-decoration: none; color:#00b7ff; font-size:28px;
    }
    
    a.slide-look:hover,a.slide-look:active{
       display: block; height:45px; width:auto; background: url('../img/take-look.png') top left no-repeat; padding:13px 0 0 30px; text-decoration: none; color:#f26522; font-size:28px;
    }
    
    a.slide-disc:link,a.slide-disc:visited{
       display: block; height:11px; width:11px; float:left; margin:0 2px; background: url('../img/slider-discs.png') top left no-repeat;
    }
    
    a.slide-disc:hover,a.slide-disc:active{
       display: block; height:11px; width:11px; float:left; margin:0 2px; background: url('../img/slider-discs.png') bottom left no-repeat;
    }
    
  
    
    a.order-link:link,a.order-link:visited{
       display: block; float:right; background: #00b7ff; text-decoration: none; color:#fff; font-size: 24px; padding:10px 30px;
    }
    
    a.order-link:hover,a.order-link:active{
       display: block; float:right; background: #f26522;
    }
    
    .team-slider{
        width:1150px;
       margin:0 auto;
    }

        .team-parent{
         margin-left:20%;

        }
    
    @media (max-width: 1150px) {
        .team-slider{
        width:550px;
       margin:0 auto; }
       
       .team-parent{
        width:440px;
        
        }
        
        
        
    }
    
    .team-slider div{
        display: inline-block;
    }
    
    @media (max-width: 768px) {
     .team-slider{
        width:325px;
       margin:0 auto; }
       
       .team-parent{
        width:220px;
        }
    }
    
     /*a.team-back:link,a.team-back:visited{*/
          /*display: block; float:left; height:100px; width:44px; margin-right:10px; background: url('../img/team-back.png') right top no-repeat;*/
    /*}*/
    
    /*a.team-back:hover,a.team-back:active{*/
         /*display: block; float:left; height:100px; width:44px; background: url('../img/team-back.png') left top no-repeat;*/
    /*}*/
    /**/
    /*a.team-forward:link,a.team-forward:visited{*/
          /*display: block; float:right; height:100px; width:44px; background: url('../img/team-forward.png') right top no-repeat;*/
    /*}*/
    /**/
    /*a.team-forward:hover,a.team-forward:active{*/
         /*display: block; float:right; height:100px; width:44px; background: url('../img/team-forward.png') left top no-repeat;*/
    /*}*/
    
     img.team-single{
        margin:10px;
    }
    
     img.team-single:hover{
       margin:5px; border:5px solid #f26522;

    }
    
    /* BLOG */
    
    hr{
        border-top:1px solid #eee;
    }
    
    .post-header{
        background: #f26522; padding: 10px 0 10px 20.75%;
    }

    .post-header-form{
        background: #f26522; padding: 10px 0 10px 10.75%;
    }

    .client-header{
        column-count:3;
        -moz-column-count:3; /* Firefox */
        -webkit-column-count:3; /* Safari and Chrome */
        column-gap: 30px;
        -webkit-gap:30px;
        -moz-column-count:30px;
        -webkit-column-rule: 2px solid #f26522;
        -moz-column-rule: 2px solid #f26522;
        -column-rule: 2px solid #f26522;

    }
    
    .blog-date{
       font-weight: bold; line-height:125%
    }
    
    .blog-social{
        margin:5px 0 35px 0;
    }
    
    .post-header h2, .post-header h1{
        font-size: 28px; color:#fff; line-height:125%; margin:5px 0;
    }

    .post-header-form h2, .post-header-form h1{
        font-size: 28px; color:#fff; line-height:125%; margin:5px 0;
    }
    
    .post-content{
        padding-left:20.75%; padding-right:5%; margin-bottom:50px;
    }
    
    .post-content a.next:link, .post-content a.next:visited{
        display: block; width: 65px; height:45px; background: url('../img/next.png') right 5px no-repeat; padding:7px 0 0 0; text-decoration: none; color:#00b7ff; font-size:18px;
    }
    
    .post-content a.next:hover, .post-content a.next:active{
        display: block; color:#f26522; 
    }

    .post-content a.new:link, .post-content a.new:visited{
        display: block; width: 65px; height:45px; background: url('../img/new.png') right 5px no-repeat; padding:7px 0 0 0; text-decoration: none; color:#00b7ff; font-size:18px;
    }

    .post-content a.new:hover, .post-content a.new:active{
        display: block; color:#f26522;
    }
    
  
    
.sm-mail:link, .sm-mail:visited{
       display: block; float:left; width:22px; height:22px; background: url('../img/sm_mail.png') top left no-repeat;
    }
    
    .sm-mail:hover, .sm-mail:active{
        display: block; float:left; width:22px; height:22px; background: url('../img/sm_mail.png') bottom left no-repeat;
    }
.sm-blogger:link, .sm-blogger:visited{
    display: block; float:left; width:22px; height:22px; background: url('../img/sm_blogger.png') top left no-repeat;
}

.sm-blogger:hover, .sm-blogger:active{
    display: block; float:left; width:22px; height:22px; background: url('../img/sm_blogger.png') bottom left no-repeat;
}
.sm-twitter:link, .sm-twitter:visited{
    display: block; float:left; width:22px; height:22px; background: url('../img/sm_twitter.png') top left no-repeat;
}

.sm-twitter:hover, .sm-twitter:active{
    display: block; float:left; width:22px; height:22px; background: url('../img/sm_twitter.png') bottom left no-repeat;
}

.sm-facebook:link, .sm-facebook:visited{
    display: block; float:left; width:22px; height:22px; background: url('../img/sm_facebook.png') top left no-repeat;
}

.sm-facebook:hover, .sm-facebook:active{
    display: block; float:left; width:22px; height:22px; background: url('../img/sm_facebook.png') bottom left no-repeat;
}
.sm-google:link,.sm-google:visited{
    display: block; float:left; width:22px; height:22px; background: url('../img/sm_google.png') top left no-repeat;
}

.sm-google:hover,.sm-google:active{
    display: block; float:left; width:22px; height:22px; background: url('../img/sm_google.png') bottom left no-repeat;
}


.side-column{
    background: #f2f2f2;
    margin-left:0;
    padding:20px;
}


.side-column h3{
    font-size: 1.75em;
}

.side-column ul{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.25em;
}

.side-column ul li ul{
    padding-left:10px;
    font-size:.75em;
}

.side-column ul li ul li ul{
    list-style-position: inside;
    list-style-type: disc;
    font-size:.75em;
    color:#00b7ff;
}

.blog-bio{
    margin-top:50px;
    line-height:110%;
}

.blog-bio h3{
   font-size: 1.25em; 
}

.blog-bio h4{
    color:#f26522; 
}

.blog-bio p{
   font-size: .75em;
}
    
    /* TABLES */

table { 
  width: 100%; 
  border-collapse: collapse; 
}

td:nth-of-type(1) { 
  font-weight: bold; 
}

td, th{
    border:solid 1px #000;
    padding:10px;
}

