#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:8px}
.sample{
	padding:0; 
	margin:0;
	/*border:1px solid #e1e1e1;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
}


/* Sample 7
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}
#box7 span img{
	border:#CCCCCC 3px solid;
}

#thumbs7{
	position:relative;
	width:390px;
	clear:both;
	height:20px;
	overflow:hidden;
	margin-top:300px;
	float:right;
	
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:20px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	text-align:center;
	border:#FF0000 1px solid;
	
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:26px;
	height:20px;
	margin:0;
	float:left;
	cursor:pointer;
	border:#FF0000 1px solid;
}

#thumbs7 .thumbs div img{
	width:20px;
	float:right;
}

#thumbs_handles7 span{
	background:url(../images/thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background:url(../images/thumbs_mask.gif) no-repeat center top;
}
.mask6{
	position:absolute;
	left:50%;
	margin-left:-120px;
	width:419px;
	height:323px;
	overflow:hidden;
}
*/

/* Sample 8*/

#box8{
	position:absolute;
}
#box8 div{
	width:667px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
}
#box8 .buttons{
	text-align:left;
	cursor:pointer;
}
.next{

	float:right;
	cursor:pointer;
}
.prev{

	float:left;
	cursor:pointer;
}
.sample8 .buttons{
	text-align:center;
	clear:both;
	cursor:pointer;
}

.sample8 .mask1{
	/*border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border:1px solid #ccc;*/
	background:#3d4144 url(../images/bgPortfolio.gif) repeat-x;
}

.mask1{
	position:relative;
	width:667px;
	height:540px;
	overflow:hidden;
}

/* Sample 9*/

#box8 #box9{
	position:absolute;
}
#box8 #box9 span{
	display:block;
	float:left;
}
#box8 #box9 span img{
	border:#CCCCCC 6px solid;
}

#box8 #thumbs9{
	position:relative;
	width:662px;
	clear:both;
	height:20px;
	overflow:hidden;
	margin-top:348px;
	float:left;
}
#box8 #thumbs9 .thumbs div strong{
/*
padding:1px 0 0 0;
margin:0 4px 0 0;
*/
border:#c8c8c8 solid 1px;
background:#ededed;
display:block;
height:13px;
width:15px;
float:right;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
#box8 #thumbs9 .thumbs, #thumbs_handles9, #thumbs_mask9{
	position:absolute;
	top:0;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	text-align:center;
	border:#FF0000 0px solid;
}
#box8 #thumbs9 .thumbs div, #thumbs_handles9 span{
	display:block;
	width:26px;
	height:20px;
	margin:0;
	float:left;
	cursor:pointer;
	border:#FF0000 0px solid;
}

#box8 #thumbs9 .thumbs div img{
	width:20px;
	float:right;
}

#box8 #thumbs9 #thumbs_handles9 span{
	background:url(../images/thumb_invisible.gif) no-repeat;
}
#box8 #thumbs9 #thumbs_mask9{
	width:1200px;
	background:url(../images/thumbs_mask.gif) no-repeat center top;
}
#box8 .mask9{
	position:absolute;
	width:667px;
	height:340px;
	overflow:hidden;
	left:0;
}

/* Sample 10*/
#box8 #box10{
	position:absolute;
}
#box8 #box10 span{
	display:block;
	float:left;
}
#box8 #box10 span img{
	border:#CCCCCC 6px solid;
}

#box8 #thumbs10{
	position:relative;
	width:662px;
	clear:both;
	height:20px;
	overflow:hidden;
	margin-top:348px;
	float:left;
}
#box8 #thumbs10 .thumbs div strong{
border:#c8c8c8 solid 1px;
background:#ededed;
display:block;
height:13px;
width:15px;
float:right;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
#box8 #thumbs10 .thumbs, #thumbs_handles10, #thumbs_mask10{
	position:absolute;
	top:0;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	text-align:center;
	border:#FF0000 0px solid;
}
#box8 #thumbs10 .thumbs div, #thumbs_handles10 span{
	display:block;
	width:26px;
	height:20px;
	margin:0;
	float:left;
	cursor:pointer;
	border:#FF0000 0px solid;
}

#box8 #thumbs10 .thumbs div img{
	width:20px;
	float:right;
}

#box8 #thumbs10 #thumbs_handles10 span{
	background:url(../images/thumb_invisible.gif) no-repeat;
}
#box8 #thumbs10 #thumbs_mask10{
	width:1200px;
	background:url(../images/thumbs_mask.gif) no-repeat center top;
}
#box8 .mask10{
	position:absolute;
	width:667px;
	height:340px;
	overflow:hidden;
	left:667px;
}


