/** Simple Reset
** ----------------------------------------------------------------*/
html, body, div { padding: 0; margin: 0; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
/* End Simple Reset **/

/** Standard Elements
** ----------------------------------------------------------------*/
html {
  background: #fff;
}

body {
  width: 760px;
  margin: 0 auto;

  /* 10/18 */
/*  font: normal 62.5%/1.8 Arial, Helvetica, Verdana, sans-serif; */
  
  /* 12/20 */
  font: normal 75%/1.667 Arial, Helvetica, Verdana, sans-serif; 
  color: #666;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0 0 .5em;
}
h1 {
  color: #999;
  font-size: 180%;
}
h2 {
  font-size: 140%;
}
h3 {
  font-size: 120%;
}
h4, h5, h6 {
  font-size: 100%;
}

p {
 margin: 0;
 padding: 0 0 1.5em; 
}
  p strong {
/*    color: #333;*/
  }

a {
  color: inherit;
}
a:hover {
  color: #b23030;
  text-decoration: none;
}
a:focus, a:active {
  outline: none;
}

ul {
/*  list-style: none outside url(../images/bg-dash.png);*/
  padding-left: 2em;
  margin: 0 0 1em;
}
  ul li {
    line-height: 1.4;
    padding-bottom: .5em;
  }
    ul li p {
      line-height: 1.8;
    }
    ul li img {
      max-width: 100%;
    }
  
ul[class], ol[class] {
  margin: 0;
  padding: 0;
/*  list-style: none;*/
}

aside {
  background: #eee;
  padding: 1em 1.5em 0;
  margin-bottom: 2em;
  clear: both;
}
  aside h1 {
    font-size: 120%;
  }
  aside h2 {
    font-size: 100%;
  }
/* End Standard Elements **/

/** Structural
** ----------------------------------------------------------------*/
section {
  padding: 25px 0;
  margin: 0 -25px;
}

*[class*="container_"] {
  display: block;
	float: left;
	position: relative;
/*  width: 253px;*/
  width: 270px;
}
/*.container_2 { width: 506px; }*/
.container_2 { width: 540px; }
/*.container_3 { width: 759px; }*/
.container_3 { width: 810px; }

*[class*="grid_"] {
  display:inline;
	float: left;
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
/*  width: 203px;*/
  width: 220px;
}
.grid_2 { width: 490px; }
.grid_3 { width: 760px; }

/* nested grids need little bit of shift left or right, classes added via jQuery */
*[class*="grid_"].alpha { padding-left: 0; clear: left; } 
*[class*="grid_"].omega { padding-right: 0; }

/* End Structural **/

/** Navigational
** ----------------------------------------------------------------*/
ul.navigation {
  margin: 0;
  padding: 1em 0 0;
/*  list-style: none;*/
}
  ul.navigation li {
    display: inline;
    font-size: 1.1em;
    padding: 0 0 0 1em;
    margin-left: 1em;
    line-height: 1em;
  }
    ul.navigation li a {
      text-decoration: none;
    }
    
nav h4 { border-bottom: 1px solid #efefef; }
nav h4 a { text-decoration: none; color: #b23030; }
/*nav h4 a:hover { color: #666; }*/

/* End Navigational **/

/** Header
** ----------------------------------------------------------------*/
header {
  margin: 1em 0;
  padding: 2em 0 0;
  position: relative;
}
  header h1 { 
    margin: 0;
    padding: 0;
  }
    header h1 a {
      display: block;
      background: transparent url(../images/innotecgroup.jpg) no-repeat 0 0;
      width: 290px;
      height: 22px;
      text-indent: -999em;
    }

  #main.navigation,
  #supplemental.navigation {
    padding: 0;
    position: absolute;
    right: 0;
  }
  #main.navigation {
    top: 2.5em;
  }
    #main.navigation li { 
      font-size: 140%; 
      border-left: 1px solid #efefef; 
    }
    #main.navigation li:first-child { border-left: none; }
    
  #supplemental.navigation {
    top: 0;
  }
    #supplemental.navigation li {
      color: #5f5f5f;
      font-size: 91.6%;
    }
/* End Header **/

/** Banner
** ----------------------------------------------------------------*/
#banner {
    border: solid 4px #ECECEC;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 760px;
    position: relative;
    margin: 1.5em -4px 0;
}
  #banner img {
    display: block;
    border: none;
  }

