@charset "utf-8";

inv8-pic-info{
/*widget class*/

}
.pi_itemimg{
/*width and height of the image to display*/

}
.pi_iteminfo{
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
font-size:0.9em;
line-height:16px;;
}
.pi_infolink{
padding-top:1em;
padding-left:10px;
padding-right:10px;
text-align:left;
padding-bottom:1em;
font-size:0.9em;

}
.pi_imagepreview{
display:none;
width:200px;
height:100px;	
}
.pi_name{
padding-top:15px;
font-weight:bold;
font-size:1.2em;
}
figure{
margin:0px;
padding:0px;	
}
.slider-viewport{
width:886px;
height:222px;
overflow:hidden;
/* -moz-box-shadow:    1px 1px 3px 3px #ccc;
  -webkit-box-shadow: 1px 1px 3px 3px #ccc;
  box-shadow:         1px 1px 3px 3px #ccc;	*/

margin-bottom:12px;	
}
.slider-viewport figcaption{
position:relative;
top:-251px;
height:421px;
overflow:hidden;
background-color:#DEDEDE;
filter: alpha(opacity=100);
opacity:1;
width:640px;
left:330px;
	

}
.slider-viewport figcaption h1{
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
background-color:#66ad73;
color:#ffffff;	
font-weight:bold;
font-size:1.2em;
}
.slider-viewport figcaption p{
	padding-top:5px;
padding-left:15px;
padding-bottom:2px;
padding-right:20px;
}
.slider-viewport figcaption ul{

}
.slider-viewport figcaption li{

}

#box,.slide {
width:575px;
height:160px;
	
}
#controls {
  position: relative;
  top: 5px;
  float: right;
  overflow: hidden;
  right:20px;
 margin-bottom:30px;
  
}
/* line 44, sass/screen.scss */
#controls li {
  display: inline;
}

/* line 48, sass/screen.scss */
.goto-slide {
  margin-left: 10px;
  width: 14px;
  height: 14px;
  display: block;
  float: left;
  border: solid 1px #000;
  background-color: #555;
  border-radius: 8px;
  -webkit-box-shadow: inset 0px 0px 8px #333;
  -moz-box-shadow: inset 0px 0px 8px #333;
  box-shadow: inset 0px 0px 8px #333;
}
/* line 62, sass/screen.scss */
.goto-slide.current {
  background-color: #2edbac;
}
#next, #prev {
  position: absolute;
  top: 80px;
  width: 30px;
  height: 300px;
  background: url(img/next-prev-sprite.png) no-repeat;
  display: none;
  -webkit-transition: background .4s;
  -moz-transition: background .4s;
  transition: background .4s;
}
/* line 78, sass/screen.scss */
#next:hover, #prev:hover {
  background: url(img/next-prev-sprite-hover.png) no-repeat;
  border: none;
}

/* line 85, sass/screen.scss */
#prev {
  left: 90px;
}

/* line 86, sass/screen.scss */
#next, #next:hover {
  left: 575px;
  background-position: -30px 0;
}