/*styles for body*/
	div.wrapper{
		max-width: 1300px;
		margin: auto;
		}
	body{
		background-color: #88888C;
		border: double #000 .4em;
		border-radius: .4em;
		max-width: 1300px;
		min-width:600px; 
		margin: 20px auto;
		}
	div.left-column{
		width: 260px;
		margin: 0 20px;
		float: left;
		}
	p.content{
		font-family: Arial, sans-serif;
		font-size: 1.2em;
		}
	h3{
		font-family: Calibri, "Arial Narrow", Arial, sans-serif;
		font-size: 2em;
		}
        h4{
                font-family: Calibri, "Arial Narrow", Arial, sans-serif;
                font-size: 1.5em;
                }
	a.regular{
		text-decoration: none;
		color: #fff; 
		}
	a.regular:hover, a.regular:focus{
		color: #B07105;
		}
	a.regular:visited{
		color: #420101;
		}
/*styles for heading banner*/
	img.banner{
		max-width: 96%;
		margin: 20px 2% 0;
		border: ridge #B07105 .15em;
		border-radius: .4em;
		box-shadow: -1em 1em 1em #000;
		}
	h1.title{
		margin: 0 0 0 -9999px;
		padding: 0;
		font-size: 1px;
		}
/*styles for navigation buttons*/
	a.navbutton{
		text-decoration: none;
		}
	div.nav{
		margin: 30px 0;
		}
	a.navbutton{
		font-family: Calibri, "Arial Narrow", Arial, sans-serif;
		font-size: 1.1em;
		letter-spacing: .2em;
		display: block;
		width: 250px;
		text-align: right;
		padding: 2px;
		margin: 8px 0;
		color: #fff;
		background-color: #000;
		border: ridge #B07105 .15em;
		border-radius: .4em;
		box-shadow: -.4em .4em .4em #000;
		-webkit-transition: color .4s, background-color .4s;
		-moz-transition: color .4s, background-color .4s;
		-o-transition: color .4s, background-color .4s;
		-ms-transition: color .4s, background-color .4s;
		transition: color .4s, background-color .4s;
		position: relative;
		}
	a.navbutton:hover, a.navbutton:focus{
		color: #000;
		background-color: #B07105;
		}
	a.navbutton:active{
		top: 3px;
		right: 2px;
		box-shadow: -.2em .2em .2em #000; 
		}		
	ul.navbar{
		list-style-type: none;
		padding: 0;
		}
/*styles for footer*/
	div.footer{
		clear: both;
		color: #fff;
		background-color: #000;
		margin: 30px 2%;
		padding: 2px 2% 15px;
		font-family: Calibri, "Arial Narrow", Arial, sans-serif;
		letter-spacing: .2em;
		border: ridge #B07105 .15em;
 		border-radius: .4em;
		box-shadow: -.6em .6em .6em #000;
		}
	h2.footerhead{
		font-family: "Segoe Print", "Comic Sans MS", sans-serif;
		font-size: 2em;
		display: block;
		margin: 0;
		color: #fff;
		}
	p.footerpar{
		display: block;
		margin-top: 0;
		}
       b#locations{
              font-weight: normal;
              }
	a.webmaster{
		text-decoration: none;
		color: #B07105;
		}
	a.webmaster:hover, a.webmaster:focus{
		color: #fff;
		}
/*styles for contact box*/
	div.contact{
		margin: 30px 0;
		width: 250px;
		height: 265px;
		color: #fff;
		background-color: #420101;
		font-family: "Segoe Print", "Comic Sans MS", sans-serif;
		letter-spacing: .2em;
		border: double #000 .2em;
		border-radius: .4em;
		box-shadow: -.6em .6em .6em #000;
		}
	p.contactintro{
		display: block;
		margin: 5px 20px 10px 20px;
		padding-top: 5px;
		}
	ul.contactinfo{
		display: block;
		list-style-type: none;
		margin-left: -20px;
		}
	li.phone{
		font-family: Calibri, "Arial Narrow", Arial, sans-serif;
		}
	li.email{
		font-family: Calibri, "Arial Narrow", Arial, sans-serif;
		}
	a.phoneme{
		display: block;
		text-decoration: none;
		color: #B07105;
		font-size: 1.8em;
		text-shadow: -.15em .15em .15em #000;
		margin-bottom: 10px;
		}
	a.phoneme:hover, a.phoneme:focus{
		color: #575757;
		}
	a.emailme{
		text-decoration: none;
		color: #B07105; 
		font-size: 2em;
		text-shadow: -.15em .15em .15em #000;
		}
	a.emailme:hover, a.emailme:focus{
		color: #575757;
		}
	a img.phoneicon{
		border: none;
		}
	a img.emailicon{
		border: none;
		}
