/*==========================
	1. image 'slideshow' with circle thumbnails
==========================*/

#project-images {position: relative; margin-bottom: 10px;}
.main-image {width: 658px; height: 338px; position: relative; overflow: hidden; color: #fff; border: 1px solid #666;}
	.main-image img {width: 660px; height: 340px; }

.image-thumb {position: absolute; background: #000; opacity: .8; width: 660px; height: 25px; bottom: 0; padding: 10px 0 0 0;}
.image-thumb a {display: block; padding: 5px;}
.image-thumb ul li {float: left; width: 15px; background: url(../images/thumb-circle-empty.png) no-repeat 5px 0px;  cursor: pointer; margin: 0 0 0 5px;}
	.image-thumb ul li.active {background: url(../images/thumb-circle-active.png) no-repeat 5px 0px;} 
	
/*==========================
	2. pika choose
==========================*/
ul#pikame{padding-left:0;width:450px;margin:0 auto; position: absolute; background: url(../images/80-black.png);   width: 662px; height: 25px; bottom: 0; padding: 10px 0 0 0; z-index: 1001; }

.pika_main{width: 660px; height: 340px;border: 1px solid #666;}
#pikame li{float: left; width: 15px; cursor: pointer; margin: 0 0 0 5px; overflow:hidden; height: 20px; padding: 0 0 10px 0; background: url(../images/thumb-circle-empty.png) no-repeat; background-position: 0 1px;  opacity: .8;}
	#pikame li span {display: none;}
.pika_caption {position: absolute; right: 5px; top: 317px; text-align: right; color: #f2f2f2; z-index:1005; }