body {

background: #000000;

background-image:url("../images/bg_lines7.jpg");

}
#div_extendor-bg {
 border:0px solid green;
 /*height:500px; */
background:black;
margin-top:-5px;
width:100%;
}
#div_extendor-m {
 position:absolute;
 z-index:-1;
 border:0px solid green;
/* height:1850px; /* Adjust this per page */
background:black;
margin-top:-5px;
width:95%;
}
#div_footer-bg {
	border:0px solid green;
	text-align:center;
}
/* Footers */
#div_footer-m {
 	border:0px solid yellow;
	height:20%;
	max-width:950px;
	text-align:center;
	float:left;
width: 100%;
}
.span_footer-m a:link {text-decoration: underline; font-weight:bold; color:#bbbbbb;}

.span_footer-m a:hover {text-decoration: underline; color: #999999;font-weight:bold}

.span_footer-m a:visited {text-decoration: underline; color:#bbbbbb;}

.span_footer-m a:active {text-decoration: none

}
@media screen and (min-width: 950px) {
  #div_footer-m {
    display: none;
  }
}
.span_footer-bg, .span_footer-m{

font-size:.75em;

color:#777;

font-family:verdana;

margin-right:0px;

}
.span_footer-bg a:link {text-decoration: underline; font-weight:bold; color:#bbbbbb;}

.span_footer-bg a:hover {text-decoration: underline; color: #999999;font-weight:bold}

.span_footer-bg a:visited {text-decoration: underline; color:#bbbbbb;}

.span_footer-bg a:active {text-decoration: none}

/* End footers */

/*menu side nav on mobile */
.div-menu-box {

    color:#ccc;

    position: fixed; 

    margin-top:19px;

    padding:3px 10px;

    top: 12%;

    border:2px solid black;

    
 background-color:rgba(00,00, 00, 0.78); /* opacity is 0.82 */

    width:15%;

}
.sidenav {

    height: 100%;

    width: 0;

    position: fixed;

    z-index: 1;

    top: 0;

    left: 0;

    background-color: #111;

    overflow-x: hidden;

    transition: 0.5s;

    padding-top: 60px;

}



.sidenav a {

    padding: 8px 8px 8px 32px;

    text-decoration: none;

    font-size: 25px;

    color:#ddd;

    display: block;

    transition: 0.3s;

}



.sidenav a:hover {

    color: #fff;

}



.sidenav .closebtn {

    position: absolute;

    top: 0;

    right: 25px;

    font-size: 36px;

    margin-left: 50px;

}



@media screen and (max-height: 450px) {

  .sidenav {padding-top: 15px;}

  .sidenav a {font-size: 18px;}

}
@media screen and (min-width: 950px) {
  .div-menu-box {
    display: none;
  }
}
/* end side nav on mobile */

#div_curtains {
	background-image:url("../images/curtains.jpg")
}

.content {
  max-width: 950px;
  margin: auto;
  padding: 10px;
}

#div-background {
  position: absolute;
  margin-left: 0px;
  margin-top: 0px;
  z-index: -1;
}

@media screen and (max-width: 950px) {
  #div-background {
    display: none;
  }
}

#div_banner-m {
 	border:0px solid teal;
	height:20%;
	max-width:800px;
	z-index:-2;
}
@media screen and (min-width: 950px) {
  #div_banner-m {
    display: none;
  }
}



#div_topbanner-m {
 	border:0px solid teal;
	height:20%;
	max-width:800px;
	
}
@media screen and (min-width: 950px) {
  #div_topbanner-m {
    display: none;
  }
}

#div_banner {
	border:0px solid blue;
	height:100px;
	max-width:800px;
}

@media screen and (max-width: 950px) {
  #div_banner {
    display: none;
  }
}

#div_leftpanel {
float:left;
border:0px solid pink;
width:150px;
height:500px
}

@media screen and (max-width: 950px) {
  #div_leftpanel {
    display: none;
  }
}


#div_texty {
	float:left;
	border:0px solid purple;
	width:79%;
	max-width:630px;
	color:#fff;
	font-family:verdana;
	font-size:.90em;
   
	padding-left:10px;
}
#div_texty a:link {text-decoration: underline; font-weight:bold; color:#bbbbbb;}

#div_texty a:hover {text-decoration: underline; color: #999999;}

#div_texty a:visited {text-decoration: underline; font-weight:bold; color:#bbbbbb;}

