body#press .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 830px;
	height:177px;
	margin:0px;
	padding:0px;


	/* custom decorations */
	border:none;
}

body#featured .scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 950px;
	height:60px;
	margin:0px;
	padding:0px;
	height:55px;


	/* custom decorations */
	border:none;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/

.scrollable .items {
	/* this cannot be too large */
	width:30000em;
	position:absolute;
	clear:both;
}

body#press .items div {
	float:left;
}

body#featured .items div {
	float:left;
	width:950px;
}

/* single scrollable item */
body#featured .scrollable a {
	display:block;
	float:left;
	margin:0px 2px 0px 0px;
	background-color:#fff;
	padding:53px 0 0 0;
	border:1px solid #ccc;
	width:68px;
	height:0px;
	overflow:hidden;
	background-position: 0px 0px;
	background-repeat:no-repeat;
}

body#featured .scrollable a:hover {
background-position:-68px 0px ;
}

body#press .scrollable a {
	display:block;
	float:left;
	margin:0px 0px 0px 0px;
	background-color:#fff;
	padding:0px 22px 0 0;
	/*border:1px solid #ccc;*/
	width:146px;
	/*height:0px;*/
	overflow:hidden;
	background-position: 0px 0px;
	background-repeat:no-repeat;
}

.scrollable a#featured1 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb01.jpg');
}

.scrollable a#featured2 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb02.jpg');
}

.scrollable a#featured3 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb03.jpg');
}


.scrollable a#featured4 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb04.jpg');
}


.scrollable a#featured5 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb05.jpg');
}

.scrollable a#featured6 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb06.jpg');
}

.scrollable a#featured7 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb07.jpg');
}

.scrollable a#featured8 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb08.jpg');
}

.scrollable a#featured9 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb09.jpg');
}

.scrollable a#featured10 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb10.jpg');
}

.scrollable a#featured11 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb11.jpg');
}

.scrollable a#featured12 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb12.jpg');
}

.scrollable a#featured13 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb13.jpg');
}

.scrollable a#featured14 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb14.jpg');
}

.scrollable a#featured15 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb15.jpg');
}

.scrollable a#featured16 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb16.jpg');
}

.scrollable a#featured17 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb17.jpg');
}

.scrollable a#featured18 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb18.jpg');
}

.scrollable a#featured19 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb19.jpg');
}

.scrollable a#featured20 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb20.jpg');
}

.scrollable a#featured21 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb21.jpg');
}

.scrollable a#featured22 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb22.jpg');
}

.scrollable a#featured23 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb23.jpg');
}

.scrollable a#featured24 {
background-image: url('http://www.linhardtdesign.com/images/featuredthumb24.jpg');

}

body.bodyfeatured01 .scrollable a#featured1, body.bodyfeatured02 a#featured2, .bodyfeatured03 a#featured3, body.bodyfeatured04 a#featured4, body.bodyfeatured05 a#featured5, body.bodyfeatured06 a#featured6, body.bodyfeatured07 a#featured7, body.bodyfeatured08 a#featured8, body.bodyfeatured09 a#featured9, body.bodyfeatured10 a#featured10, body.bodyfeatured11 a#featured11, body.bodyfeatured12 a#featured12, body.bodyfeatured13 a#featured13, body.bodyfeatured14 a#featured14, body.bodyfeatured15 a#featured15, body.bodyfeatured16 a#featured16, body.bodyfeatured17 a#featured17, body.bodyfeatured18 a#featured18, body.bodyfeatured19 a#featured19, body.bodyfeatured20 a#featured20,  body.bodyfeatured21 a#featured21, body.bodyfeatured22 a#featured22, body.bodyfeatured23 a#featured23, body.bodyfeatured24 a#featured24 {

background-position:-68px 0px;

}


.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}