@font-face {
  font-family: 'Yanone-thin';
  font-style: normal;
  font-weight: 300;
  src: local('Yanone-thin'), url('http://themes.googleusercontent.com/font?kit=We_iSDqttE3etzfdfhuPRfYfc3bPVUtuDoUoHMkf5-E') format('truetype');
}


body 

h1 { font-family:'Yanone-thin'; text-align: center;}

.pika-wrap {
	width: 580px;
	margin: 0 auto;
}

.pika-image {
	position: relative;
	height: 440px;
	width: 580px;
	background: #fafafa;
	border: 1px solid #e5e5e5;
	padding: 10px;
}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 10px; left: 10px;}
	.pika-image .animation {display: none;z-index:2;}
	.pika-image img {border:0;}


	.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
	.pika-imgnav a.previous {
	background: url(../images/prev.png) no-repeat left 50%;
	height: 440px;
	width: 50px;
	top: 10px;
	left: 10px;
	cursor:pointer;
}
	.pika-imgnav a.next {
	background: url(../images/next.png) no-repeat right 50%;
	height: 440px;
	width: 50px;
	top: 10px;
	right: 10px;
	cursor:pointer;
}
	.pika-imgnav a.play {
	background: url(../images/play.png) no-repeat 50% 50%;
	height: 100px;
	width: 40px;
	top:0px;
	left:280px;
	display: none;
	cursor:pointer;
}
	.pika-imgnav a.pause {
	background: url(../images/pause.png) no-repeat 50% 50%;
	height: 100px;
	width: 40px;
	top:0;
	left:280px;
	display:none;
	cursor:pointer;
}


	
.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
	.pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {width: 74px; height: 74px; text-align: center; vertical-align: center; overflow: hidden;}

/* jCarousel Styles */
.jcarousel-skin-pika .jcarousel-container-horizontal {
    padding: 20px 20px;
}

.jcarousel-skin-pika .jcarousel-container-vertical {
    width: 90px;
    height: 560px;
    padding: 20px 20px;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {
	height: 90px;
	width: 560px;
}

.jcarousel-skin-pika .jcarousel-clip-vertical {
    width:  90px;
    height: 350px;
}

.jcarousel-skin-pika .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-pika .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-pika .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}