/*styles for "Welcome" page*/
	h2{
		font-family: Calibri, "Arial Narrow", Arial, sans-serif;
		font-size: 2.9em;
		color: #420101;
		text-shadow: -.05em .05em .05em #000; 
		}
	h3#facts_title{
		font-size: 2em;
		color: #B07105;
		text-shadow: -.05em .05em .05em #000;
		}
	div#welcome{
		max-width: 900px;
		margin: 30px 30px 30px 320px;
		}
	p#mission{
		font-family: Arial, sans-serif;
		font-style: italic;
		font-size: 1.2em; 
		}
	div#quick_facts{
		max-width: 850px;
		min-width: 200px;
		margin: 30px 30px 30px 320px;
		background-color: #A19182;
		padding: 10px 1.5% 10px 25px;
		border: solid #000 .15em;
		border-radius: .4em;
		}
	ul#facts{
		font-family: Candara, Calibri, Corbel, Arial, sans-serif;
		font-size: 1.5em;
		}
	img#brown_keys{
		float: right;
		max-width: 100%;
		margin: 20px 0 20px 80px;
		border: groove #B07105 .4em;
		box-shadow: -.4em .4em .4em #000;
		}
/*styles for "My Music" page*/
       div#listen{
		margin: 30px 30px 30px 320px;
		}
	div.flexslider{
		max-width: 100%;
		margin: 60px 30px 60px 300px;
		background-color: #829AA1;
		padding: 10px 30px;
		border: outset gray .3em;
		}
	div.player_area{
		margin: 0px 40px;
		}
	audio.player{
		max-width: 100%;
		}
	img.track_image{
		max-width: 200px;
		float: right;
		margin: 0 0 20px 0;
		border: solid #000 .2em;
		}
	h3.track_title{
		font-family: "Estrangelo Edessa", Calibri, Corbel, "Liberation Sans", Arial, sans-serif;
		font-style: italic;
		font-size: 1.3em;
		}
	p.track_description{
		font-family: Calibri, sans-serif;
		font-size: 1.1em;		
		}
/*styles for "New Record" page*/
	div#new_record{
		max-width: 900px;
		margin: 30px 30px 30px 320px;
		}
	img#record{
                float: right;
		margin: 3%;
		max-width: 100%;
		border: solid #000 .15em;
		}
        ul.record-list{
                list-style-type: none;
		font-family: Arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
		line-height: 2em;
		letter-spacing: .08em;
		}

/*styles for "About Me" page*/
	div#about_me{
		max-width: 900px;
		margin: 30px 30px 30px 320px;
		}
	div#me-pic{
		max-width: 45%;
		float: right;
		margin: 20px 2% 0 3%;
		}
	img#me{
		max-width: 100%;
		float: right;
		margin: 20px 0;
		border: double #000 .2em;
		border-radius: .4em; 
		}
        div#hidden_age{
		position: relative;
		}
	div#age_in_days{
		width: 200px;
		height: 60px;
		padding: 10px;
		font-family: sans-serif;
		font-size: 1.1em;
		color: #fff;
		background-color: #000;
		position: absolute;
		top: 70px;
		}	
