* {
	margin: 0px;
	padding: 0px;
	border: none;
}

a {
	color: #de731d;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
	

.btn {
	border: 1px solid #92afc0;
	background: #f3f3f3;
	padding: 5px 10px 5px 10px;
	border-radius: 3px;
	font-family: Arial;
	color: #297cad;
}
	.btn:hover {
		border: 1px solid #226e99;
		background: #ebebeb;
		cursor: pointer;
		text-decoration: none;
		color: #0c6395;
	}
body {
	background: #F4F1ED;
	font-size: 16px;
	text-align: center;
}
	#container {
		width: 980px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
		#cart {
			width: 120px; height: 104px;
			background: url('/images/cart.png') no-repeat;
			float: right;
			margin: 10px 80px 0px 0px;
		}
			#cart form {
				padding: 70px 5px 0px 5px;
			}
	#nav {
		position: relative;
		left: 20px;
		width: 720px; height: 40px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		font-family: "Gloria Hallelujah", cursive;
		font-size: 1.2em;
		list-style: none;
		text-align: center;
	}
		#nav li {
			float: left;
			display: block;
			color: #4b493d;
			margin: 5px 10px 0px 10px;
		}
			#nav li a {
				color: #4b493d;
				text-decoration: none;
			}
				#nav li a:hover {
					color: #de731d;
				}
				#nav li img {
					display: block;
					float: left;
					margin-right: 5px;
				}
	.shadow {
		display: block;
		width: 640px;
		margin-left: auto;
		margin-right: auto;
	}
	#pageTop {
		width: 806px; height: 5px;
		background: url('/images/page-top.png');
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		font-size: 0px;
	}
	#pageMiddle {
		width: 806px;
		background: url('/images/page-middle.png');
		margin-left: auto;
		margin-right: auto;
		padding-top: 10px;
	}
		#share {
			text-align: right;
		}
			.twitter-share-button, .fb-like {
				padding-left: 10px;
				float: right;
			}
	#pageBottom {
		width: 806px; height: 5px;
		background: url('/images/page-bottom.png');
		margin-left: auto;
		margin-right: auto;
		font-size: 0px;
	}
	#footer {
		clear: both;
		width: 640px; height: 100px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
		#footer p {
			font-family: "Verdana", sans-serif;
			color: #4b493d;
		}
		#copy {
			float: left;
			width: 280px;
			text-align: left;
		}
		#by {
			float: right;
			width: 340px;
			text-align: right;
		}
	#sublinks {
	}
		#sublinks a {
			margin: 0px 20px 0px 20px;
		}
h1 {
	font-family: "Gochi Hand", cursive;
	font-size: 4em;
	text-align: center;
	text-shadow: #ffffff 1px 1px;
	margin: 10px 0px 0px 280px;
}
	h1 a {
		color: #4b493d;
	}
		h1 a:hover {
			color: #de731d;
			text-decoration: none;
		}
	h1 span {
		font-size: 0.4em;
	}
	#direct {
		margin: 0px 0px 20px 280px;
		padding: 0px;
		font-family: "Gloria Hallelujah", cursive;
		font-size: 1.0em;
		font-weight: bold;
	}
h2 {
	margin-left: auto;
	margin-right: auto;
	font-family: "Arial", cursive;
	font-size: 2em;
	color: #4b493d;
	text-align: center;
	text-shadow: #ffffff 1px 1px;
	padding: 0px 0px 10px 0px;
}
p {
	font-family: "Verdana", cursive;
	font-size: 0.8em;
	color: #4b493d;
	padding: 10px 5px 15px 5px;
}
.clear {
	clear: both;
	height: 20px;
}
#page {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.books {
	display: inline-block;
	width: 245px;
	margin: 5px;
	text-align: left;
	vertical-align: top;
}
	.buttons {
		padding: 10px 0px 0px 0px;
	}
		.buttons form {
			float: left;
			position: relative;
			top: 4px;
		}
	.books p {
		font-family: Arial;
	}
.book {
	width: 500px;
	padding: 5px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
	.book img {
		float: left;
		margin-right: 10px;
		bottom: 20px;
	}
	.book p {
		clear: right;
		float: right;
		width: 220px;
		font-family: Arial;
	}
	.book form {
		position: relative;
		left: -16px;
		clear: right;
		float: right;
		width: 220px;
	}

#keith {
	float: left;
	margin: 14px 15px 140px 0px;
}




/* Home Scroller */
.scrollable {
 /* required settings */
  display: inline-block;
  float: left;
  position:relative;
  overflow:hidden;
  width: 620px;
  height: 350px;
  margin-left: 3px;
  margin-bottom: 30px;
}
 
/*
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: 4800px;
  position: absolute;
}
 
/*
a single item. must be floated in horizontal scrolling.  typically,
this element is the one that *you* will style the most.
*/
.items div {
	width: 480px;
	float:left;
	margin: 0px 20px 0px 120px;
}

.items div a {
	float: left;
}

.items div .btn {
	margin: 160px 0px 0px 20px;
}

.browse {
	float: left;
	width: 50px; height: 50px;
	display: inline-block;
	cursor: pointer;
	margin: 100px 20px 0px 20px;
}

.left {
	background: url('/images/scroll-left.png');
}
	.left:hover {
		background-position-x: 50px;
	}
.right {
	background: url('/images/scroll-right.png');
}
	.right:hover {
		background-position-x: 50px;
	}

.disabled {
	background: #ffffff;
	cursor: auto;
}