/**
 * Body
 */
body
{
	background: rgb( 227, 226, 222 ) url( '../img/body-bg.gif' ) repeat-y fixed top center;
	text-align: center;
	padding: 0;
	margin: 0;
}

a
{
	color: #B00;
}

a:hover
{
	color: #F00;
}

a#art2booksPlug
{
	position: absolute;
	top: 43px;
	left: 0px;
	font: 11px/32px Tahoma, Verdana, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
	color: #333;
	padding: 0px 15px;
}
a#art2booksPlug:hover
{
	color: #888;
}

	a#art2booksPlug span
	{
		font-weight: bold;
		color: #B00;
		text-decoration: underline;
	}
	a#art2booksPlug:hover span
	{
		color: #F00;
		text-decoration: none;
	}

/**
 * Wrapper
 */
#wrapper
{
	position: relative;
	text-align: left;
	width: 720px;
	margin: 0 auto;
}

/**
 * Title
 */
#wrapper #header
{
	position: absolute;
	top: 8px;
	left: 0;
	background: url( '../img/header-bg.gif' ) no-repeat top left;
	text-align: left;
	width: 720px;
	height: 30px;
	overflow: hidden;
	margin: 0;
}

#wrapper #header span
{
	display: none;
}

/**
 * Mailing List Form
 */
#wrapper #mailinglist
{
	position: absolute;
	top: 43px;
	left: 0;
	/*background: rgb( 245, 245, 245 ) url( '../img/mailinglist-bg.gif' ) no-repeat top left*/;
	background: rgb( 245, 245, 245 );
	font: 10px Tahoma, Verdana, sans-serif;
	width: 720px;
	height: 32px;
	overflow: hidden;
}

#wrapper #mailinglist #mailinglist-inputs
{
	float: right;
}

#wrapper #mailinglist #mailinglist-inputs input,
#wrapper #mailinglist #mailinglist-inputs select
{
	float: left;
	font: 11px Tahoma, Verdana, sans-serif;
	margin: 7px 7px 0 0;
}

#wrapper #mailinglist #mailinglist-inputs input#mailinglist-input
{
	color: #AAA;
}

#wrapper #mailinglist #mailinglist-text
{
	display: none;
}

/**
 * Navigation
 */
#wrapper #nav
{
	position: absolute;
	top: 83px;
	right: 0;
}

#wrapper #nav ul
{
	float: right;
	list-style: none;
	margin: 0;
}

#wrapper #nav ul li
{
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
}

#wrapper #nav ul li a
{
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
}

#wrapper #nav ul li a:hover
{
	/**/
}

#wrapper #nav ul li a span
{
	display: none;
}

/* Navigation height */
#wrapper #nav ul li,
#wrapper #nav ul li a
{
	height: 24px;
}

/* Navigation: off */
#wrapper #nav ul li#home
{
	background-image: url( '../img/nav-home-off.gif' );
	width: 58px;
}

#wrapper #nav ul li#store
{
	background-image: url( '../img/nav-store-off.gif' );
	width: 72px;
}

#wrapper #nav ul li#previews
{
	background-image: url( '../img/nav-previews-off.gif' );
	width: 105px;
}

#wrapper #nav ul li#reviews
{
	background-image: url( '../img/nav-reviews-off.gif' );
	width: 93px;
}

#wrapper #nav ul li#artist
{
	background-image: url( '../img/nav-artist-off.gif' );
	width: 78px;
}

#wrapper #nav ul li#links
{
	background-image: url( '../img/nav-links-off.gif' );
	width: 69px;
}

#wrapper #nav ul li#faq
{
	background-image: url( '../img/nav-faq-off.gif' );
	width: 46px;
}

/* Navigation: current */
#wrapper #nav ul li#home a.current
{
	background-image: url( '../img/nav-home-current.gif' );
	width: 58px;
}

#wrapper #nav ul li#store a.current
{
	background-image: url( '../img/nav-store-current.gif' );
	width: 72px;
}

#wrapper #nav ul li#previews a.current
{
	background-image: url( '../img/nav-previews-current.gif' );
	width: 105px;
}

#wrapper #nav ul li#reviews a.current
{
	background-image: url( '../img/nav-reviews-current.gif' );
	width: 93px;
}

#wrapper #nav ul li#artist a.current
{
	background-image: url( '../img/nav-artist-current.gif' );
	width: 78px;
}

#wrapper #nav ul li#links a.current
{
	background-image: url( '../img/nav-links-current.gif' );
	width: 69px;
}

#wrapper #nav ul li#faq a.current
{
	background-image: url( '../img/nav-faq-current.gif' );
	width: 46px;
}

/* Navigation: hover */
#wrapper #nav ul li#home a:hover
{
	background-image: url( '../img/nav-home-hover.gif' );
	width: 58px;
}

#wrapper #nav ul li#store a:hover
{
	background-image: url( '../img/nav-store-hover.gif' );
	width: 72px;
}

#wrapper #nav ul li#previews a:hover
{
	background-image: url( '../img/nav-previews-hover.gif' );
	width: 105px;
}

#wrapper #nav ul li#reviews a:hover
{
	background-image: url( '../img/nav-reviews-hover.gif' );
	width: 93px;
}