/*styles for "My Approach" page*/
	div#approach{
		max-width: 900px;
		margin: 30px 30px 30px 320px;
		}
	div#approach-links{
		max-width: 45%;
		float: right;
		margin: 20px 2% 0 3%;
		}
	img#crazy-fingers{
		max-width: 100%;
		margin: 20px 0;
		border: solid #000 .2em;
		-webkit-transition: -webkit-transform .4s, border .4s, box-shadow .4s;
		-moz-transition: -moz-transform .4s, border .4s, box-shadow .4s;
		-o-transition: -o-transform .4s, border .4s, box-shadow .4s;
		-ms-transition: -ms-transform .4s, border .4s, box-shadow .4s;
		transition: transform .4s, border .4s, box-shadow .4s;
		}
	img#grand-slam{
		max-width: 100%;
		margin: 20px 0;
		border: solid #000 .2em;
		-webkit-transition: -webkit-transform .4s, border .4s, box-shadow .4s;
		-moz-transition: -moz-transform .4s, border .4s, box-shadow .4s;
		-o-transition: -o-transform .4s, border .4s, box-shadow .4s;
		-ms-transition: -ms-transform .4s, border .4s, box-shadow .4s;
		transition: transform .4s, border .4s, box-shadow .4s;
		}
	img#crazy-fingers:hover, img#crazy-fingers:focus{
		border: solid #B07105 .2em;
		box-shadow: -.6em .6em .6em #000;
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		}
	img#grand-slam:hover, img#grand-slam:focus{
		border: solid #B07105 .2em;
		box-shadow: -.6em .6em .6em #000;
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-o-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		}
	div#more{
		max-width: 900px;
		margin: 80px 30px 80px 320px;
		}
	p#kids-and-adults{
		font-family: Arial, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		font-style: italic;
		color: #fff;
		letter-spacing: .25em;
		text-transform: uppercase;
		text-shadow: -.2em .2em .4em #000;
		}
	img#arrow{
		margin: 0 5px -12px 0;
		}
	a.kids-adults{
		text-decoration: none;
		color: #420101;
		}
	a.kids-adults:hover, a.kids-adults:focus{
		color: #B07105;
		}
/*styles for "Kids" page*/
	div#kids{
		max-width: 900px;
		margin: 30px 30px 50px 320px;
		}
	div#kid-pic{
		max-width: 45%;
		float: right;
		margin: 20px 2% 0 3%;
		}
	img#piano-kid{
		max-width: 100%;
		float: right;
		margin: 20px 0;
		border: solid #420101 .2em;
		border-radius: .4em; 
		}
	div#artistic{
		max-width: 900px;
		margin: 30px 30px 50px 320px;
		background-color: #E3D57D;
		padding: 10px 30px;
		border: outset gray .3em;
		overflow: auto;
		}
	div#academic{
		max-width: 900px;
		margin: 30px 30px 50px 320px;
		background-color: #9ECC95;
		padding: 10px 30px;
		border: outset gray .3em;
		}
	h4.program-title{
		font-family: "Segoe Print", "Comic Sans MS", sans-serif;
		font-size: 1.3em;
		}
	ul.program-list{
		font-family: Arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
		line-height: 2em;
		letter-spacing: .08em;
		}
	img.program-image{
		max-width: 100%;
		float: right;
		margin: 20px 0 20px 30px;
		border: solid #000 .2em; 
		}
/*styles for "Adults" page*/
	div#adults{
		max-width: 900px;
		margin: 30px 30px 50px 320px;
		}
	div#adult-pic{
		max-width: 45%;
		float: right;
		margin: 20px 2% 0 3%;
		}
	img#abstract-piano{
		max-width: 100%;
		float: right;
		margin: 20px 0;
		border: solid #000 .2em; 
		}
/*styles for "Needs" page*/
	div#needs-list{
		max-width: 100%;
		margin: -30px 30px 50px 0;
		background-color: #A99BC4;
		padding: 10px 30px;
		border: outset gray .3em;
		overflow: auto;
		}
	div.needs{
		max-width: 900px;
		margin: 30px 30px 50px 320px;
		}
	img#blue-piano{
		max-width: 100%;
		float: right;
		margin: 20px 0 20px 30px;
		border: solid #000 .2em; 
		}
	ul#stuff-list{
		font-family: Candara, Calibri, Corbel, Arial, sans-serif;
		font-size: 1.4em;
		line-height: 1.5em;
		letter-spacing: .08em;
		}
/*styles for "Scheduling/Tuition" page*/
	div#tuition{
		max-width: 900px;
		margin: 30px 30px 50px 320px;
		}
	img#piano-moon{
		max-width: 100%;
		margin: 20px 0;
		border: double #000 .2em;
		border-radius: .4em;
		}
	div#tuition-info{
		max-width: 900px;
		margin: 10px 30px 50px 320px;
		background-color: #E8C99E;
		padding: 0 30px 10px 30px;
		border: outset gray .3em;
		overflow: auto;
		}
	ul#tuition-list{
		font-family: Corbel, Futura, Loma, Arial, sans-serif;
		font-size: 1.4em;
		line-height: 1.5em;
		letter-spacing: .08em;
		}
	h4#tuition-title{
		font-family: Calibri, "Arial Narrow", Arial, sans-serif;
		font-size: 1.6em;
		}
	p#tuition-note{
		font-family: Arial, sans-serif;
		font-size: .9em;
		}
	img#note-sketch{
		float: right;
		margin: 40px 20px;
		}