#div_texty a:active {text-decoration: none}
/* menu starts */

#div_menu {
	margin-left:0px;
	width:100%;
	border: 0px solid yellow;
	
	
}



#home a {

	display: block;

	width: 137px;

	height: 33px;

	background-image:url("../images/buttons1.jpg");





	background-position:0 -18px;

} 



#home a:hover {

	background-position:0 -399px;

} 



#home a:active {

	background-position:0 -780px;



}



#about a {

	display: block;

	width: 137px;

	height: 29px;

	background-image:url("../images/buttons1.jpg");

	background-position:0 -50px;

} 



#about a:hover {

	background-position:0 -431px;

} 



#about a:active {

	background-position:0 -812px;



}



#contact a {

	display: block;

	width: 137px;

	height: 29px;

	background-image:url("../images/buttons1.jpg");

	background-position:0 -79px;

} 



#contact a:hover {

	background-position:0 -460px;

} 



#contact a:active {

	background-position:0 -841px;



}



#teaching a {

	display: block;

	width: 137px;

	height: 31px;

	background-image:url("../images/buttons1.jpg");

	background-position:0 -108px;

} 



#teaching a:hover {

	background-position:0 -489px;

} 



#teaching a:active {

	background-position:0 -870px;



}



#performances a {

	display: block;

	width: 137px;

	height: 27px;

	background-image:url("../images/buttons1.jpg");

	background-position:0 -139px;

} 



#performances a:hover {

	background-position:0 -520px;

} 



#performances a:active {

	background-position:0 -901px;



}



#recordings a {

	display: block;

	width: 137px;

	height: 30px;

	background-image:url("../images/buttons1.jpg");

	background-position:0 -165px;

} 



#recordings a:hover {

	background-position:0 -546px;

} 



#recordings a:active {

	background-position:0 -927px;



}



#recitals a {

	display: block;

	width: 137px;

	height: 28px;

	background-image:url("../images/buttons1.jpg");

	background-position:0 -196px;

} 



#recitals a:hover {

	background-position:0 -577px;

} 



#recitals a:active {

	background-position:0 -958px;



}



#extras a {

	display: block;

	width: 137px;

	height: 28px;

	background-image:url("../images/buttons1.jpg");

	background-position:0 -224px;

} 



#extras a:hover {

	background-position:0 -605px;

} 



#extras a:active {

	background-position:0 -986px;



}



#fun a {

	display: block;

	width: 137px;

	height: 29px;

	background-image:url("../images/buttons1.jpg");

	background-position:0 -251px;

} 



#fun a:hover {

	background-position:0 -632px;

} 



#fun a:active {

	background-position:0 -1013px;



}





#register a {

	display: block;

	width: 137px;

	height: 32px;

	background-image:url("../images/buttons1.jpg");

	background-position:0px -309px;

} 



#register a:hover {

	background-position:0px -690px;

} 



#register a:active {

	background-position:0px -1071px;



}



#login a {

	display: block;

	width: 137px;

	height: 30px;

	background-image:url("../images/buttons1.jpg");

	background-position:0 -339px;

} 



#login a:hover {

	background-position:0 -720px;

} 



#login a:active {

	background-position:0 -1101px;

}
#div_me {
float:right;
height:50%;
width:30%;
border:0px outset white;
}
#me {
height:auto;
width:80%;
border:0px outset #000111;
min-width: 120px;
}

.new a {
    display: block;

	width: 219px;

	height: 100px;

	background-image:url("../images/remote-piano-lessons-b5.jpg");

	background-position:0 -5px;
    border:2px solid blue;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;   
}

.new a:hover {

	background-position:0 -373px;
    border:2px solid teal;
} 

.new {

}

.buttonClass {
  font-size:25px;
  font-family:Arial;
  width:240px;
  height:120px;
  border-width:1px;
  color:#bbb;
  border-color:#337fed;
  font-weight:bold;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  box-shadow:#97c4fe inset 1px 0px 0px ;
  text-shadow:#1570cd inset 1px 0px ;
  background:linear-gradient(#040498, #03024B);
  padding:20px;
  text-decoration:none;
}

.buttonClass:hover {
  background: linear-gradient(#424279, #040498);
}
              
/* Large extended pages section */
/* Large extended pages section */
/* Large extended pages section */
#div_background {
	background-color:#000;
	
}