/************************************/
/* 		   GALLERY CSS      		*/
/************************************/

/* These heights and widths should be edited to your images */	
ul.pikachoose{
	text-align: center;
	margin:0px auto;
	width:88%;
	
/***>>>>>> This controls the vertical height of the thumbnail display area. <<<<<<***/
	height:228px;
	/* overflow:scroll; */
	overflow:scroll;
	position:absolute;

	
/***>>>>>> This controls the HORIZONTAL position of the thumbnail display area. <<<<<<***/
	/* left: 100px; */
	center: 1px;
	
/***>>>>>> This controls the VERTICAL position of the thumbnail display area. <<<<<<***/
	top: 450px;
  }
  
  
.main_pika{
	width:650px;
	position: relative;
	margin:10px;}
.pikachoose li{
	margin:0 5px;
	border:1px solid white;}

/* thats all you NEED to edit. But continue if you'd like. */
ul.pikachoose li img{position:relative;cursor:pointer;display:none; }
.main_pika img{
	border:4px solid #462719;
}
.main_pika{position: relative;margin:0 auto;}
.pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;padding:5px;}

/* Thumbnail Area */
.pika_caption{width:100%;height:400px;text-align:center;}


/***>>>>>> Originally from the slider.css stylesheet <<<<<<***/

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #ff0000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	     /* height: auto; */
			/* height: 750px;  /* Adjusts the height of the Viewer */
			
/******* >>>>>>>>>>>>>>>>>>>>>>>>>  **********/
			 height: 650px;  /* Adjusts the height of the Viewer */
			clear: both;
		}