#mainContainer{
		margin:0 auto;
		width:810px;
		height:auto;
		text-align:left;
		margin-left:5px;		
	}
	.clear{
		clear:both;
	}
	/* End of demo CSS */
	#panel_one,#arrows,#thumbs{	/* Width of divs for thumbnails */
		width:240px;
	}
	#panel_one{		
		float:left;	
		background-color:#F1F0EB;
		border:1px solid #E0E0E0;
	}
	#thumbs{
		overflow:hidden;	/* Don't change this */
		height:368px;	/* Height of thumbnail div */
		position:relative;	/* Never change this */
		float:left;
	}
	#largeImage{	/* Large image div */
		width:400px;	/* Width of large image div */
		height:auto;	/* Height of large image div */
		float:left;
		margin-top:-3px;
		padding-left:10px;	/* "Air" */
		padding-right:10px;	
	}
	#largeImage table{	/* Used table to get both horizontal and vertical center alignement of large image */
		width:100%;
		height:100%;
		text-align:center;
	}
	#largeImage img{	/* Large image */
		/*border:5px solid #317082;	 Border around large image */
		border:1px solid #D4E2BC;
		padding:5px;
	}
	
	
	.thumbnails{	/* A vertical strip of thumbnails */
		width:115px;	/* Width of strip */
		padding:5px;	/* "Air" inside filmstrip div padding:0px;*/
		position:absolute;
	
	}
	.thumbnails div{
		width:100px;
		height:75px;
		padding:5px;
		text-align:center;

	}
	.thumbnails img{
		border:0px;
		padding:0px;
	}
	.thumbnails .activeImage{	/* Active thumbnail */
		/*border:5px solid #317082;	 Green border around active thumbnail */
		padding:0px;
	
	}
	.leftArrow{
		float:left;
	}
	.rightArrow{
		float:right;
	}
	#thumbs_inner{
		position:relative;	/* Never change this */
		width:1000px;
	}