@charset "utf-8";
/* Little boxes on the hillside */

.bigbox { /* Scrolling area containing all little boxes */
	max-width:55em;
	height:440px;
	overflow:auto;
	}
.littlebox { /*The containing box for each sample and all its peripherals*/
	width:200px;
	height:120px;
	overflow:visible;
	border:2px solid #888;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	position:relative;
	font-size:80%;
	}
.littlebox .cover { /*White background for the description text*/
	display:none;
	position:absolute;
	top:0;
	left:0;
	background-color:#FFF;
	opacity:.9;
	width:200px;
	height:120px;
	}
.littlebox .desc { /*Description text for each sample*/
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:180px;
	height:100px;
	padding:10px;
	overflow:auto;
	}	
	
	
/*********** Medium boxes, with no popups! ****************/
.medbox {
	width:275px;
	height:275px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	border:2px solid #3d3dbd;
	}
/****************** Mouseover effects *********************/
.littlebox:hover .cover {display:block;}
.littlebox:hover .desc {display:block;}