@charset "utf-8";

/* #flickscroll
--------------------------- */
#flickscroll {
	margin: 0 auto;
	width: 831px;
	height: 300px;
	text-align: left;
	position: relative;
}
#flickscroll ul {
	top: 0;
	left: 0;
	height: 300px;
	position: relative;
	overflow: hidden;
}
#flickscroll ul li {
	width: 831px;
	height: 300px;
	float: left;
	display: inline;
	overflow: hidden;
}

.slide1{
	background-image:url("../../images/1.gif");
}

.slide2{
	background-image:url("../../images/2.gif");
}

.slide3{
	background-image:url("../../images/3.gif");
}

.slide4{
	background-image:url("../../images/4.gif");
}

.slide1 img, .slide2 img, .slide3 img, .slide4 img{
	position:relative;
	top:260px;
	left:642px;
}

#flickscroll img {
	vertical-align: text-bottom;
	-ms-interpolation-mode: bicubic;
}
/* #flickthumb
--------------------------- */
#flickthumb {
	margin:0 auto;
	width: 831px;
	height: 30px;
	text-align: center;
	background-image:url("../../images/slidebar.png");
	background-repeat:no-repeat;
}
#flickthumb ul {
	width: 168px;
	height: 30px;
	margin:0 auto;
}
#flickthumb ul li {
	width: 20px;
	height: 20px;
	margin:5px 10px 0 10px;
	float: left;
	cursor: pointer;
	display: inline;
	background-image:url("../../images/thumbnailbtn-trans.png");
}
#flickthumb ul li.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


/* =======================================
	ClearFixElements
======================================= */
#flickscroll ul:after,
#flickthumb ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#flickscroll ul,
#flickthumb ul {
	display: inline-block;
	overflow: hidden;
}