/* --------------- HOME --------------- */

.wrapper{
	height:200px;
	margin-bottom:40px;
}
#carousel-holder {
	position:absolute;
	left:0;
	width:100%;
}

#carousel-holder {
	display: block;
	width: 100%;
	height: 200px;
	margin: 0 auto;
}
#carousel {
	margin: 0 auto;
}
#carousel ul {
    list-style: none;
    width: 10000px;
    margin: 0;
    padding: 0;
}
#carousel li {
	display: inline;
	float: left;
	width: 290px;
	height: 200px;
}
.carousel-padding {
	padding: 0;
	overflow: hidden;
}
.carousel-padding img{
	max-width:288px;
	height:auto;
}
#carousel-prev, #carousel-next {
	width: 114px;
	height: 40px;
	position: absolute;
	top: 80px;
	overflow: hidden;
	z-index:1000;
}
#carousel-prev {
	left: -45px;
}

#carousel-next {
	right: -45px
}

#carousel-left-frame {
	position: absolute;
	top: 0px;
	left: -290px;
	height:200px;
	overflow:hidden;
}

#carousel-right-frame {
	position: absolute;
	top: 0px;
	right: -290px;
	height:200px;
	overflow:hidden;
}


@media (min-width:491px){

	.wrapper{
		height:300px;
	}
	#carousel-holder {
		height: 300px;
	}
	#carousel li {
		width: 435px;
		height: 300px;
	}
	.carousel-padding img{
		max-width:433px;
	}
	#carousel-prev, #carousel-next {
		width: 114px;
		height: 40px;
		top: 130px;
	}
	#carousel-prev {
		left: -50px;
	}
	#carousel-next {
		right: -50px
	}
	#carousel-left-frame {
		left: -435px;
		height:300px;
	}
	#carousel-right-frame {
		right: -435px;
		height:300px;
	}


}
@media (min-width:670px){

	.wrapper{
		height:400px;
		margin-bottom:40px;
	}
	#carousel-holder {
		display: block;
		width: 100%px;
		height: 400px;
		margin: 0 auto;
		overflow: hidden;
		
	}
	#carousel {
		margin: 0 auto;
	}
	#carousel ul {
	    list-style: none;
	    width: 20000px;
	    margin: 0;
	    padding: 0;
	}
	#carousel li {
		display: inline;
		float: left;
		width: 580px;
		height: 400px;
	}
	.carousel-padding {
		padding: 0;
		overflow: hidden;
	}
	.carousel-padding img{
		max-width:578px;
	}
	#carousel-prev, #carousel-next {
		width: 114px;
		height: 40px;
		position: absolute;
		top: 180px;
		overflow: hidden;
		z-index:1000;
	}
	#carousel-prev {
		left: -50px;
	}

	#carousel-next {
		right: -50px
	}

	#carousel-left-frame {
		position: absolute;
		top: 0px;
		left: -580px;
		height:400px;
	}

	#carousel-right-frame {
		position: absolute;
		top: 0px;
		right: -580px;
		height:400px;
	}


}

@media(max-width:669px){
	#carousel{
		width:435px !important;
		height:300px !important;
	}
	#carousel ul{
		left:-435px !important;
	}
}
@media(max-width:490px){
	#carousel{
		width:290px !important;
		height:200px !important;
	}
	#carousel ul{
		left:-290px !important;
	}
}