/* sidebox Myportfolio*/
#box5{
	position:absolute;
	width:166px;
	z-index: 0;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
	display: none;
}
#box6{
	position:absolute;
	width:166px;
	z-index: 0;
}
#box6 span{
	display:block;
}
#info6{
	bottom:0;
	display: none;
}
/* Sample 12*/
#box12{
	position:absolute;
	width:780px;
	
}
#box12 span{
	display:block;
	float:left;
}
#handles12_1{
	position:relative;
	float:right;
	z-index: 4;
	margin-top: 5px;
	margin-right: 5px;
}
#handles12_2{
	float:left;
		z-index: 4;
}
.mask12{
	position:absolute;
	left:0%;
	margin-left:0px;
	width:780px;
	height:460px;
	overflow:hidden;
}
.mask12 img{
	display:block;
	width:780px;
	height:460px;
	border:none
}
.sample12 .buttons{
	clear:both;
	text-align:center;
}
.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:40px;
	margin:5px 0;
	cursor:pointer;
}

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

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

.mask2{
	position:relative;
	width:166px;
	height:180px;
	overflow:hidden;
	z-index: 0;
}
.info{
	width:560px;
	height:75px;
	position:absolute;
	top: 385px;
	padding-top: 10px;
	padding-left: 30px;
	background-image: url(../images/maskhome.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.info p {
	color:#fff;
	padding:0px;
	font-family:Tahoma, Arial, Helvetica, Arial, Utopia;
	font-size:14px;
	margin: 0px ;
}

#prev5 {
	position: relative;
	float: left;
	padding-left: 25px;
}
#play5 {
	position: relative;
	float: left;
	padding-left: 10px;
}
#stop5 {
	position: relative;
	float: left;
	padding-left: 10px;
}
#next5 {
	position: relative;
	float: left;
	padding-left: 10px;
}
#prev6 {
	position: relative;
	float: left;
	padding-left: 25px;
}
#play6 {
	position: relative;
	float: left;
	padding-left: 10px;
}
#stop6 {
	position: relative;
	float: left;
	padding-left: 10px;
}
#next6 {
	position: relative;
	float: left;
	padding-left: 10px;
}
/* Sample 7*/
.mask7{
	position:absolute;
	left:0%;
	margin-left:0px;
	width:435px;
	height:257px;
	overflow:hidden;
}
#box7{
	position:relative;
	
}
#box7 img{
	width:435px;
	height:257px;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:440px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:0px;
	margin-left:-5px;
}
#thumbs7 .thumbsC7, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbsC7 div, #thumbs_handles7 span{
	display:block;
	width:55px;
	height:41px;
	margin:0px;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbsC7 div img{
	width:50px;
	float:right;
}
#thumbs_handles7 span{
	background:url(../images/thumb_invisible50.gif) no-repeat;
	
}
#thumbs_mask7{
	width:1200px;
	background:url(../images/thumbs_mask50.gif) no-repeat center top;

}
.thumbsC7{
	width:50px;
}
.thumbsC7 div{
	display:block;
	width:50px;
	height:50px;
	margin:0px 0;
	cursor:pointer;
}

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