/* BASIC CSS */
/* line 3, gridder.scss */
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

/* line 10, gridder.scss */
.clearfix:after {
  clear: both;
}

/* line 14, gridder.scss */
.clearfix {
  zoom: 1;
  /* IE < 8 */
}

/* line 18, gridder.scss */


/* line 24, gridder.scss */
.container {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 1000px;
}

/* line 30, gridder.scss */
h1 {
  text-align: center;
}

/* GRIDDER CSS */
/* line 37, gridder.scss */
.gridder {
  width: 960px;
  margin: 0 auto;
  font-size: 0;
}

/* line 44, gridder.scss */
.gridder-list {
  display: inline-block;
  *display: inline;
  white-space-collapsing: discard;
  zoom: 1;
  height: 225px;
  background: #CCC;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
/* line 55, gridder.scss */
.gridder-list .gridder-thumb {
  display: block;
  height: 30px;
}
/* line 58, gridder.scss */
.gridder-list .gridder-thumb .overlay {
  position: absolute;
  color: #FFF;
  z-index: 1;
  text-align: center;
  left: 0px;
  bottom: 0px;
  font-weight: normal;
  display: block;
  background: #000000;
  width: 100%;
  padding: 10px 0;
  font-size: 16px;
}
/* line 72, gridder.scss */
.gridder-list .gridder-thumb .overlay span {
  font-weight: 11px;
  display: block;
}
/* line 79, gridder.scss */
.gridder-list img {}

/* line 82, gridder.scss */
.gridder-list.imactive .overlay {
  background: #b2083c;
}

/* line 87, gridder.scss */
.gridder-content {
  display: none;
}

/* line 91, gridder.scss */
.gridder-show {
  text-align: center;
  position: relative;
  background: #E0E1E2;
  float: left;
  padding: 0px;
  display: none;
  color: #000;
  height: 0;
  overflow: hidden;
  font-size: 0;
  width: 100%;
  overflow:hidden;
}
/* line 105, gridder.scss */
.gridder-show .gridder-current-img {
  float: left;
  display:none;
}
/* line 112, gridder.scss */
.gridder-show .content {
  text-align: left;
  padding: 25px 10px;
}
/* line 118, gridder.scss */
.gridder-show .content img {
  float: left;
  margin-right: 20px;
}
/* line 124, gridder.scss */
.gridder-show .content h2 {
  font-size: 30px;
  margin: 0px;
  margin-bottom: 10px;
}
.gridder-show .content h3 {
  font-size: 22px;
  color: #99CA3C;
  margin: 0px;
  margin-bottom: 15px;
}
/* line 132, gridder.scss */
.gridder-show .content p {
  font-size: 14px;
  margin: 0px;
  margin-bottom: 20px;
  line-height: 20px;
}
/* line 139, gridder.scss */
.gridder-show .content a {
  cursor: pointer;
}
.gridder-show .content .contactbox {width: 250px; background:#FFF; height: 180px; padding: 10px 20px;}
.gridder-show .content .contactbox p {font-size:14px; line-height: 30px;}
.gridder-show .content .contactbox a {text-decoration: none;}

/* line 143, gridder.scss */
.gridder-show:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

/* line 150, gridder.scss */
.gridder-current-img {}

/* line 155, gridder.scss */
.gridder-img:hover {
  opacity: 0.8;
}

/* line 158, gridder.scss */
.gridder-float {
  float: left;
}

/* line 161, gridder.scss */
.gridder-close {
  opacity: 0.7;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
  background: url("../images/close.png") no-repeat center center;
  width: 36px;
  height: 36px;
}

/* line 171, gridder.scss */
.gridder-close:hover {
  opacity: 1;
}

/* line 175, gridder.scss */
.gridder-prev {display: none;}
.gridder-next {display: none;}

/* line 196, gridder.scss */
.gridder-prev:hover {
  opacity: 1;
}