/* CSS Document */
.slider h2{
	font-size:24px;
	margin:9px 0px;
}

.slider{
	position:relative;
	width:100%;
	padding:0px;
	margin:0px;
	height:350px;
	overflow:hidden;
	max-height:350px;
}
.slider .slider-ul{
	padding:0px;
	margin:0px;
}

.slider .slider-li{
	list-style:none;
	padding:0px;
	margin:0px;
	background-repeat:no-repeat;
}
.slider .slider-ul .slider-li{
	float:left;
	padding:0px;
	margin:0px;
	min-height:350px;
	-webkit-background-size: 698px 350px;
	-moz-background-size:698px 350px;
	background-size: 698px 350px;
}

.text-div{
	position:relative;  
	height:auto; 
	padding:0px 10px;
}

.slider .slider-div{
	height:350px; 
	width:840px; 
	background-size:700px 350px; 
	background-repeat:no-repeat; 
	padding:0px; margin:0 !important; 
	vertical-align:0 !important;
}

.slider .btn, .slider .dot {
		-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
		filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	}
	
	.slider .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 10px;
		text-align:center;;
		font-size: 1px;
	}
		.slider .dots li {
			display: inline-block;
			width: 10px;
			height: 10px;
			margin: 0 4px;
			
			text-indent: -999em;
			
			border: 2px solid gray;
			border-radius: 6px;
			background:gray;
			
			cursor: pointer;
			opacity: .4;
			
			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.slider .dots li.active {
				border: 2px solid #333366;
				background: #333366;
				opacity: 1;
			}
			
			.slider *, .header *, body, .footer *{
		-webkit-font-smoothing: antialiased;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}