* { margin: 0; padding: 0; }

body {
	background-color: #369; /* dark blue */
	background-image: url(images/pattern_100.gif);
	font: normal 74% "Georgia",sans-serif;
	
}

h1 {
	font: bold 22px 'Trebuchet MS', Tahoma, Sans-serif;
}

h2 {
	font: bold 16px 'Trebuchet MS', Tahoma, Sans-serif;
}
a { text-decoration: none; }
a:hover { color: #f4eab1; }
p { padding: 5px 0px; color: #000; }

.notes { color: #fff; font-size: 11px; }
.notes a { text-decoration: none; font-size: 11px; }
.notes a:hover { color: #f4eab1; }

#container {
	width: 726px;
	margin: 20px 50px 0px 50px;
	height: 600px;
}

#navigation {
	border-bottom: #000 10px solid;
	padding: 5px 20px;
}

#navigation h3,a {
        font: bold 24px 'Trebuchet MS', Tahoma, Sans-serif;
        color: #fff;
}

#content {
	background: #f4eab1 url(slices/piece_05.gif) no-repeat;
	width: 686px;
	height: 400px;
	padding: 10px 20px;
}

.mainContent {
	float: left;
	width: 420px;
	height: 100%;
	padding: 10px;
	overflow: hidden;
}

.audioPlayer {
	float: right;
	width: 220px;
	padding: 10px 0;
}

#footer { 
	clear: both; 
	padding: 5px 20px;
        color: #000;
	}