@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	background-color: #13100e;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
}
#header {
	background-image: url(../images/header.png);
	width: 1000px;
	height: 500px;
	background-repeat: no-repeat;
	margin: 100px auto 0 auto;
}
#slide {
	width: 824px;
	height: 285px;
	position: relative;
	float: left;
	margin: 80px 50px 0 85px;
}
#slide_inside {
	margin: 0 auto;
	width: 824px;
	position: relative;
}
/* Sample*/
#box {
	position:absolute;
}
#box span {
	display:block;
	float:left;
}
.mask {
	position:absolute;
	left:50%;
	margin-left:-410px;
	width:824px;
	height:200px;
	overflow:hidden;
}
.gallery {
	margin: 4px 0 25px 0;
	padding: 20px 30px;
}
.sample .buttons {
	clear:both;
	text-align:center;
}
#thumbs {
	position:relative;
	width:480px;
	clear:both;
	height:25px;
	overflow:hidden;
	margin: 210px auto 0 auto;
}
#thumbs .thumbs, #thumbs_handles, #thumbs_mask {
	position:absolute;
	top:0;
	width:100%;
	height:25px;
}
#thumbs .thumbs div, #thumbs_handles span {
	display:block;
	width:80px;
	height:20px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs .thumbs div img {
	width:80px;
	float:right;
}
#thumbs_handles span {
	background: url(../images/thumb_invisible.gif) no-repeat;
}
#thumbs_mask {
	width:1200px;
	background: url(../images/thumbs_mask.gif) no-repeat center top;
}