#slider, #items > div, #items > div > div{
			height:361px;
			line-height:361px;
			text-align:center;
		}
		#slider{
			width: 100%;
			margin: 0 auto;
			overflow: hidden;
			position:relative;
			height:361px;
		}
		#items{
			width: 2000em;
			position: absolute;
		}
		#items > li, #items > div{
			float: left;
			overflow: visible;
		}
		#items > div > div{
			margin: 0 auto;
		}
		#slide-1{
			background-color:black;
		}
		#items > div > div{
			width: 1580px;
		}
		@media screen and (max-width: 1920px) {
		  #items > div > div, #navigation-wrapper {
		    width: 1180px;
		  }
		}
		@media screen and (max-width: 1440px) {
		  #items > div > div, #navigation-wrapper {
		    width: 980px;
		  }
		}
		@media screen and (max-width: 1280px) {
		  #items > div > div, #navigation-wrapper {
		    width:1181px;
		  }
		}
		@media screen and (max-width: 1024px) {
		  #items > div > div, #navigation-wrapper {
		    width: 768px;
		  }
		}
		@media screen and (max-width: 768px) {
		  #items > div > div, #navigation-wrapper {
		    width: 640px;
		  }
		}
		@media screen and (max-width: 768px) {
		  #items > div > div, #navigation-wrapper {
		    width: 640px;
		  }
		}
		@media screen and (max-width: 640px) {
		  #items > div > div, #navigation-wrapper {
		    width: 480px;
		  }
		}
		@media screen and (max-width: 480px) {
		  #items > div > div, #navigation-wrapper {
		    width: 460px;
		  }
		}
		@media screen and (max-width: 320px) {
		  #items > div > div, #navigation-wrapper {
		    width: 300px;
		  }
		}

		.left, .right{margin-top:-180px; position:relative;}
		.left, #navigation li{float:left;}
		.right{float:right;}
		#navigation-wrapper,#navigation{margin:0 auto;}
		#navigation{clear:both;width:81px;}
		#navigation li{width:15px;height:15px;list-style:none;border-radius:8px;border:1px solid #ccc;margin: 5px;}
		#navigation li:hover, .left:hover, .right:hover{cursor:pointer;}
		.active{background-color:#ccc;cursor:default;}
		.disabled{display:none;}