#wrapper {
margin:0;
width:100%;
height:100%;
}

#nav {
width:186px;
height:100%;
position: fixed;  
top: 0; 
left: 50%;
margin-left: -500px; 
z-index: 20; 
background:url('../img/bg_nav.png') no-repeat;
text-align:left;
}
#nav ul {list-style:none;margin:80px 0 0 1px;padding:0;overflow:hidden;}
#nav li {margin:0;padding:0;list-style:none;}
#nav ul li a { height: 36px;width:180px; text-indent:-999em; display: block;margin:1px 0;}
#nav a#nav_home {height: 36px;width:180px;background:url('../img/nav_home.png') no-repeat 0 0;}
#nav a#nav_aboutus {height: 36px;width:180px;background:url('../img/nav_aboutus.png') no-repeat 0 0;}
#nav a#nav_school {height: 36px;width:180px;background:url('../img/nav_school.png') no-repeat 0 0;}
#nav a#nav_lesson {height: 36px;width:180px;background:url('../img/nav_lesson.png') no-repeat 0 0;}
#nav a#nav_drumtech {height: 36px;width:180px;background:url('../img/nav_drumtech.png') no-repeat 0 0;}
#nav a#nav_design {height: 36px;width:180px;background:url('../img/nav_design.png') no-repeat 0 0;}
#nav a#nav_contact {height: 36px;width:180px;background:url('../img/nav_contact.png') no-repeat 0 0;}
#nav a:hover#nav_home {height: 36px;width:180px;background:url('../img/nav_home_hover.png') no-repeat 0 0;}
#nav a:hover#nav_aboutus {height: 36px;width:180px;background:url('../img/nav_aboutus_hover.png') no-repeat 0 0;}
#nav a:hover#nav_school {height: 36px;width:180px;background:url('../img/nav_school_hover.png') no-repeat 0 0;}
#nav a:hover#nav_lesson {height: 36px;width:180px;background:url('../img/nav_lesson_hover.png') no-repeat 0 0;}
#nav a:hover#nav_drumtech {height: 36px;width:180px;background:url('../img/nav_drumtech_hover.png') no-repeat 0 0;}
#nav a:hover#nav_design {height: 36px;width:180px;background:url('../img/nav_design_hover.png') no-repeat 0 0;}
#nav a:hover#nav_contact {height: 36px;width:180px;background:url('../img/nav_contact_hover.png') no-repeat 0 0;}

#nav p {
	margin:20px;
	font-size:9px;
	line-height:1.6;
}

#nav p img {
	margin:2px 0;
}
#nav p a:hover img  {  
filter: alpha(opacity=90);  
opacity:0.9;  
   } 

.contents {
width: 800px;
position: absolute;  
left: 50%;
margin-left: -300px; 
text-align:left;
}

h1 {
	margin-bottom:10px;
}
h2 {
	margin:20px 0 0 0;
}
h4 {
	font-family: 'Doppio One', sans-serif;
  font-size:18px;
	margin:20px 0px 10px 10px;
	padding-top: 10px;
}
.pagetop {
	position: absolute; 
	right:0; 
	width:100%;
	text-align:right;
}
.back {
	position: absolute; 
	right:0; 
	width:100%;
	text-align:right;
	top: 357px; 
}
.pagetop a:hover img  {  
filter: alpha(opacity=70);  
opacity:0.7;  
   } 
   .back a:hover img  {  
filter: alpha(opacity=70);  
opacity:0.7;  
   } 
p {
	margin:0 10px;
	line-height:1.5;
}
table {
	margin:10px;
	line-height:1.5;
}
table th {
	font-weight:bold;
	border-bottom:1px solid #666;
	padding:2px;
}
table td {
	padding:3px 3px 3px 7px;
}
table td.price {
	text-align:right;
}
table.fee {
	border-bottom:1px solid #666;
}
form {
	margin:10px;
	line-height:1.5;
}
input, select, textarea {
	margin:5px 0;}
