* {margin:0;padding:0}
h1{color:#0061CA;text-align:center;padding-bottom:10px;}
h2{color:#999;font-size:16px;font-weight:normal}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:14px Tahoma,Courier,sans-serif}
* html pre {width:100%}

.sample{padding:20px 30px; margin:4px 0 25px 0; border:1px solid #e1e1e1}
h4.stitle{color:#666;margin:0 0 5px 0}

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

.flashlayout {
	width:644px;
	height:334px;
	position:relative;
	top:0;
	left:0;
	background-color:#000000;
}
#box6{
	position:absolute;
	top:0;
	left:0;
	width:549px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left;
}
.mask6{
	position:absolute;
	left:95px;
	width:549px;
	height:334px;
	top:0;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* ********************************** */

.thumbs{
	width:77px;
}
.thumbs div{
	display:block;
	width:77px;
	height:49px;
	margin:2px 0;
	cursor:pointer;
	border:2px solid #ffffff;
	margin-bottom:16px;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none;
}

.info{
	width:549px;
	height:50px;
	background:#000;
	position:absolute;
	left:0px;
	bottom:0px;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
	text-align:right;
}

span img{
	display:block;
	border:none;
}