#wrapper #nav ul li#artist a:hover
{
	background-image: url( '../img/nav-artist-hover.gif' );
	width: 78px;
}

#wrapper #nav ul li#links a:hover
{
	background-image: url( '../img/nav-links-hover.gif' );
	width: 69px;
}

#wrapper #nav ul li#faq a:hover
{
	background-image: url( '../img/nav-faq-hover.gif' );
	width: 46px;
}

/**
 * Book for index page
 */
#wrapper #book-index
{
	position: absolute;
	top: 68px;
	left: -20px;
	background: url( '../img/book-index.png' ) no-repeat top left;
	width: 309px;
	height: 379px;
	overflow: none;
}

#wrapper #book-index-top
{
	position: absolute;
	top: 68px;
	left: -20px;
	background: url( '../img/book-index-top.gif' ) no-repeat top left;
	width: 283px;
	height: 48px;
	overflow: none;
}

#wrapper #book-index-bottom
{
	position: absolute;
	top: 116px;
	left: -20px;
	background: url( '../img/book-index-bottom.gif' ) no-repeat top left;
	width: 309px;
	height: 331px;
	overflow: none;
	margin-bottom: 30px;
}

/**
 * Book for reviews page
 */
#wrapper #book-reviews-top
{
	position: absolute;
	top: 76px;
	left: -20px;
	background: url( '../img/book-reviews-top.gif' ) no-repeat top left;
	width: 198px;
	height: 48px;
	overflow: none;
}

#wrapper #book-reviews-bottom
{
	position: absolute;
	top: 124px;
	left: -20px;
	background: url( '../img/book-reviews-bottom.gif' ) no-repeat top left;
	width: 216px;
	height: 224px;
	overflow: none;
	margin-bottom: 30px;
}

/**
 * Book for other pages
 */
#wrapper #book-top
{
	position: absolute;
	top: 76px;
	left: -20px;
	background: url( '../img/book-top.gif' ) no-repeat top left;
	width: 198px;
	height: 48px;
	overflow: none;
}

#wrapper #book-bottom
{
	position: absolute;
	top: 124px;
	left: -20px;
	background: url( '../img/book-bottom.gif' ) no-repeat top left;
	width: 216px;
	height: 224px;
	overflow: none;
	margin-bottom: 30px;
}

/**
 * Content
 */
#wrapper #content-index,
#wrapper #content-subpage
{
	position: absolute;
	top: 123px;
	right: 10px;
	font: 11px/1.4 Arial, sans-serif;
	text-align: justify;
}

#wrapper #content-index
{
	width: 390px;
}

#wrapper #content-subpage
{
	width: 490px;
}

#wrapper #content-index #content,
#wrapper #content-subpage #content
{
	position: relative;
	padding-bottom: 30px;
}

/**
 * Tell Your Friends
 */


#tell-your-friends
{
	background: url( '../img/store/tell-your-friends-on.gif' ) no-repeat top left;
	width: 175px;
	height: 24px;
	overflow: hidden;
	margin: 0 auto;
}

#tell-your-friends a
{
	display: block;
	background: url( '../img/store/tell-your-friends-off.gif' ) no-repeat top left;
	width: 175px;
	height: 24px;
	overflow: hidden;
}

#tell-your-friends a:hover
{
	background: url( '../img/store/tell-your-friends-on.gif' ) no-repeat top left;
}

#tell-your-friends a span
{
	display: none;
}

/**
 * "Available Only On This Site"
 */
#available
{
	position: absolute;
	top: 350px;
	left: 30px;
	background: url( '../img/available-on.gif' ) no-repeat top left;
	width: 161px;
	height: 136px;
	overflow: hidden;
}

#available a
{
	display: block;
	background: url( '../img/available-off.gif' ) no-repeat top left;
	width: 161px;
	height: 136px;
	overflow: hidden;
}

#available a:hover
{
	background-image: url( '../img/available-on.gif' );
}

#available a span
{
	display: none;
}

/**
 * Design
 */
.on-home
{
	display: none;
}

.red
{
	color: #B00;
}

.left
{
	display: block;
	text-align: left;
}

.center
{
	display: block;
	text-align: center;
}

.right
{
	display: block;
	text-align: right;
}

.clear
{
	clear: both;
}

/**
 * Miscellaneous
 */
form
{
	margin: 0;
}

img
{
	border: 0;
}

#siteBookTable
{
	text-align: center;
	position: absolute;
	top: 360px;
	left: -20px;
	width: 216px;
}

	#siteBookTable table
	{
		margin: 0px auto;
	}

		#siteBookTable table tbody
		{
			/**/
		}

			#siteBookTable table tbody tr
			{
				/**/
			}

				#siteBookTable table tbody tr td
				{
					font: 9px/17px Tahoma, Verdana, sans-serif;
					padding: 0px 5px 5px;
				}

					#siteBookTable table tbody tr td a
					{
						color: #555;
						text-decoration: none;
					}
					#siteBookTable table tbody tr td a:hover
					{
						color: #000;
					}

						#siteBookTable table tbody tr td a img
						{
							filter: alpha(opacity=85);
							-moz-opacity: .85;
							opacity: .85;
						}
						#siteBookTable table tbody tr td a:hover img
						{
							filter: alpha(opacity=100);
							-moz-opacity: 1.0;
							opacity: 1.0;
						}