.sample{padding:30px 0 10px 0; margin:0; border:0;}

.buttons {padding:5px 10px 4px 10px;margin:0;color:#fff;border-bottom:0px dashed #ffcc00;}/*background-color:#1f1f1f;*/
.buttons span {padding:0 2px;cursor:pointer;font-family:Verdana, Arial, "Sans Serif";font-size:11px;color:#ff6600;}
.buttons span.active, .buttons span:hover {color:#ffcc00;}

/* Sample 6*/
#box6{
	position:absolute;
	width:325px;	
}
#box6 span{
	display:block;
}
#handles61{
	float:left;margin-left:30px;
}
#handles62{
	float:right;margin-right:30px;
}
.mask6{
	position:absolute;
	left:50%;
	margin-left:-162px;
	width:325px;
	height:450px;
	overflow:hidden;
	border:1px solid white;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
	margin:0;padding:0;
	color:#fff;
}

.sample6 .buttons span {color:#ff6600;}
.sample6 .buttons span.active, .sample6 .buttons span:hover {color:#ffcc00;}

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

.thumbs{
	width:80px;
}
.thumbs div{
	display:block;
	width:77px;
	height:106px;
	margin:0 0 9px 0;
	cursor:pointer;
	background-color:black;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:1px solid white;
}

.info{
	width:325px;
	height:25px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
	margin:2px 0;	
}
.info h4{
	font-size:12px;
}
.info p{
	font-size:12px;
}
.info h4 a{
	float:right;
	background:#000;
	color:#ffcc00;
	font-size:12px;
	padding:0 3px;
	text-decoration:none
}

.info h4 a:hover{
	float:right;
	background:#000;
	color:#fff;
	font-size:12px;
	padding:0 3px;
	text-decoration:none
}

/* Sample 5*/
#box5 div{
	position:absolute;
    padding:20px;
	margin:0;
}
#box5 h3{
	padding:0 0 10px 0;margin:0;color:#fff;
	font-family:"Times New Roman", Times, serif;font-size:21px;font-style:italic;font-weight:normal;
}
#box5 h4{
	padding:0 0 10px 0;margin:0;
	font-family:Verdana, Arial, "Sans Serif";font-size:14px;
}

#box5  p{line-height:1.5;margin:5px 0 0 0;padding:0;font-size:12px;}
#box5  li {line-height:1.5;margin:0;padding:0;font-size:12px;}
#box5  ul {margin:10px 30px;padding:0;}

.mask{
	position:relative;
	background-color:black;
	border-top:0px solid #ffcc00;/*border-top:1px solid #d54400;border-bottom:1px solid #9c0200;*/
	width:645px;
	height:425px;
	overflow:hidden;	
}

.maskint{
	position:relative;
	background-color:black;
	border-top:0px solid #d54400;
	width:605px;
	height:350px;
    padding:0;
	margin:0;	
	overflow:hidden;
scrollbar-arrow-color: #e55600;
scrollbar-3dlight-color: #e55600;
scrollbar-highlight-color: #000;
scrollbar-face-color: #000;
scrollbar-shadow-color: #e55600;
scrollbar-darkshadow-color: #9a0100;
scrollbar-track-color: #9a0100;		
}

.left {
	float: left;
}
.right {
	float: right;
}

/* Sample 1*/
#box1{
	position:relative;
	border:1px solid red;
}
#box1 span{
	display:block;
	float:left;
	border:1px solid #ccc;
	margin:5px;
}