/* These hieghts and widths should be edited to your images */	
ul#pikame {
	margin:0 auto;
	display:block;
}
.pika_main {
	margin:0 auto;
}
#pikame li {
	vertical-align:middle;
	border:2px solid #222;
	display:inline-block;
	float:left;
	
}

/* thats all you NEED to edit. But continue if you'd like. */
ul#pikame li img { 
	position:relative;
	cursor:pointer;	
}

.pika_main {
	text-align:center;
}
.pika_main img {
	border:1px solid white;
	height:245px;
	margin:38px 0 0 0;
}
.pika_main {
	position: relative;
	margin:0 auto;
	width:448px;
	height:400px;
	background:transparent url("../../resources/media/gal_img_bg.jpg") no-repeat top left;
}



.pikachoose li {
	float:left;
	position:relative;
	overflow:hidden;
	list-style:none;
}


.pika_play {
	position:absolute;
	top:10px;
	right:20px;
	z-index:1;
	background:transparent;
}
.pika_play a {
	position:relative;
	margin-left:auto;
	cursor:pointer;
	color:white;
	display:block;
	overflow:hidden;
	text-indent:-10000px;
	height:20px;
	width:20px;
}
.pika_play a.pika_play_button {
	background:transparent url("../../resources/media/bot_play.png") no-repeat top left;
}
.pika_play a.pika_stop_button {
	background:transparent url("../../resources/media/bot_pause.png") no-repeat top left;
}




.pika_caption {
	width:100%;
	height:30px;
	text-align:center;
	margin:60px 0 0 0;
	color:black;
	font-size:9pt;
}
.pika_navigation {
	margin:50px 0 0 0;
}

.pika_navigation a,.pika_navigation a:link, .pika_navigation a:visited {
	color:black;
	text-decoration: none;
	padding:0 10px;
	cursor:pointer;
	font-weight:bold;
	font-size:13pt;
	letter-spacing:-1px;
}
.pika_navigation a:hover {
	text-decoration: none;
	color:#22942c;
}
.pika_navigation {
	padding-top:10px;
	clear:both;
	text-align:center;
}


#pikame li {
	border:4px solid white;
	margin:5px 13px 5px 5px;
}
#pikame li.li_selected {
	border:4px solid red;
	margin:5px 13px 5px 5px;
}