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

/******************
    FRED Styles
******************/

/*****************
     CLEARFIX
*****************/

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* END CLEARFIX */


img {
    max-width: 100%;
}
html {
  font-size:62.5%;
}
body {
  background:#f0f0f0;
  font-size:12px;
  font-size:1.2rem;
}
.grid {
    background:#fff;
    margin:20px auto;
  /*-webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  behavior: url(/media/574938/PIE.htc);*/
  overflow: visible;
}
#logo {
  display:inline-block;
  margin:30px;
}
#header-right {
  text-align:right;
}
#main-navigation ul {
  padding: 5px 15px;
  margin:20px 0;
  background: #222;
  /*background: -webkit-gradient(linear, 0 0, 0 bottom, from(#333), to(#000));
  background: -webkit-linear-gradient(#333, #000);
  background: -moz-linear-gradient(#333, #000);
  background: -ms-linear-gradient(#333, #000);
  background: -o-linear-gradient(#333, #000);
  background: linear-gradient(#333, #000);
  -pie-background: linear-gradient(#333, #000);
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  behavior: url(/media/574938/PIE.htc);*/
}
#main-navigation ul li {
  list-style:none;
  float:left;
  /*border-left:solid 1px #808285;*/
  margin:10px 20px 10px 0;
  /*padding-left:20px;*/
  line-height:20px;
}
#main-navigation ul li:last-child {
  margin-right:0
}
#main-navigation ul li a {
  display: block;
  line-height: 20px;
  color:#fff;
  text-decoration: none;
  border: none;
  padding-left:30px;
  background-position: left center;
  background-repeat: no-repeat;
}
#main-navigation ul li#projects a {
  background-image: url(/media/575168/nav-icons-small-references.png);
}
#main-navigation ul li#images a {
  background-image: url(/media/575158/nav-icons-small-images.png);
}
#main-navigation ul li#case-studies a {
  background-image: url(/media/575153/nav-icons-small-case-studies.png);
}
#main-navigation ul li#press-releases a {
  background-image: url(/media/575163/nav-icons-small-pr.png);
}
#main-navigation ul li#downloads a {
  background-image: url(/media/577849/file_download.png);
}
#main-navigation ul li#marketing a {
  background-image: url(/media/950046/nav-icons-small-marketing.png);
}
#main-navigation ul li#euclid a {
  background-image: url(/media/958582/main-nav-euco.png);
}
#main-navigation ul li a img {
  margin-right:10px;
  vertical-align:bottom;
}
#main-navigation ul li:hover a, #main-navigation ul li.active a {
  background-color:transparent!important;
  text-decoration:underline!important;
}
#main-navigation ul li:first-child {
  border:none;
  padding-left:0;
}
ul#social-icons {float:right; margin: 40px 30px 0 0;}
ul#social-icons li {float:left; list-style:none;}
ul#social-icons li a {text-decoration:none; display:inline-block; background-image:url(/media/584879/header-link-icons.jpg); height: 50px;}
ul#social-icons li#contact-us a {width: 50px; background-position: 0 0;}
ul#social-icons li#contact-us a:hover {background-position: 0 -50px;}
ul#social-icons li#blog a {width: 50px; background-position:-48px 0;}
ul#social-icons li#blog a:hover {background-position:-48px -50px;}
ul#social-icons li#linkedin a {width:50px; background-position: -98px 0;}
ul#social-icons li#linkedin a:hover {background-position: -98px -50px;}
ul#social-icons li#twitter a {width:62px; background-position:-149px 0;}
ul#social-icons li#twitter a:hover {background-position:-149px -50px;}
a {
  color:#d81e05;
}
a:hover {
  color:#d81e05;
  text-decoration:none;
}
.hide-reference, .seeReferences {
  text-decoration: underline;
  cursor:pointer;
}
#kn-powered-link {
  display:none;
}
.kn-view input[type=submit] {
  background:#000!important;
  border:0!important;
}
.kn-view input[type=submit]:hover {
  background:#222!important;
}
#main-content {
  padding:0 10px;
}
.kn-content .kn-view.kn-info.block {
  padding: 5px 10px;
  background: #eee;
  border:solid 1px #dadada;
}
#view_26 .column-1 .kn-details-group-column {
  width:auto!important;
}
#knack-dist_4 {
  padding-bottom:0;
}
#knack-dist_4 a {
  color: #d81e05!important;
}

/* Log in form */
#view_3 .view-header {
  display: none;
}
#view_3 .kn-login-form {
  padding: 230px 0 150px 430px;
  background:url(/media/589985/hi-im-fred-02.jpg) top left no-repeat;
}
#view_36 {
  margin-top: 10px;
}
#view_36 .field_85 td span {
  border-bottom: solid 1px #dadada;
}
#view_49 #kn-input-field_111 label.knack-input-label {
  width: 100%;
}
#view_49 #kn-input-field_111 label {
  display: inline-block;
  width: 170px;
  margin-bottom: 10px;
}


/* Mobile specific styles */

#kn-app-menu {display:none;}
#kn-app-menu ul {border:none!important;}

@media screen and (max-width: 1150px) {
  
  body {
    background-color:#ffffff;
  }
    
}

@media screen and (max-width: 767px) { /* This is the grid breakpoint */
  
  #social-icons {
    display: none!important;
  }
    
}

@media screen and (max-width: 700px) { /* This is the grid breakpoint */
  
  #view_3 .view-header {
    display: inline-block!important;
  }
  #view_3 .kn-login-form {
    padding: 0!important;
    background:none!important;
  }
    
}

@media screen and (max-width: 600px) {
  
  /* Correct width of checkbox column on export view */
  #view_5 .pinned {
    width: 30px!important;
  }
  #view_5 table.kn-responsive {
    margin-left:29px!important;
  }
    
}

@media screen and (max-width: 500px) {
  
  /* Remove back link on mobile */
  .kn-crumbtrail a.ang-link {display:none!important;}
    
}

/* End mobile styles */

/* HIDING LINKS TO PR + CS*/
#navigation li#press-releases {display: none;} /* Main nav link to PR */
#view_35 {display: none;} /* Reference details > Related PR table */
#view_39 {display: none;} /* Reference details > Add new PR menu */

_#navigation li#case-studies {display: none;} /* Main nav link to Case Studies */
_#view_96 {display: none;} /* Project details > Related CS table */
_#view_106 {display: none;} /* Project details > Add new CS menu */


/* Hide all main nav links  */
#main-navigation ul li {
  display: none!important;
}

/* Bring back all regualr user links */
#main-navigation ul li.profile_4 {
  display:block!important;
}

/* Progressively bring back links based on logged in user */
body.profile_2 #main-navigation ul li.profile_2 { /* Admin */
  display:block!important;
}
body.profile_4 #main-navigation ul li.profile_4 { /* Viewer */
  display:block!important;
}
body.profile_29 #main-navigation ul li.profile_29 { /* Top Admin */
  display:block!important;
}
body.profile_30 #main-navigation ul li.profile_30 { /* Carboline */
  display:block!important;
}
body.profile_32 #main-navigation ul li.profile_32 { /* Marketing Staff */
  display:block!important;
}














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