html, #c-carousel {
				height: 100%;
				padding: 0;
				margin: 0;
			}
			#c-carousel {
				display: none;
				min-height: 400px;
				background-color: #fff;
			}
			#c-carousel * {
				font-family: Arial, Geneva, SunSans-Regular, sans-serif;
				font-size: 14px;
				color: #333;
				line-height: 22px;
			}
			
			#wrapper {
				width: 800px;
				height: 320px;
				margin: -160px 0 0 -400px;
				position: absolute;
				top: 50%;
				left: 50%;
				overflow: hidden;
			}
			
			#carousel-title {
				width: 350px;
				height: 100px;
				position: absolute;
				top: 0;
				left: 0;
			}
			#carousel-title p {
				font-family: arial, helvetica, sans-serif;
				font-size: 30px;
				font-weight: bold;
				color: #999;
				width: 325px;
				height: 75px;
				margin: 0;
				padding: 25px 0 0 25px;
				float: left;
			}
			#carousel-small,
			#carousel-large {
				position: absolute;
			}
			#carousel-small {
				width: 300px;
				height: 220px;
				bottom: 0;
				left: 0;
			}
			#carousel-large {
				width: 600px;
				height: 300px;
				top: 0;
				right: 0;
			}
			#carousel-large img {
				display: block;
				margin-left: 10px;
				float: left;
			}
			#carousel-small img {
				display: block;
				margin-right: 10px;
				float: right;
			}
			#navi {
				position: absolute;
				bottom: 0;
				right: 0;
			}
			#navi a {
				border: 1px solid #999;
				background-color: #fff;
				display: block;
				width: 8px;
				height: 8px;
				margin: 0 0 0 4px;
				float: left;
			}
			#navi a:hover {
				background-color: #ccc;
			}
			#navi a.selected {
				background-color: #999;
			}
			#navi a span {
				display: none;
			}
			.slicer {
				position: absolute;
				top: 0;
				left: 155px;
			}
			
			
			@media (min-width: 768px)
			{
				#c-carousel {
					display: block;
				}
			}
			
			
			/*@media (min-width: 980px)
			{
				#wrapper {
					width: 940px;
					margin-left: -470px;
				}
				#carousel-large {
					width: 740px;
				}
			}*/