.active {
  color: red;
  border-color: red;
}

#container {
  width: 960px;
  margin: 0 auto;
}

header {
  height: 120px;
  margin: 30px 55px 15px 55px;
  color: #333;
  font-family: 'ColaborateLightRegular', Verdana, Sans;
}

header h1 {
  font-size: 60px;
  letter-spacing: 2px;
}

#ivar_project_small {
  position: absolute;
  top: 5px;
  right: 20px;
  font-family: 'ColaborateLightRegular', Verdana, Sans;
}

#ivar_project_small h3 {
  font-size: 21px;
  letter-spacing: 1px;
  color: #c5c5c5;
  float: left;
}

#ivar_project_small img {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}

header p {
  font-size: 14px;
  margin-top: -5px;
}

.slideshow {
  position: relative;
  width: 100%;
  height: 300px;
  padding-bottom: 50px;
}

.slideshow .viewport {
  width: 900px;
  height: 300px;
  margin: 0 auto;
  overflow: hidden;
}

.slideshow .viewport img {
  width: 850px;
  height: 300px;
  margin: 0 25px;
}

.slideshow .shade {
  position: absolute;
  height: 300px;
  width: 25px;
  top: 0px;
  z-index: 2;
}

.slideshow .shade_left {
  left: 30px;
  background: url(style-images/shade.png) repeat 0 0;
}

.slideshow .shade_right {
  right: 30px;
  background: url(style-images/shade.png) repeat -25px 0;
}

.slideshow .btn {
  position: absolute;
  height: 60px;
  width: 30px;
  top: 120px;
  cursor: pointer;
}

.slideshow .btn_left {
  left: 0px;
  background: url(style-images/btn.png) repeat 0 0;
}

.slideshow .btn_right {
  right: 0px;
  background: url(style-images/btn.png) repeat -30px 0;
}

.slideshow .pagination ul { margin: 10px auto; }

.slideshow .pagination li {
  width: 12px;
  height: 12px;
  margin: 0px 5px;
  float: left;
  background: url(style-images/pag.png) repeat -12px 0;
  cursor: pointer;
}

.slideshow .pagination .active { background: url(style-images/pag.png) repeat 0 0; }

.content {
  margin: 10px 55px;
  color: #333;
}

.content h1 {
  font-size: 36px;
  letter-spacing: 2px;
  font-family: 'ColaborateLightRegular', Verdana, Sans;
}

.viewport1 .test {
  width: 144px;
  height: 94px;
  margin: 5px;
  border: solid 3px #555;
  float: left;
}

.sl2 .test {
  width: 960px;
  height: 200px;
  margin: 5px;
  border: solid 3px #555;
  float: left;
}

.sl2 .slidekick-pagination li {
  border: solid 5px #555;
  margin: 10px;
  width: 5px;
  height: 5px;
  float: left;
}

.sl2 .test p { padding-top: 60px; }

.sl2 .slidekick-pagination .active { border-color: red; }

.test p {
  font-size: 64px;
  text-align: center;
  padding-top: 8px;
  color: #aaa;
}