#breadcrumbs {
  position: absolute;
  bottom: 0;
  left: .5em;
  padding: 0;
}
  #breadcrumbs li {
    padding: 0 0 0 .5em;
    margin: 0;
    font-size: 100%;
    font-weight: lighter;
    letter-spacing: .025em;
    line-height: 1;
    color: #fff;
  }
  #breadcrumbs li:before {
    content: "> ";
  }
  #breadcrumbs li:first-child {
    margin-left: 0;
    padding-left: 0;
/*    border-left: none;*/
  }
  #breadcrumbs li:first-child:before { content: ""; }
  
    #breadcrumbs li a { color: #efefef; }
    #breadcrumbs li a:hover { color: #b23030; }
    
/* End Banner **/

/** Footer
** ----------------------------------------------------------------*/
footer {
  border-top: solid 1px #efefef;
  color: #C9C9C9;
  padding: 13px 25px;
}
  footer .copyright {
    width: 20%;
    float: left;
    padding: 0;
  }
  footer .navigation {
    width: auto;
    white-space: nowrap;
    float: right;
    padding: 0;
  }
/* End Footer **/

/** Content
** ----------------------------------------------------------------*/
section h1 {
  color: #b23030;
  letter-spacing: .05em;
  font-weight: normal ;
}

p.intro {
/*  font-size: 1.2em;*/
}

img.left, img.right {
  display: block;
  width: auto;
  float: left;
  white-space: nowrap;
  border: 1px solid #EFEFEF;
  padding: 1px;
  margin-bottom: .5em;
}
img.left { margin-right: 1.5em; }
img.right {
  float: right;
  margin-left: 1.5em;
}

.apply.button {
  display: block;
  width: 200px;
  height: 53px;
  text-indent: -999em;
  background: transparent url(../images/apply.jpg) no-repeat 0 0;
}

a.read-more {
  display: block;
  text-align: right;
}

  /** vCard
  ** ----------------------------------------------------------------*/
  .vcard {
/*    border-bottom: 1px solid #efefef;*/
    padding-bottom: 1em;
    margin-bottom: 2em;
  }
    .vcard h3 { padding: 0; }
    .vcard .org { margin: 0; }
    .vcard .url { text-decoration: none; }
    .vcard .adr { padding: 0; }
    .vcard .street-address, .vcard .email, .vcard .tel { display: block; }

    .hcard {
      display: inline-block;
      padding-left: 0;
      width: 30px;
      background: transparent url(/assets/images/icon-hcard-download.png) no-repeat center center;
      text-indent: -999em;
    }
  /* End vCard **/
  
  /** Lists
  ** ----------------------------------------------------------------*/
  .identity {
    position: relative;
    margin-bottom: 1em;
  }
    .identity img {
      display: block;
    }
    .identity h2,
    .identity h3 {
      color:#333;
      font-size: 160%;
      font-weight:normal;
      letter-spacing:0.05em;
      position: absolute;
      padding: 0;
      width: 100%;
      bottom: 0;
      background: transparent url(../images/bg-grey-transparent.png) repeat 0 0;
      background: rgba(229,229,229, .65);
    }
    .identity a {
      display: block;
      padding: .25em .5em;
      text-decoration: none;
    }

  ul.two-column {
    list-style: none outside url(../images/bg-dash.png);
    padding-left: .5em;
  }
    ul.two-column li {
      width: 45%;
      float: left;
      margin-left: 5%;
    }
  
  ul.product-list {
    list-style: none;
    margin: 0 0 2em;
  }
    .product-list h4,
    .product-list h5 {
      padding: 0;
    }
    .product-list a {
      display: block;
      text-decoration: none;
      padding: .5em .5em 1em;
    }
    .product-list .current a,
    .product-list a:hover {
      background: #efefef;
      color: #000;
    }
    .product-list img {
      border: none;
      float: left;
      width: 50px;
      display: block;
      margin: 0 1em 0 0;
    }
