#mainContainer{
		width:420px;
		text-align:left;
		background-color:#5199ae;
		margin: 0 auto;
	}
	
	.clear{
		clear:both;
	}
	/* End of demo CSS */
	#DHTMLgoodies_panel_one,#DHTMLgoodies_thumbs{	/* Width of divs for thumbnails */
		width:380px;
		height:140px;
		margin-left:6px;
	}
	
	#DHTMLgoodies_arrows{
		width:10px;
		height:10px;

	}
	#DHTMLgoodies_thumbs{
		overflow: hidden;	/* Don't change this */
		height: 140px;
		position: relative;	/* Never change this */
		float: left;
	}	
	
	.strip_of_thumbnails{	/* A vertical strip of thumbnails */
		width:100px;	/* Width of strip */
		height: 100px;
		padding:10px;	/* "Air" inside filmstrip div */
		position:absolute;		

	}
	.strip_of_thumbnails div{
		width:100px;
		height:100px;
		padding:5px;
		text-align:center;
	}
	
	.strip_of_thumbnails img{
		border:0px;
		padding:5px;
	}

		
	#DHTMLgoodies_thumbs_inner{
		position: relative;	/* Never change this */
		width: 400px;
			}	
	
	.leftArrow{
	width:10px;
	height:10px;
	margin-left:0px;
	background:url(images/arrow_left.gif) no-repeat;
	}
	

	#layerleftbg{
	height: 140px;
	width: 10px;
	background-color:#5199ae;
	position: absolute;
	float: left;
	margin-left:0px;
	}
	
	.layerleft{
	height:10px;
	width:10px;
	background-color:#5199ae;
	float:left;
	margin-top:65px;
	margin-left: 0px;
	}
	
	.rightArrow{
	width:10px;
	height:10px;
	margin-right:0px;
	background:url(images/arrow_right.gif) no-repeat;
	}
	
	#layerrightbg{
	height:140px;
	width:10px;
	background-color:#5199ae;
	position: absolute;
	float: left;
	margin-left: 410px;
	}
		
	.layerright{
	height:10px;
	width:10px;
	background-color:#5199ae;
	margin-top:65px;
	}
	
	.pics	 {
	height: 140px;
	width:  380px;
	}