@font-face {
font-family: 'Roboto-Regular-webfont';
  src: url(../fonts/Roboto-Regular-webfont.ttf);
}




/* SLIDER STYLES */



	
.slider-wrapper{
	
	font-family:'Roboto-Regular-webfont';
	font-weight: 200;
	-webkit-font-kerning: auto;
	-webkit-font-smoothing: antialiased;
	position:relative;
	overflow:hidden;
	width:1024px;
	height:325px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(file:///C|/Documents%20and%20Settings/Administrator/Desktop/GSIL/example/images/minimalistic-gray_003607063.jpg);
	background-repeat: no-repeat;
}

.slider{
	position:relative;
	width:100%;
	height:325px; /*	when responsive, comment this out */
	margin:0 auto;
}

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

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

/* ELEMENT STYLES */

.parap{
	position:absolute;
	top:-200px;
	z-index:8000;
	font-size:24px;


	line-height:100%
	color:#fff;
	white-space: nowrap;
	width: 385px;
	padding-top: 1%;
	padding-right: 3%;
	padding-bottom: 1%;
	padding-left: 3%;
	text-decoration: none;
}

.claim{
	line-height:100%
}	

.teaser{
	padding:0.5% 1.5%;
	font-size:14px;
	line-height:100%;
	color: #FFF;
}

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

.light-green{
	background:#95C542;
	color: #FFF;
}
.emty{}
.green{background:#7CB761}
.orange{background:#EF7D00}
.turky{background:#348E8A}
.white{background:#fff; color:#333}
.blue{background:#4a68c0}