@import url(http://fonts.googleapis.com/css?family=Roboto);
/*
nYenison Technologies
contact@nyenison.com
2013
*/
/* General */
a {
  color: #3498db;
}
a:hover {
  color: #2980b9;
}
body {
  background-color: #2980b9;
  color: #888;
  font-family: 'Roboto', Helvetica, Arial, sans-serif;
  line-height: 1.5;
  padding: 0;
}
.btn {
  background-image: none;
  background-position: 0;
  border-bottom: none;
  box-shadow: none;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  transition: none;
}
.btn.btn-large {
  padding: 15px 40px;
}
.btn.btn-primary {
  background-color: #3498db;
}
.btn.btn-primary:hover {
  background-color: #2980b9;
}
.container {
  width: 960px;
}
.container-fluid {
  padding: 0;
}
/* Header */
header {
  background-color: #ebebeb;
  padding: 30px 0;
}
header h1 {
  color: #2472a4;
  font-size: 48px;
  font-weight: 300;
  line-height: 1.5;
  margin: 0;
  text-transform: uppercase;
}
header h1 span {
  border-bottom: 2px solid #3498db;
  color: #3498db;
  font-weight: bold;
}
/* Content */
.lead {
  background-color: #ecf0f1;
  border-bottom: 1px solid #bdc3c7;
  border-top: 1px solid #bdc3c7;
  margin: 0;
  padding: 50px 0;
}
.lead a {
  margin-top: 30px;
}
.lead strong {
  color: #3498db;
}
/* Portfolio */
.content {
  background-color: #f5f5f5;
  padding: 30px 0;
}
.nav {
  display: inline-block;
}
.nav li a {
  font-size: 14px;
}
.nav li a:hover {
  background-color: #3498db;
  color: #fff;
}
#portfolio {
  margin: 20px auto;
}
#portfolio div {
  height: 188px;
  padding: 0 8px 20px 0;
}
#portfolio div a {
  position: relative;
  display: block;
  width: 312px;
  height: 188px;
  text-indent: -9999px;
}
#portfolio div a span.hover {
  position: absolute;
  display: block;
  width: 312px;
  height: 188px;
  z-index: 1;
  top: 0;
}
.access {
  background: url(images/access.png) no-repeat top;
}
.access span.hover {
  background: url(images/access.png) no-repeat bottom;
}
.apto {
  background: url(images/apto.png) no-repeat top;
}
.apto span.hover {
  background: url(images/apto.png) no-repeat bottom;
}
.bigtoys {
  background: url(images/bigtoys.png) no-repeat top;
}
.bigtoys span.hover {
  background: url(images/bigtoys.png) no-repeat bottom;
}
.bluescrubs {
  background: url(images/bluescrubs.png) no-repeat top;
}
.bluescrubs span.hover {
  background: url(images/bluescrubs.png) no-repeat bottom;
}
.castweb {
  background: url(images/cast-web.png) no-repeat top;
}
.castweb span.hover {
  background: url(images/cast-web.png) no-repeat bottom;
}
.cellgate {
  background: url(images/cellgate.png) no-repeat top;
}
.cellgate span.hover {
  background: url(images/cellgate.png) no-repeat bottom;
}
.choicelab {
  background: url(images/choicelab.png) no-repeat top;
}
.choicelab span.hover {
  background: url(images/choicelab.png) no-repeat bottom;
}
.dfwmarketing {
  background: url(images/dfwmarketing.png) no-repeat top;
}
.dfwmarketing span.hover {
  background: url(images/dfwmarketing.png) no-repeat bottom;
}
.falco {
  background: url(images/falco.png) no-repeat top;
}
.falco span.hover {
  background: url(images/falco.png) no-repeat bottom;
}
.falcon {
  background: url(images/falconapps.png) no-repeat top;
}
.falcon span.hover {
  background: url(images/falconapps.png) no-repeat bottom;
}
.fishfry {
  background: url(images/fishfry.png) no-repeat top;
}
.fishfry span.hover {
  background: url(images/fishfry.png) no-repeat bottom;
}
.gfh {
  background: url(images/gfh.png) no-repeat top;
}
.gfh span.hover {
  background: url(images/gfh.png) no-repeat bottom;
}
.innodojo {
  background: url(images/innodojo.png) no-repeat top;
}
.innodojo span.hover {
  background: url(images/innodojo.png) no-repeat bottom;
}
.instinktive {
  background: url(images/instinktive.png) no-repeat top;
}
.instinktive span.hover {
  background: url(images/instinktive.png) no-repeat bottom;
}
.mpso {
  background: url(images/mpso.png) no-repeat top;
}
.mpso span.hover {
  background: url(images/mpso.png) no-repeat bottom;
}
.msa {
  background: url(images/msa.png) no-repeat top;
}
.msa span.hover {
  background: url(images/msa.png) no-repeat bottom;
}
.mustang {
  background: url(images/mustang.png) no-repeat top;
}
.mustang span.hover {
  background: url(images/mustang.png) no-repeat bottom;
}
.newsletter {
  background: url(images/newsletter.png) no-repeat top;
}
.newsletter span.hover {
  background: url(images/newsletter.png) no-repeat bottom;
}
.nitrampark {
  background: url(images/nitrampark.png) no-repeat top;
}
.nitrampark span.hover {
  background: url(images/nitrampark.png) no-repeat bottom;
}
.portcity {
  background: url(images/portcity.png) no-repeat top;
}
.portcity span.hover {
  background: url(images/portcity.png) no-repeat bottom;
}
.preferredmri {
  background: url(images/preferredmri.png) no-repeat top;
}
.preferredmri span.hover {
  background: url(images/preferredmri.png) no-repeat bottom;
}
.prosperedc {
  background: url(images/prosperedc.png) no-repeat top;
}
.prosperedc span.hover {
  background: url(images/prosperedc.png) no-repeat bottom;
}
.shreveland {
  background: url(images/shreveland.png) no-repeat top;
}
.shreveland span.hover {
  background: url(images/shreveland.png) no-repeat bottom;
}
.signage {
  background: url(images/signage.png) no-repeat top;
}
.signage span.hover {
  background: url(images/signage.png) no-repeat bottom;
}
.tech-poster1 {
  background: url(images/tech-poster1.png) no-repeat top;
}
.tech-poster1 span.hover {
  background: url(images/tech-poster1.png) no-repeat bottom;
}
.tech-poster2 {
  background: url(images/tech-poster2.png) no-repeat top;
}
.tech-poster2 span.hover {
  background: url(images/tech-poster2.png) no-repeat bottom;
}
.techrouler {
  background: url(images/techrouler.png) no-repeat top;
}
.techrouler span.hover {
  background: url(images/techrouler.png) no-repeat bottom;
}
.xmas {
  background: url(images/xmas.png) no-repeat top;
}
.xmas span.hover {
  background: url(images/xmas.png) no-repeat bottom;
}
/* Isotope */
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}
/* Footer */
footer {
  background-color: #2980b9;
  padding: 20px 0;
}
footer p {
  color: #fff;
  margin-bottom: 0;
}
@media (max-width: 979px) {
  .container {
    width: auto;
  }
  .lead {
    padding: 30px 20px;
  }
  #portfolio {
    width: 640px;
  }
}
@media (max-width: 640px) {
  header h1 {
    font-size: 30px;
  }
  #portfolio {
    width: 320px;
  }
}