body {
	line-height: normal;
}

h1 {
	font-size: 2em;
}


/* Make the images fill the screen width */
/*
.banner img {
	width: 100%;
}
*/


/* Set the height of your slider to the height of your images */
		.banner {
			height: 330px;
		}
	
		/* Make the images fill the screen width */
		.banner img {
			width: 100%;
		}
		
		/* Style the text over the slides */
		.banner {
			text-align: center;
		}
		.banner .slide-text {
			position: absolute;
			left: 0;
			right: 0;
			padding: 150px 0 50px;
			
			color: white;
			text-shadow: 2px 2px 2px rgba(0,0,0, .5);
			font: bold 3em/1.4 Helvetica, Arial, sans-serif;
		}
		a:link, a:visited, a:focus, a:hover, a:active {
			color: white;
			text-decoration: none;
		}

		
		/* Style the dots*/
		.unslider {
			/* set the positioning context for the dots */
			position: relative;
		}
		.unslider-nav { 
			/* position the navigation dots over the slides */
			position: absolute;
			left: 0;
			right: 0;
			top: 95%;
			
			z-index: 1000; /* Make sure the dots show over the images */
		}
		
		
		/* Style the arrows*/
		.unslider {
			/* set the positioning context for the dots */
			position: relative;

			
		}
		.unslider-arrow { 
			/* position the navigation dots over the slides */
			position: absolute;
			top: 50%;
			
			z-index: 1000; /* Make sure the dots show over the images */
			
			font-size: 2em;
			visibility: hidden;
		}
		
		/* Change the arrow styles
			You could also use an image instead
		*/
		.unslider-arrow { 
			visibility: hidden;	/* Hide the default arrows */
		}
		
		/* Use dynamic content to add in a different character and show it */
		.unslider-arrow:before {
			visibility: visible;
color: white;
		}
		.unslider-arrow.prev:before {
			content: '<';
		}
		.unslider-arrow.next:before {
			content: '>';
		}