ul.innogroup-list {
    list-style: none;
    margin: 0 0 2em;
  }
    .innogroup-list h4,
    .innogroup-list h5 {
      padding: 0;
    }
    .innogroup-list a {
      display: block;
      text-decoration: none;
      padding:1em .5em 1em .5em;
	  border-bottom: 1px solid #efefef;
      height:90px;
    }
    .innogroup .current a,
    .innogroup a:hover {
      background: #efefef;
      color: #000;
    }
    .innogroup-list img {
      border: none;
      float: left;
      width: 200px;
      display: block;
      margin: 0 1em 0 0;
    }

  ul.locations li {
    margin-bottom: 2.5em;
  }
    ul.locations li .vcard p { line-height: inherit; }

  ul.quick-locations {
    list-style: none outside url(../images/bg-dash.png);
    padding-left: 2em;
    margin-top: 1em;
  }
    ul.quick-locations li {
      margin-bottom: 1em;
    }
    
  ul.accents {
    float: left;
    margin-top: 2em;
    list-style: none;
  }  
    ul.accents li {
      float: left;
      margin-bottom: 40px;
    }
    ul.accents li .grid_1 img { margin-bottom: 25px; }
  
  .photos.grid_1 {
    padding: 0 25px;
  }

  .photos li {
    float: left;
    display: block;
    width: 105px;
    margin-right: 9px;
    padding-bottom: 1em;
    overflow: hidden;
  }
  .photos.thirds li { 
    width: 135px;
    margin-right: 25px;
  }
    .photos li.full {
      width: 220px;
      margin: 0;
    }
    .photos li.push {
      margin-right: 0;
      float: right;
    }
    .photos li img {
      max-width: 100%;
      display: block;
    }
  
  .grid_2.photos li {
    width: 100px;
    margin: 0 10px 0 0;
  }
  /* End Lists **/

/* End Content **/

/** Forms
** ----------------------------------------------------------------*/
form {
  margin: 1em 0;
  padding: 0;
}
aside form { margin: 0; }

  form p {
    clear: both;
    overflow: hidden;
  }
  form .push {
    padding-left: 10.5em;
  }
  form .required {
    color: #66BDD8;
    display: inline-block;
    background: transparent url(/assets/images/bg-asterisk.png) no-repeat 50% 10%;
    width: 1em;
    text-indent: -999em;
  }
    .fields li .required { width: 22px; }
  
fieldset {
  border: none;
  border-top: 1px solid #efefef;
  padding: 1em 0 0;
  margin: 0;
}

legend {
  font-size: 120%;
  color: #b23030;
  padding: 0;
}

label {
  color: #666;
  width: 8em;
  float: left;
  margin-right: 0.5em;
  display: block;
  font-weight: bold;
/*  line-height: 22px;*/
}
  
input, textarea, select {
  float: left;
  font-size: inherit;
  color: inherit;
}

input[type="text"] {
  width: 10em;
}
input.long, input.large { width: 15em; }
input.short, input.small { width: 5em; }
input.tiny { width: 2em; }

/* vertical flow for skinny forms */
.grid_1 label, 
.grid_1 input,
.grid_1 textarea,
.grid_1 select {
  float: none;
}

ol.fields, ul.fields {
  margin: 0;
}
  .fields li {
    list-style: none;
    padding: .25em 0 .75em;
    clear: both;
    overflow: hidden;
  }
  .fields.options li {
    width: 50%;
    float: left;
    clear: none;
  }
    .fields.options li label.checkbox,
    .fields.options li label.radio {
      width: auto;
    }

ul.options {
  overflow: hidden;
}
.options span {
  display: block;
  float: left;
}

.fields .radio label {
  width: auto;
  white-space: nowrap;
  line-height: 18px;
}

.fields .multiple input + label {
  width: auto;
  white-space: normal;
  margin-left: 2em;
}
/* End Forms **/

/** Top Level Clearfixes
** ----------------------------------------------------------------*/
header:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
header {display: inline-block;}
/* Hides from IE-mac \*/
* html header {height: 1%;}
header {display: block;}
/* End hide from IE-mac */

section:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
section {display: inline-block;}
/* Hides from IE-mac \*/
* html section {height: 1%;}
section {display: block;}
/* End hide from IE-mac */

footer:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
footer {display: inline-block;}
/* Hides from IE-mac \*/
* html footer {height: 1%;}
footer {display: block;}
/* End hide from IE-mac */

/* End Top Level Clearfixes **/