

.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 606px;
	height:90px;
	top: -10px;
	left: 43px;
	background-color:#FFFFFF;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	top: 2px;
	left: -9px;
	height: 31px;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items div {
	float:left;
}
/* styling for the image wrapper  */
	#image_wrap {
		/* dimensions */
		width:609px;
		margin:15px 0 15px 40px;
		padding:15px 0;

		/* centered */
		text-align:center;

		/* some "skinning" */
		background-color:#efefef;
		border:2px solid #fff;
		outline:1px solid #ddd;
		-moz-ouline-radius:4px;
	}
	.album {
	padding: 20px;
	background-color: #0FF;
	height: auto;
	width: auto;
	float: left;
}
 .content #albums {
	overflow: auto;
	height: 400px;
	width: 100%;
}