button {
	background: transparent;
	border:none;
	margin-left:-10px;
}
.small {
	font-size:10px;
	font-weight:normal;
}
.essential {
	font-size:10px;
	color:#C00;
}
/* HOME */
#wrapper_home {
margin:0;
background: url('../img/bg_home.png') fixed;
width:100%;
height:800px;
}

#wrapper_home .contents {
height:800px;
top: 0; 
}

#wrapper_home .pagetop {
top: 757px; 
}

dl.update {  
width:780px;
margin:5px 10px;
border-bottom: solid 1px #333;
clear:both; 
font-size:11px;
}  
dl.update dt {  
float:left;  
width:80px;  
padding:3px 0 3px 5px;  
color: #a89d21;
border-left: 3px solid #a89d21; 
}  
dl.update dd {  
width:700px;  
margin-left:80px;  
padding:3px 0; 
text-align:left;   
} 
#wrapper_home a:hover	{
	text-decoration: underline;
	color: #a89d21;
}

#wrapper_home a:active	{
	text-decoration: underline;
	color: #a89d21;
}



/* ARTIST */
#wrapper_artist {
margin:0;
background: url('../img/bg_artist.png') fixed;
width:100%;
height:1300px;
}

#wrapper_artist .contents {
height:1300px;
top: 800px; 
}

#wrapper_artist .pagetop {
top: 2057px; 
}

#wrapper_artist h3 {
	font-size:24px;
	font-weight:bold;
	color:#0CF;
	margin:10px 0px 10px 10px;
}
#wrapper_artist h4 {
	border-top: dotted 2px #0cf;
	color:#0CF;
}
dl.list {  
width:780px;
margin:5px 10px;
border-bottom: solid 1px #333;
clear:both; 
font-size:11px;
}  
dl.list dt {  
float:left;  
width:80px;  
padding:3px 0 3px 3px;  
color: #0CF;
}  
dl.list dd {  
width:700px;  
margin-left:80px;  
padding:3px 0; 
text-align:left;   
} 
#wrapper_artist a:hover	{
	text-decoration: underline;
	color: #0CF;
}

#wrapper_artist a:active	{
	text-decoration: underline;
	color: #0CF;
}

#wrapper_artist .list {
	border-left:3px solid #0cf;
	padding-left:5px;
}

#wrapper_artist ul {
	padding: 0 10px;
}
#wrapper_artist ul li {
	list-style:inside disc;
}
#wrapper_artist input {
	padding: 0 5px;
	height: 25px;
	line-height:25px; 
	border:solid 1px #666;
	background:transparent;
	color:#ccc;
}
#wrapper_artist select {
	line-height:25px;
	border:solid 1px #666;
	color:#333;
}
#wrapper_artist textarea {
	padding: 0 5px;
	height: 100px;
	line-height:25px;
	border:solid 1px #666;
	background:transparent;
	color:#ccc;
}
/* LESSON */
#wrapper_lesson {
margin:0;
background: url('../img/bg_lesson.png') fixed;
width:100%;
height:1600px;
}

#wrapper_lesson .contents {
height:1600px;
top: 2100px; 
}

#wrapper_lesson .pagetop {
top: 3657px; 
}
#wrapper_lesson h3 {
	font-size:24px;
	font-weight:bold;
	color:#F36;
	margin:10px 0px 10px 10px;
}
#wrapper_lesson h4 {
	color:#F36;
	border-top: dotted 2px #f36;
}
#wrapper_lesson a:hover	{
	text-decoration: underline;
	color: #f36;
}

#wrapper_lesson a:active	{
	text-decoration: underline;
	color: #f36;
}
#wrapper_lesson ul {
	padding: 0 10px;
}
#wrapper_lesson ul li {
	list-style:inside square;
}
#wrapper_lesson p img {
	border:1px solid #333;
}
#wrapper_lesson p.left {
	float:left;
	margin:0 10px;
	width:250px;
}
#wrapper_lesson p.right {
	float:right;
	margin:0 10px;
	width:510px;
	line-height:1.5;
}
#wrapper_lesson table th {
	border-bottom:1px dotted #666;}
