html {
	background: url(../img/bg-cardboard.jpg) repeat center; 
	}

body {
	color: #333;
	font-family: Arial, san-serif;
	font-size: 100%;
	line-height:1.125em; /* 16x1.125=18px */
	margin:0;
	padding: 0;
	width: 100%;
	min-width: 900px;
	}
	
	
	
	
	
h1#logo {
	padding: 5px;
	}





#contain, #book .left, #book .center, #book .right, #navpri {
	float: left;
	}

#contain {
	width: 812px;
	margin-left: 81px; 
	}

#book .left .t {
	background: url(../img/bg-book-left-t.gif) no-repeat;
	height: 8px;
	width: 319px;
	}

#book .left .c {
	background: url(../img/bg-book-left-c.gif) repeat-y;
	height: 458px;
	width: 314px;
	padding-left: 5px;
	}

#book .left .b {
	background: url(../img/bg-book-left-b.gif) no-repeat;
	height: 8px;
	width: 319px;
	}

#book .center {
	background: url(../img/bg-book-center.gif) no-repeat;
	width: 68px;
	height: 474px;
	}

#book .right .t {
	background: url(../img/bg-book-right-t.gif) no-repeat;
	height: 8px;
	width: 319px;
	}

#book .right .c {
	background: url(../img/bg-book-right-c.gif) repeat-y;
	height: 438px;
	width: 259px;
	padding: 10px 30px;

	}

#book .right .b {
	background: url(../img/bg-book-right-b.gif) no-repeat;
	height: 8px;
	width: 319px;
	}





#navpri {
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
	font: .75em Georgia, "Times New Roman", Times, serif;  /* 16x.75=12px */	
	width: 106px;
	}

#navpri li {
	background: url(../img/bg-navpri.jpg) no-repeat top left;
	padding: 10px;
	margin: 0;
	}

#navpri li a:link, #navpri li a:visited {
	color: #333;
	padding: 0;
	margin: 0;
	text-decoration: none;
	}
	
#navpri li a:hover {
	color: #366d15;
	}

#navpri li.last {
	height: 175px;
	}





#navmin {
	list-style: none;
	margin: 3px 110px 0 0;
	padding: 0;
	font-size: .6em;   /* 16x.75=12px */	
	text-transform: uppercase;
	text-align: right;
	}

#navmin li {
	display: inline;
	padding: 5px;
	}
	
#navmin li a:link, #navmin li a:visited {
	color: #ccc;
	text-decoration: none;
	}
	
#navmin li a:hover {
	color: yellow;
	}





.bg-secondary-pg-section {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-top: 30px;
	}
	
.bg-artists-tools {
	position: absolute;
	left: 0;
	bottom: 0;
	}

.bg-photo {
	position: absolute;
	left: 500px;
	top: 300px;
	z-index: -100;
	}





h1, h2, h3 {
	font-weight:normal;	
}

h1 {
	font-size: 1.375em; /* 16x1.375=22px */
	line-height: 1.636em;/* 16x1.636=36px */
	margin: 0;
}

h2 {
	font-size: 1.125em; /* 16x1.125=18px */
	margin:1em 0; /* 18x1=18px */
}

p {
	font-size: 0.6875em; /* 16x0.6875=11px */
	margin-top: 1em;
}

table {
	border-collapse: collapse;
	clear: left;
}

th, td {
	text-align: left;
	vertical-align: top;
	padding: 0;
}

/* rather than give the table a font size, use contextual selectors to target the th and td elements within */

th {
	width:20%;
	font-weight: normal;
	font-size: 0.875em; /* 16x0.875=14px */
	padding:0 0.643em 0.571em 0.643em; /* 14x0.643=9px 14x0.571=8px */
	border-bottom:0.071em solid #ccc; /* 14x0.071=1px */
}

td {
	font-size: 0.75em; /* 16x0.75=12px */
	padding:0.333em 0.75em 0.417em 0.75em; /* 12*0.333=4px 12*0.75=9px 12x0.417=5px */
	border-bottom:0.083em solid #ccc; /* 12x0.083=1px */
	line-height: 1em; /* 12x1=12px */ 
}

/* @group sidebar */

/* rather than give the sidebar itself a font size, use contextual selectors to get at the elements within */

.sidebar {
	width: 12em;
	float: left;
	margin: 0 1.125em 0 0; /* 16x1.125=18px */
	padding: 0.5625em; /* 16x0.5625=9px */
	background:#ddd;
	color: #000;
}

.sidebar h3 {
	font-size: 0.875em; /* 16x0.875=14px */
	margin: 0 0 0.643em 0; /* 14x0.643=9px */
}

.sidebar p {
	font-size: 0.75em; /* 16x0.75=12px */
	margin: 0 0 1.5em 0; /* 12x1.5=18px */
}

.sidebar ul {
	padding: 0;
	margin: 0 0 1.125em 1.125em; /* 16x1.125=18px */
}

.sidebar li {
	font-size: 0.75em; /* 16x0.75=12px */
}

/* @end */


img {
	border: none;
	}