/* Sample 11*/
#box8 #box11{
	position:absolute;
}
#box8 #box11 span{
	display:block;
	float:left;
}
#box8 #box11 span img{
	border:#CCCCCC 6px solid;
}

#box8 #thumbs11{
	position:relative;
	width:662px;
	clear:both;
	height:20px;
	overflow:hidden;
	margin-top:348px;
	float:left;
}
#box8 #thumbs11 .thumbs div strong{
border:#c8c8c8 solid 1px;
background:#ededed;
display:block;
height:13px;
width:15px;
float:right;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
#box8 #thumbs11 .thumbs, #thumbs_handles11, #thumbs_mask11{
	position:absolute;
	top:0;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	text-align:center;
	border:#FF0000 0px solid;
}
#box8 #thumbs11 .thumbs div, #thumbs_handles11 span{
	display:block;
	width:26px;
	height:20px;
	margin:0;
	float:left;
	cursor:pointer;
	border:#FF0000 0px solid;
}

#box8 #thumbs11 .thumbs div img{
	width:20px;
	float:right;
}

#box8 #thumbs11 #thumbs_handles11 span{
	background:url(../images/thumb_invisible.gif) no-repeat;
}
#box8 #thumbs11 #thumbs_mask11{
	width:1200px;
	background:url(../images/thumbs_mask.gif) no-repeat center top;
}
#box8 .mask11{
	position:absolute;
	width:667px;
	height:340px;
	overflow:hidden;
	left:1334px;
}

/* Sample 12*/
#box8 #box12{
	position:absolute;
}
#box8 #box12 span{
	display:block;
	float:left;
}
#box8 #box12 span img{
	border:#CCCCCC 6px solid;
}

#box8 #thumbs12{
	position:relative;
	width:662px;
	clear:both;
	height:20px;
	overflow:hidden;
	margin-top:348px;
	float:left;
}
#box8 #thumbs12 .thumbs div strong{
border:#c8c8c8 solid 1px;
background:#ededed;
display:block;
height:13px;
width:15px;
float:right;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
#box8 #thumbs12 .thumbs, #thumbs_handles12, #thumbs_mask12{
	position:absolute;
	top:0;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	text-align:center;
	border:#FF0000 0px solid;
}
#box8 #thumbs12 .thumbs div, #thumbs_handles12 span{
	display:block;
	width:26px;
	height:20px;
	margin:0;
	float:left;
	cursor:pointer;
	border:#FF0000 0px solid;
}

#box8 #thumbs12 .thumbs div img{
	width:20px;
	float:right;
}

#box8 #thumbs12 #thumbs_handles12 span{
	background:url(../images/thumb_invisible.gif) no-repeat;
}
#box8 #thumbs12 #thumbs_mask12{
	width:1200px;
	background:url(../images/thumbs_mask.gif) no-repeat center top;
}
#box8 .mask12{
	position:absolute;
	width:667px;
	height:340px;
	overflow:hidden;
	left:2001px;
}

/* Sample 13*/
#box8 #box13{
	position:absolute;
}
#box8 #box13 span{
	display:block;
	float:left;
}
#box8 #box13 span img{
	border:#CCCCCC 6px solid;
}

#box8 #thumbs13{
	position:relative;
	width:662px;
	clear:both;
	height:20px;
	overflow:hidden;
	margin-top:348px;
	float:left;
}
#box8 #thumbs13 .thumbs div strong{
border:#c8c8c8 solid 1px;
background:#ededed;
display:block;
height:13px;
width:15px;
float:right;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
#box8 #thumbs13 .thumbs, #thumbs_handles13, #thumbs_mask13{
	position:absolute;
	top:0;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	text-align:center;
	border:#FF0000 0px solid;
}
#box8 #thumbs13 .thumbs div, #thumbs_handles13 span{
	display:block;
	width:26px;
	height:20px;
	margin:0;
	float:left;
	cursor:pointer;
	border:#FF0000 0px solid;
}

#box8 #thumbs13 .thumbs div img{
	width:20px;
	float:right;
}

#box8 #thumbs13 #thumbs_handles13 span{
	background:url(../images/thumb_invisible.gif) no-repeat;
}
#box8 #thumbs13 #thumbs_mask13{
	width:1200px;
	background:url(../images/thumbs_mask.gif) no-repeat center top;
}
#box8 .mask13{
	position:absolute;
	width:667px;
	height:340px;
	overflow:hidden;
	left:2668px;
}

/* Sample 14*/
#box8 #box14{
	position:absolute;
}
#box8 #box14 span{
	display:block;
	float:left;
}
#box8 #box14 span img{
	border:#CCCCCC 6px solid;
}