#wrapper_lesson table {
	border-top:1px solid #666;
	border-bottom:1px solid #666;}
	
/* DRUM TECH */
#wrapper_drumtech {
margin:0;
background: url('../img/bg_drumtech.png') fixed;
width:100%;
height:800px;
}

#wrapper_drumtech .contents {
height:800px;
top: 3700px; 
}

#wrapper_drumtech .pagetop {
top: 4457px; 
}
#wrapper_drumtech h4 {
	color:#9F0;
	border-top: dotted 2px #9F0;
}
#wrapper_drumtech a:hover	{
	text-decoration: underline;
	color: #9F0;
}

#wrapper_drumtech a:active	{
	text-decoration: underline;
	color: #9F0;
}
/* DESIGN */
#wrapper_design {
margin:0;
background: url('../img/bg_design.png') fixed;
width:100%;
height:3200px;
}

#wrapper_design .contents {
height:3200px;
top: 4500px; 
}

#wrapper_design .pagetop {
top: 7657px; 
}
#wrapper_design h4 {
	color:#F66;
	border-top: dotted 2px #f66;
}
#wrapper_design table img {
	border:1px solid #666;
}
#wrapper_design table img.png {
	border:none;
}
#wrapper_design table a:hover img  {  
filter: alpha(opacity=70);  
opacity:0.7;  
   } 
#wrapper_design a:hover	{
	text-decoration: underline;
	color: #f66;
}

#wrapper_design a:active	{
	text-decoration: underline;
	color: #f66;
}
.works td {
	padding:2px 5px;
	border:none;
}
/* ABOUT US */
#wrapper_aboutus {
margin:0;
background: url('../img/bg_aboutus.png') fixed;
width:100%;
height:1600px;
}

#wrapper_aboutus .contents {
height:1600px;
top: 7700px; 
}

#wrapper_aboutus .pagetop {
top: 9257px; 
}
#wrapper_aboutus h4 {
	color:#3cc;
}
#wrapper_aboutus table {
	border-top:1px solid #666;
	border-bottom:1px solid #666;}
#wrapper_aboutus table th, td {
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;}
#wrapper_aboutus ul {
	padding: 0 10px;
}
#wrapper_aboutus ul li {
	list-style:inside disc;
}
#wrapper_aboutus ol {
	padding: 0 10px;
}
#wrapper_aboutus ol li {
	list-style:inside decimal;
}
#wrapper_aboutus a:hover	{
	text-decoration: underline;
	color: #3cc;
}

#wrapper_aboutus a:active	{
	text-decoration: underline;
	color: #3cc;
}
/* CONTACT */
#wrapper_contact {
margin:0;
background: url('../img/bg_contact.png') fixed;
width:100%;
height:800px;
color:#333;
}

#wrapper_contact .contents {
height:800px;
top: 9300px; 
}

#wrapper_contact .pagetop {
top: 10057px; 
}

#wrapper_contact a:link	{
	text-decoration: none;
	color: #666;
}

#wrapper_contact a:visited	{
	text-decoration: none;
	color: #666;
}#wrapper_contact .list {
	border-left:3px solid #000;
	padding-left:5px;
}
#wrapper_contact input {
	padding: 0 5px;
	height: 25px;
	line-height:25px; 
	border:solid 1px #999;
	background:transparent;
	color:#333;
}
#wrapper_contact select {
	line-height:25px;
	border:solid 1px #999;
	color:#333;
}
#wrapper_contact textarea {
	padding: 0 5px;
	height: 100px;
	line-height:25px;
	border:solid 1px #999;
	background:transparent;
	color:#333;
}
#wrapper_contact a:hover	{
	text-decoration: underline;
	color: #333;
}

#wrapper_ontact a:active	{
	text-decoration: underline;
	color: #333;
}