body{
	margin:0;
	padding:0;
}

/*  #Tablet (Portrait)
	Note: Design for a width of 768px
*/
 @media only screen and (min-width: 768px) and (max-width: 959px) {
	body{

	}
 }

/*	#Mobile (Landscape)
	Note: Design for a width of 480px
*/
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

.bookshelf-row{
	display:none;
}

.bookshelf{
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-ms-transition:all 1s;
	transition:all 1s;
}

.bookshelf{
	
}

.bookshelf .search{
	width:100%;
	height:auto;
	text-align:right;
	float:left;
	margin-top:10px;
}

.bookshelf .shelf{
	width:100%;
	margin:0 auto;
	float:left;
}

.bookshelf .shelf .row{
	position:relative;
	width:360px;
	height:158px;
	/*margin-left:33px;*/
	margin: 0px auto 0px auto ;
}
/*
.bookshelf .shelf .row:after{
	background:url(images/bg.png);
	background-size:100%;
	background-repeat: no-repeat;
	background-position:bottom left;
	height:210px;
	display:block;
	content:"";
	margin-left:-38px;
}
*/
.bookshelf .shelf .row{
	position:relative;
	height:164px;
	width:360px;
}

.bookshelf .shelf .row:after{
	height:216px;
}

.bookshelf .shelf .loc{
	position:absolute;
	bottom:10px;
	width:100%;
	left:-5px;
}

.bookshelf .shelf .loc > div{
	width:33%;
	height:100%;
	float:left;
	text-align:center;
	position:relative;
}

.bookshelf .shelf .hover,
.bookshelf-row .hover,
.bookshelf .shelf .loading{
	z-index:2;
	cursor:none;
	background-color:white;
	-webkit-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
	-moz-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
	-ms-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
	-o-transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
	transform: scale3d(1.1, 1.1, 1) translate3d(0, -5px, 0);
}

.bookshelf .shelf_row{
	width:120px;
	height:115px;
}

.browser-support{
	line-height:50px;
}

.browser-support:after{
	content:".";
	clear:both;
	visibility: hidden;
}

.browser-support span{
	float:left;
	margin-right: 20px;
}

.support{
	width:50px;
	height:44px;
	display:block;
	float:left;
	background:url(images/browser-support.gif);
}

.safari{
	background-position: 0 0;
}

.chrome{
	background-position: -50px 0;
}
 .firefox{
	background-position: -100px 0;
}
.ie{
	background-position: -150px 0;
}

.shelf_row img.showshadow{
-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 5px 0px rgba(50, 50, 50, 0.75);
}

.row-shelf{
width:852px;
height:90px;
top:120px;
position: absolute;
}

.bookshelf .shelf_options{
	width:100%;
	margin:0 auto;
	float:left;
	margin-top: 50px;
}

.navDiv {
clear: both;
text-align: center;
font-family: "Courier New", Courier, monospace;
font-size: 9pt;
padding: 5px;
}

#boxSearch{
position: relative;
background-image: url(images/search.png);
padding: 0px;
margin: 0px;
background-repeat: no-repeat;
width: 160px;
height: 30px;
margin:0 auto;
}
#boxSearch input {
font-size: 13px;
width: 120px;
padding: 3px 22px 3px 3px;
margin-top: 8px;
background-color: transparent;
border: 0px;
position: absolute;
left: 8px;
top: -3px;
color: #3F3F3F;
}
#boxSearchField{
text-align: center;
font-size: 14px;
padding: 10px;
}
.work_title{
font-size:13px;
background-color: #000;
color: #fff;
position: absolute;
left: 5px;
bottom: 0px;
width: 110px;
white-space: nowrap;
text-overflow:ellipsis;
overflow: hidden;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity: 0.8;
}