@import url(http://fonts.googleapis.com/css?family=Lato);

body{
	position:relative;
	
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight: 200;
	-webkit-font-kerning: auto;
	-webkit-font-smoothing: antialiased;
}

/* SLIDER STYLES */
	
.slider-wrapper{
	position:relative;
	overflow:hidden;
	width:980px;
	margin:0px auto;
	background:#ffffff;
	border:0px solid #000;
	box-shadow:0 0px 0px #666;
}

.slider{
	position:relative;
	width:980px;
	/*	height:400px; when responsive, comment this out */
	margin:0 0;
	background:#ffffff;
	background-color: #FFFFFF;
}

@media only screen and (min-width: 1000px){
	.slider{
		width:1000px;
	}
}

@media only screen and (min-width: 1440px){
	.slider{
		width:1440px;
	}
}

/* ELEMENT STYLES */

p{
	position:absolute;
	top:-200px;
	
	z-index:8000;
	padding:1% 3%;
	
	font-size:24px;
	line-height:100%
	color:#fff;
	white-space: nowrap;
	text-transform:uppercase;
}

.claim{
	line-height:100%
}	

.teaser{
	padding:0% 0%;
	font-size:14px;
	line-height:100%
}

.small{
	width:250px;
   padding-left:0; padding-right:0px;
	text-align:center;
}

.light-green{background:#ffffff;
box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5);}
.green{
font-family: 'Lato', sans-serif;
font-size:14px;
color:#FFFFFF;
background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 5px -18px rgba(0, 0, 0, 0.5);
padding:20px;
}
.orange{
font-family: 'Lato', sans-serif;
font-size:14px;
color:#FFFFFF;
background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 5px -18px rgba(0, 0, 0, 0.5);
padding:20px;
}
.turky{
font-family: 'Lato', sans-serif;
font-size:14px;
color:#FFFFFF;
background-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 5px -18px rgba(0, 0, 0, 0.5);
padding:10px;
}
.white{color:#333}