#box8 #thumbs14{
	position:relative;
	width:662px;
	clear:both;
	height:20px;
	overflow:hidden;
	margin-top:348px;
	float:left;
}
#box8 #thumbs14 .thumbs div strong{
border:#c8c8c8 solid 1px;
background:#ededed;
display:block;
height:13px;
width:15px;
float:right;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
#box8 #thumbs14 .thumbs, #thumbs_handles14, #thumbs_mask14{
	position:absolute;
	top:0;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	text-align:center;
	border:#FF0000 0px solid;
}
#box8 #thumbs14 .thumbs div, #thumbs_handles14 span{
	display:block;
	width:26px;
	height:20px;
	margin:0;
	float:left;
	cursor:pointer;
	border:#FF0000 0px solid;
}

#box8 #thumbs14 .thumbs div img{
	width:20px;
	float:right;
}

#box8 #thumbs14 #thumbs_handles14 span{
	background:url(../images/thumb_invisible.gif) no-repeat;
}
#box8 #thumbs14 #thumbs_mask14{
	width:1200px;
	background:url(../images/thumbs_mask.gif) no-repeat center top;
}
#box8 .mask14{
	position:absolute;
	width:667px;
	height:340px;
	overflow:hidden;
	left:3335px;
}


/* Sample 15*/
#box8 #box15{
	position:absolute;
}
#box8 #box15 span{
	display:block;
	float:left;
}
#box8 #box15 span img{
	border:#CCCCCC 6px solid;
}

#box8 #thumbs15{
	position:relative;
	width:662px;
	clear:both;
	height:20px;
	overflow:hidden;
	margin-top:348px;
	float:left;
}
#box8 #thumbs15 .thumbs div strong{
border:#c8c8c8 solid 1px;
background:#ededed;
display:block;
height:13px;
width:15px;
float:right;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
#box8 #thumbs15 .thumbs, #thumbs_handles15, #thumbs_mask15{
	position:absolute;
	top:0;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	text-align:center;
	border:#FF0000 0px solid;
}
#box8 #thumbs15 .thumbs div, #thumbs_handles15 span{
	display:block;
	width:26px;
	height:20px;
	margin:0;
	float:left;
	cursor:pointer;
	border:#FF0000 0px solid;
}

#box8 #thumbs15 .thumbs div img{
	width:20px;
	float:right;
}

#box8 #thumbs15 #thumbs_handles15span{
	background:url(../images/thumb_invisible.gif) no-repeat;
}
#box8 #thumbs15 #thumbs_mask15{
	width:1200px;
	background:url(../images/thumbs_mask.gif) no-repeat center top;
}
#box8 .mask15{
	position:absolute;
	width:667px;
	height:340px;
	overflow:hidden;
	left:4002px;
}

/* Sample 16*/
#box8 #box16{
	position:absolute;
}
#box8 #box16 span{
	display:block;
	float:left;
}
#box8 #box16 span img{
	border:#CCCCCC 6px solid;
}

#box8 #thumbs16{
	position:relative;
	width:662px;
	clear:both;
	height:20px;
	overflow:hidden;
	margin-top:348px;
	float:left;
}
#box8 #thumbs16 .thumbs div strong{
border:#c8c8c8 solid 1px;
background:#ededed;
display:block;
height:13px;
width:15px;
float:right;
text-align:center;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}
#box8 #thumbs16 .thumbs, #thumbs_handles16, #thumbs_mask16{
	position:absolute;
	top:0;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:11px;
	text-align:center;
	border:#FF0000 0px solid;
}
#box8 #thumbs16 .thumbs div, #thumbs_handles16 span{
	display:block;
	width:26px;
	height:20px;
	margin:0;
	float:left;
	cursor:pointer;
	border:#FF0000 0px solid;
}

#box8 #thumbs16 .thumbs div img{
	width:20px;
	float:right;
}

#box8 #thumbs16 #thumbs_handles16span{
	background:url(../images/thumb_invisible.gif) no-repeat;
}
#box8 #thumbs16 #thumbs_mask16{
	width:1200px;
	background:url(../images/thumbs_mask.gif) no-repeat center top;
}
#box8 .mask16{
	position:absolute;
	width:667px;
	height:340px;
	overflow:hidden;
	left:4669px;
}





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

.thumbs{
	width:20px;
}

.thumbs div{
	display:block;
	width:20px;
	height:20px;
	margin:3px 0;
	cursor:pointer;
}

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


.buttons{padding:5px; cursor:pointer;}
/*
.buttons span{color:#000000;padding:0 5px;cursor:pointer;font:10px Verdana}
*/
.buttons span.active, .buttons span:hover{background:#CC0000;color:#fff}