html {
	scrollbar-3dlight-color: #310200;
	scrollbar-arrow-color: #310200;
	scrollbar-darkshadow-color: #310200;
	scrollbar-face-color: #1C0200;
	scrollbar-highlight-color: #310200;
	scrollbar-shadow-color: #310200;
	scrollbar-track-color: #310200;
	}

body {
	behavior: url(../common/scripts/csshover2.htc);
	margin: 0;
	padding: 0;
	background: url(gfx/bg_page.gif) fixed;
	color: #FC9;
	font-family: 'Trebuchet MS', trebuchet, verdana, arial;
	line-height: 130%;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	}

* {
	-moz-outline: none;
	}

a:link, a:visited, a:active {
	color: #855200;
	text-decoration: none;
	}

a:hover, a:focus {
	color: #FC9;
	}

#menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 160px;
	padding: 20px;
	}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#menu ul li {
	margin: 0;
	padding: 0 0 0 30px;
	background: url(gfx/note.gif) 10px 2px no-repeat;
	}

#menu ul a:link, #menu ul a:visited, #menu ul a:active {
	color: #FC9;
	text-decoration: none;
	}

#menu ul a:hover {
	font-style: italic;
	}

h1	{
	font-weight: normal;
	font-size: 180%;
	padding: 0;
	height: 50px;
	line-height: 50px;
	}

#head a:link, #head a:visited, #head a:active {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	background: transparent url(gfx/logo.gif) 0 0 no-repeat;
	text-indent: -500px;
	margin: 0 10px 0 0;
	}

#head a:hover, #head a:focus {
	background-position: 0 -50px;
	}

#liner_note {
	margin-top: 50px;
	color: #855200;
	}

#content {
	position: absolute;
	top: 0;
	left: 210px;
	right: 0;
	margin: 0;
	padding: 22px 15px 30px 15px;
	border-left: 1px solid #521F00;
	text-align: justify;
	background: #1C0200;
	}

h2 {
	clear: both;
	padding-top: 16px;
	font-size: 180%;
	font-weight: normal;
	}

#sample_container, #tunes {
	margin-left: 5px;
	}

.sample_box {
	float: left;
	position: relative;
	margin: 2px;
	border: 1px dashed #855200;
	width: 180px;
	height: 120px;
	padding: 0;
	background: #150200 url(gfx/pack_bg.gif) 30px 48px no-repeat;
	}

h3 {
	margin: 0;
	padding: 3px 5px;
	font-size: 12px;
	font-weight: normal;
	czolor: #855200;
	background: #2B0300;
	}

.disc_view {
	margin: 26px 0 0 31px;
	}

.disc {
	list-style: none;
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 73px;
	height: 73px;
	margin: 0;
	padding: 0;
	background: url(gfx/sample_ul.gif);
	}

.disc li {
	float: left;
	display: inline;
	width: 21px;
	height: 21px;
	margin: 2px 1px 1px 2px;
	padding: 0;
	text-indent: -5000px;
	background: transparent url(gfx/sample_li_1.gif);
	}

.disc li.sample_2 {
	background: transparent url(gfx/sample_li_2.gif);
	}

.disc li.sample_3 {
	background: transparent url(gfx/sample_li_3.gif);
	}

.disc li.sample_4 {
	background: transparent url(gfx/sample_li_4.gif);
	}

.disc li.sample_5 {
	background: transparent url(gfx/sample_li_5.gif);
	}

.disc li.sample_6 {
	background: transparent url(gfx/sample_li_6.gif);
	}

.disc li.sample_7 {
	background: transparent url(gfx/sample_li_7.gif);
	}

.disc li.sample_8 {
	background: transparent url(gfx/sample_li_8.gif);
	}

.disc li.sample_9 {
	background: transparent url(gfx/sample_li_9.gif);
	}

.class {
	float: left;
	position: relative;
	margin: 2px;
	border: 1px dashed #855200;
	width: 118px;
	height: 160px;
	padding: 0;
	background: #150200;
	}

.sticker {
	margin: 13px 0 0 13px;
	}

.class_play {
	list-style: none;
	position: absolute;
	left: 26px;
	bottom: 10px;
	width: 69px;
	height: 25px;
	margin: 0;
	padding: 0;
	background: url(gfx/class_ul.gif);
	}

.class_play li {
	float: left;
	display: inline;
	width: 21px;
	height: 21px;
	margin: 2px 0 1px 2px;
	padding: 0;
	text-indent: -5000px;
	background: transparent url(gfx/play.gif);
	}

.class_play li.pause {
	margin-left: 1px;
	background: transparent url(gfx/pause.gif);
	}

.class_play li.stop {
	margin-left: 1px;
	background: transparent url(gfx/stop.gif);
	}

.disc li:hover, .class_play li:hover, .class_play li:focus {
	cursor: pointer;
	background-position: 0 -21px;
	}