#cont { width:550px; margin:0 auto; background:#fff; text-align:left; padding:20px }

.buttons span { color:#666; padding:0 5px; cursor:pointer; font:11px Verdana; font-weight:bold }
.buttons span.active, .buttons span:hover { background:#4670a7; color:#fff }
/* Sample 6*/

#box6 { float:left; position:absolute; width:300px; height:250px; }
#box6 span { display:block; }
#handles6_1 { float:left }
#handles6_2 { float:right }
.mask6 { position:absolute; left:288px; top:352px; margin-left:150px; width:300px; height:250px; overflow:hidden; }

.sample6 .buttons { clear:both; text-align:center; }
/* ********************************** */

.thumbs { width:54px; height:274px; }
.thumbs div { display:block; margin:3px 0; cursor:pointer; width:60px; height:47px; background: url(../images/site/thumbsDiv.png); padding:4px 0 0 4px }
.thumbs div img { display:block; width:55px; height:42px; border:none; }
.info { width:300px; height:50px; background:#000; position:absolute; }
.info p, .info h4 { color:#fff; padding:3px 8px; font-family:Arial; }
.info h4 { font-size:14px; }
.info h4 a { float:right; background:#fff; color:#000; font-size:10px; padding:0 3px; text-decoration:none }
.mask1 { position:relative; width:480px; height:180px; overflow:hidden; }
.mask2 { position:relative; width:240px; height:180px; overflow:hidden; }
.mask3 { position:relative; width:480px; height:240px; overflow:hidden; }
span img { display:block; border:none; }
.thumbsDiv { background:thumbsDiv.png
}