/* Grid Default 1004px + (mediaqueries)
---------------------------------------------------------------------*/
@media only screen and (min-width: 1280px) {
    
 
/* RESPONSIVE BASE CONTAINER & GRID WIDTH - 1280px +
----------------------------------------------------*/
.wrapper {}

/* RESPONSIVE HEADER - 1280px +
----------------------------------------------------*/
header {
    top: 0;
    width: 100%;
    height: 88px;
    }
    
.logo {
    top: 40px;
    left: 20px;
    }

.logo img {
    width: 175px;
    }

/* CONTACT BLOCK 
----------------------------------------------------------*/
.contactblock {
    position: absolute;
    height: 30px;
    width: 100%;
}

.contactblock .contactus {
    position: absolute;
    top: 0;
    right: 10px
}

.contactblock .contactus h3 {
    float: left;
    padding: 0;
    margin: 0;
    font-size: 11px;
    font-weight: 300;
}

 
/* RESPONSIVE MAIN NAV SHOW/HIDE - 1280px + 
----------------------------------------------------*/
.navd {
    display: block;
    }

.navr, .mobilecontacticons {
    display: none !important;
    }

 /* SUBHEADER & INTRO TEXT - 768-1003px
----------------------------------------------------------*/ 
 .subtitleheader h1, .subtitleheader h2, .worktitleheader h1 {
    font-size: 40px;
    line-height: 42px;
    font-weight: 200;
    margin: 0;
    padding: 12px 0 0 25px;
}

/* CONTENT AREA - 1004-1280px
----------------------------------------------------------*/ 
.maincontentarea {
    width: 65%;
    min-width: 984px;
    } 

.contentblock {
    padding: 20px 0 100px 25px;
    width: 98%;
    _min-height: 600px;
    min-height: 600px;
    }  

.kalibratecontentblock {
    padding: 20px 0 0 25px !important;
    width: 98% !important;
    _min-height: 150px !important;
    min-height: 150px !important;
}

.contentblockspacer {
    padding-left: 25px;
}

/* RESPONSIVE MAIN NAV - 1280px +
----------------------------------------------------*/
nav {
    position: absolute;
    top: 32px;
    right: 20px;
    }

#nav {
    float: left;
    padding: 0;
    }
        
#navmain li {
    display: inline-block;
    padding: 0 12px;
    }  
    
#navmain li a {
    font-size: 13px;
    font-weight: 300;
    }
    

#navsocial {
    float: right;
    padding: 14px 0 0 12px;
    }
    
#navsocial a{
	padding: 0 6px;
	font-size: 16px;
	line-height: 20px;

    }

    
 /* SERVICES - 768-1003px
----------------------------------------------------------*/
 .sevicelist {
    padding: 35px 25px 15px 25px;
    min-height: 400px;
    _height: 400px;
     }

.servicetype {
    display: inline-block;
    width: 49%;
    }

.servicetypetitle, .servicetypetitle h2 {
    display: block;
    padding: 0;
    font-size: 26px;
    line-height: 26px;
    }

.servicetypecopy {
    width: 94%;
    display: block;
    padding: 5px 0 8px 0;
    font-size: 18px;
    min-height: 120px;
    _height: 120px;
    line-height: 26px;
    }
   
 /* WORK DETAILS - 768-1003px
----------------------------------------------------------*/
 .workitemgrid {
    position: relative;
    width: 85%;
    min-width: 984px;
    margin: 0 auto;
    height: 100%;
    z-index: 3;
    }

 .workitemcontentscroll {
    position: absolute;
    top: 112px;
    width: 100%;
    height: 100vh;
    min-height: 866px;
    } 

.workitemdetails {
    position: absolute;
    left: 0;
    bottom: 112px;
    width: 100%;
}


}