*
{
	margin:0;
	padding:0;
}




.gallery
{
	width:1000px;
	height:641px;
}



.slider
{
	overflow:hidden !important;
}
.slider ul
{
	width:100000px;
	list-style:none;
	margin-left:0px;
}
.slider li
{
	float:left;
}

/* ============================== This is for Navigation Buttons Styling. */
.slider-nav
{
  display:block !important; /* This is important to hide the buttons if jQuery is Not supported. */
  padding: 11px 0px;
	
}

.backbtn
{
	position:relative;
	text-indent: 9999px;height: 19px;overflow: hidden;width: 26px;background:url("../images/prev.png");border:0;outline: none;cursor: pointer;

}

.nextbtn
{
	position:relative;text-indent: 9999px;height: 19px;overflow: hidden;width: 26px;background:url("../images/nextgal.png");border:0;outline: none;cursor: pointer;

}

/* ============================== This is for Pagination Styling. */
.slider-pagi
{
	

	width:1000px;
	margin-top: 40px;
}

.pagi-container
{
	
	
	display: inline-block; 
	
}

.pagi-container > ul
{
	
	
	display: inline-block;	
}

.pagi-container  ul li
{
	
	list-style:none;
	margin-right: 20px;
	width:122px;height: 106px;
	margin-bottom:20px;
	display:inline-block;
	position: relative;
		
}

.pagi-selected:before{ content: "";position: absolute; border:3px solid #5c832f;width: 116px;height: 100px;}

.pagi-container  ul li:nth-child(7n){margin-right: 0;}



.pagi-container > ul li a
{
	display:inline-block;position: relative;
	/* This is important to Increase the Clickable Region of the anchor Elements */
	text-decoration:none;
	color:rgb(100,100,100);	
	/* display:inline-flex; */
}

.pagi-container > ul li a img:hover
{
	opacity:1.0;
}

.img-normal
{
	
	vertical-align:bottom; /* Very Important to Vertically Centre the Thumbnail and removing the bottom space between and Image and the container Anchor Tag. */
}

.img-selected
{
	opacity:1.0;
}

.pagi-selected
{

	opacity:1.0;
}


/* ============================== This is for Styling Each of the Content Slides */
.slides
{
	 /* This height is reduced to compensate the padding on top and bottom */	
	background-color:rgb(198,185,221);		
}


