/* BOOKSHELF START*/
.bookshelfModule {
	position:relative;
}

.bookshelf {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	width: 557px;
	height: 228px;
	z-index:2;
	overflow:hidden;
}
.bookshelf a {
	color: #000;
	text-decoration: none;
	border:0;
}
.bookshelf a:hover {
	text-decoration: underline;
}
.bookshelf li{
	position:absolute;
	top:0;
	display: block;
	overflow: hidden;
	padding: 0;
	margin:0;
	width:120px;
	background: transparent;
}
.bookshelf div.contentWrap{
	position:relative;
	height:100%;
	width:100%;
	overflow:hidden;
}
.bookshelf div.contentWrap div.handle{
	width: 28px;
	height: 228px;
	margin: 0;
	overflow: hidden;
	background-image: url(images/bookshelf-sprite.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.bookshelf li img{	
	position: absolute;
	top:0;
	left:28px;
}

li#shelf1 {
	left:0px;
}
li#shelf2 {
	left:193px;
}
li#shelf3 {
	left:386px;
}
li, li div.contentWrap{
	border: 1px solid #ffe800;
	border-top: 0;
	border-bottom: 0;
	background-color:#000;
	color:#896527;
}



/* SHELF CONTENT START */
li#shelf1 .handle{
	background-position: 0 0;	
}
li#shelf2 .handle{
	background-position: -28px 0;
}
li#shelf3 .handle{
	background-position: -56px 0;
}
li#shelf4 .handle{
	background-position: -84px 0;
}
.shelf-label{
	position: absolute;
	bottom: 0px;
	left: 193px;
	width: 288px;
	z-index: 9;
	padding-left: 20px;
	height: 228px;
	font-family: Verdana, sans-serif;
	font-size: 16px;
	line-height: 1.75em;
	color: #000;
	background: #ffe800;
}
.shelf-label-liner{
	width: 268px;
	position: absolute;
	bottom: 15px;
}
.bookshelf li .shelf-label-liner img {
	position: static;
	display: block;
	margin-bottom: 15px;
}
	
/* SHELF CONTENT END */



/* additional slideshows */

#get-involved .bookshelf div.contentWrap div.handle {
	background-image: url(images/get-involved-sprite.png);
	height: 284px;
}
#get-involved .bookshelf {
	height: 284px;
}
#get-involved .shelf-label {
	height: 284px;
	background: #00c641;
}
#get-involved li, #get-involved li div.contentWrap {
  border-color: #4bf553;
}

#businesses .bookshelf div.contentWrap div.handle {
	background-image: url(images/businesses-sprite.png);
	height: 235px;
}
#businesses .bookshelf {
	height: 235px;
}
#businesses .shelf-label {
	height: 235px;
	width: 316px;
	left: 140px;
	background: #0f9df6;
}
#businesses li, #businesses li div.contentWrap {
  border-color: #5cc0ff;
}


/* BOOKSHELF END*/