.mainmenu-header-block
{
	width:100%;
/*   min-height:550px; */
   min-height:600px;
}

h1
{
   margin-top:10px;
	padding:0px;
	border:0px none;
   width:100%;
   font-family: Arial, Verdana, san-serif;
   font-size:40px;
   font-weight:bold;
   color: white;
   text-align:center;
   display:inline-block;
}


.mainmenu-header-image
{
  	background: url('images/concert-band.jpg');
  	background-size: cover;
   background-repeat: no-repeat;
   background-position:top;
   background-position-x:10%;
   position: absolute;
   z-index: -1;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   opacity: 1.0;
   width: 100%;
   height: 100%;
}

.mainmenu-header-bar
{
   width:100%;
   height:40px;
}

.mainmenu-header-bar a
{
	float:right;
	padding:8px 15px;
   font-family: Arial, Verdana, san-serif;
   font-size:18px;
   font-weight:normal;
   color: white;
   text-align:center;
	text-decoration:none;
   display:inline-block;
}

.mainmenu-header-bar a:hover
{
	text-decoration:underline;
}

.mainmenu-register
{
	float:right;
	padding:10px 20px;
   font-family: Arial, Verdana, san-serif;
   font-size:14px;
   font-weight:normal;
   color: white;
   text-align:center;
	text-decoration:none;
   display:inline-block;
}

.mainmenu-register:hover
{
	text-decoration:underline;
}

.datasonics-logo
{
	float: left;
   margin-left:60px;
   margin-top:10px;
	padding:0px;
	border:0px none;
	width: 160px;
   height: 120px;
	background-image: url('images/datasonicslogoanimatedsmall.gif');
	background-repeat:no-repeat;
   overflow: hidden;
}


.mm-logo
{
   margin:10px auto 0px auto;
	padding:0px;
	border:0px none;
	width: 392px;
   height: 136px;
	background-image: url('images/Mastering Music1.png');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}


.mastering-music-logo
{
	float: left;
   margin-top:0px;
	padding:0px;
	border:0px none;
/*	width: 392px;
   height: 136px;
	background-image: url('images/Mastering Music1.png'); */
	width: 294px;
   height: 102px;
	background-image: url('images/Mastering Music.png');
	background-repeat:no-repeat;
   overflow: hidden;
   align:center;
}


.inner-musician
{
   margin-top:0px;
	padding:0px;
	border:0px none;
   width:100%;
   font-family: "Georgia";
   font-size:20px;
   font-style:italic;
   color: #75A3BA;
   color: white;
   text-align:center;
/*
	width: 401px;
   height: 76px;
	background-image: url('images/Inner Musician.png');
	background-repeat:no-repeat;
   overflow: hidden;
*/
   display:inline-block;
}

.future-music
{
	padding:0px;
   margin-top:50px;
	border:0px none;
	width: 618px;
   height: 90px;
	background-repeat:no-repeat;
	background-image: url('images/future-of-music-white.png');
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.now
{
	padding:0px;
   margin-top:50px;
	border:0px none;
	width: 220px;
   height: 90px;
	background-repeat:no-repeat;
	background-image: url('images/now-white.png');
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.cloud-partner
{
	padding:0px;
	border:0px none;
	width: 312px;
   height: 96px;
	background-image: url(images/google/Google-Cloud-Partner.png);
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.hands-up
{
	padding:0px;
	border:0px none;
	width: 303px;
   height: 202px;
	background-image: url('images/hands-up.jpg');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}

.mainmenu-item-block
{
   margin:10px auto;
	padding:0px;
	border:0px none;
	width: 321px;
   display:inline-block;
}

.mainmenu-item-block h2
{
/*   color:#C51C12; */
   color:#930B10;
   padding-top:0px;
   width:100%;
   font-size:24px;
   font-weight:bold;
   text-align:center;
}

.mainmenu-item-image
{
	padding:0px;
	border:0px none;
/*	width: 321px;
   height: 214px; */
	width: 240px;
   height: 160px;
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.classroom
{
	background-image: url('images/children-singing.jpg');
}

.pd-accreditation
{
	background-image: url('images/graduation-cap.png');
}

.music-keyboard-notation
{
	background-image: url('images/musicians.png');
   transform: rotateY(180deg);
}

.page-music-block
{
	margin:0px auto;
   width:1006px;
   display:inline-block;
}

.page-title-strip
{
	margin:20px auto;
   width:100%;
   display:inline-block;
}

.create-music
{
	padding:0px;
	border:0px none;
	width: 360px;
   height: 75px;
	background-repeat:no-repeat;
	background-image: url('images/create-music-vivaldi.png');
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.perform-music
{
	padding:0px;
	border:0px none;
	width: 410px;
   height: 79px;
	background-repeat:no-repeat;
	background-image: url('images/perform-music-vivaldi.png');
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.notate-music
{
	padding:0px;
	border:0px none;
	width: 364px;
   height: 69px;
	background-repeat:no-repeat;
	background-image: url('images/notate-music-vivaldi.png');
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.learn-music
{
	padding:0px;
	border:0px none;
	width: 363px;
   height: 75px;
	background-repeat:no-repeat;
	background-image: url('images/learn-music-vivaldi.png');
  	background-size: contain;
   overflow: hidden;

/*	width:100%;
	font-family: Verdana, Arial, san-serif;
   font-size:72px;
   font-weight:bold;
   color:#FFD700;
*/
   display:inline-block;
}

.teach-music
{
	padding:0px;
	border:0px none;
	width: 360px;
   height: 75px;
	background-repeat:no-repeat;
	background-image: url('images/teach-music-vivaldi.png');
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.page-learn-device-block
{
	margin:10px;
   width:320px;
   display:inline-block;
}

.page-icon-block
{
   float:left;
	margin:10px;
   width:300px;
   display:inline-block;
}

.page-icon-block h2
{
   width:100%;
   font-family: Arial, Verdana, san-serif;
   font-size:24px;
   font-weight:bold;
   text-align:center;
   display:inline-block;
}

.page-icon-text
{
	margin: 10px 0px 0px 0px;
   width:100%;
   font-family: Arial, Verdana, san-serif;
   font-size:18px;
   font-weight:bold;
   text-align:left;
   display:inline-block;
}

.page-icon-text ul
{
   margin:0px auto;
	width:100%;
	padding-left:25px;
   color:#666666;
   font-size:14px;
   font-weight:normal;
   text-align:left;
}

.page-icon-text li
{
   text-align:left;
	line-height:20px;
}

.page-icon
{
	padding:0px;
	border:0px none;
	width: 270px;
   height: 180px;
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}

.page-body-block
{
	margin-top:12px;
   width:630px;
   display:inline-block;
}

.page-body-text
{
	margin: 10px 0px 0px 0px;
   width:100%;
   font-family: Helvetica, Arial, Verdana, san-serif;
   font-size:18px;
   font-weight:bold;
   text-align:center;
}

.page-body-text a
{
   font-size:18px;
   font-weight:bold;
	text-decoration:none;
}

.page-body-text a:hover
{
	text-decoration:underline;
}

.page-full-width
{
   width:100%;
   display:inline-block;
   margin-bottom: 20px;
}

.page-full-width a
{
	text-decoration:none;
}

.create-music-block
{
	width:100%;
   background-color:#930B10;
}

.perform-music-block
{
	width:100%;
   background-color:#0E243B;
/*  	background-color: #88B1BF; */
}

.notate-music-block
{
	width:100%;
   background-color:white;
}

.learn-music-block
{
	width:100%;
  	background-color: #88B1BF;
}

.teach-music-block
{
	width:100%;
   background-color:white;
}

.laptop-computer
{
	border:0px none;
	width: 128px;
   height: 87px;
	background-image: url('images/laptop.png');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
   vertical-align:top;
}

.synthesizer-midi
{
	border:0px none;
	width: 320px;
   height: 84px;
	background-image: url('images/keyboard-synthesizer.png');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
   vertical-align:top;
}

.learn-image-block
{
	width:960px;
   display:inline-block;
   vertical-align:top;
}

.editor-image-block
{
	width:330px;
   display:inline-block;
   vertical-align:top;
}

.editor-top-block
{
	float:left;
	margin-bottom:10px;
	width:200px;
   display:inline-block;
   vertical-align:top;
}

.learn-text-block
{
	width:320px;
   padding:5px;
   display:inline-block;
   vertical-align:top;
   font-size:36px;
   font-weight:bold;
   text-align:left;
   color:white;
}

.learn-style-block
{
	margin:30px 0px;
	width:100%;
   display:inline-block;
   vertical-align:top;
   font-size:48px;
   font-weight:bold;
   text-align:center;
   color:#FFD700;
}

.learn-music-block h2
{
	margin: 10px 0px;
   width:100%;
   font-family: Helvetica, Arial, Verdana, san-serif;
   font-size:32px;
   font-weight:bold;
   text-align:center;
   color:#FFD700;
}

.learn-type-title-text
{
	margin: 10px 0px;
   width:100%;
   font-family: Helvetica, Arial, Verdana, san-serif;
   font-size:32px;
   font-weight:bold;
   text-align:center;
   color:#FFD700;
}

.learning-lesson-text
{
	margin:0px auto;
	width:100%;
	padding:10px 0px;
   color:#FFD700;
   font-size:19px;
   font-weight:bold;
   text-align:center;
   line-height:20px;
   display:inline-block;
}

.editor-image
{
	padding:0px;
	border:0px none;
	width: 100%;
   height: 222px;
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
   vertical-align:top;
}

.editor-global
{
	background-image: url('images/editor-global.png');
}

.editor-keyboard
{
	background-image: url('images/editor-keyboard.png');
}

.editor-drum
{
	background-image: url('images/editor-drum.png');
}

.editor-notation
{
	background-image: url('images/editor-notation.png');
}

.editor-mixdown
{
	background-image: url('images/editor-mixdown.png');
}

.editor-tempo
{
	background-image: url('images/editor-tempo.png');
}

.sequencer-video
{
   margin: 10px auto;
	width:854px;
   height:480px;
   display:inline-block;
}

.instrument-library
{
	padding:0px;
	border:0px none;
	width: 330px;
   height: 281px;
	background-image: url('images/instrument-library.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.midi-meaning
{
	padding:0px;
	border:0px none;
	width: 305px;
   height: 105px;
	background-image: url('images/midi-meaning.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.drum-notation
{
	padding:0px;
	border:0px none;
	width: 320px;
   height: 287px;
	background-image: url('images/drum-notation.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.chord-analysis
{
	padding:0px;
	border:0px none;
	width: 320px;
   height: 306px;
	background-image: url('images/chord-analysis.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.auditory-lesson
{
	margin-bottom:30px;
	padding:0px;
	border:0px none;
	width: 960px;
   height: 600px;
	background-image: url('images/aural-lesson.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.cognitive-lesson
{
	margin-bottom:30px;
	padding:0px;
	border:0px none;
	width: 960px;
   height: 600px;
	background-image: url('images/theory-lesson.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.film-scoring
{
	margin-bottom:30px;
	padding:0px;
	border:0px none;
	width: 960px;
   height:600px;
	background-image: url('images/film-scoring.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.any-device
{
	padding:0px;
	border:0px none;
/*	width: 320px;
   height: 287px; */
	width: 160px;
   height: 144px;
	background-image: url('images/any-device.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.sample-certificate
{
	padding:0px;
	border:0px none;
	width: 238px;
   height: 337px;
	background-image: url(images/sample-certificate.png);
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}


.notation-categories
{
	padding:0px;
   margin-bottom:10px;
	border:0px none;
	width: 150px;
   height: 52px;
	background-image: url(images/notation-categories.png);
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.structure-markings
{
	padding:0px;
   margin-bottom:5px;
	border:0px none;
	width: 153px;
   height: 25px;
	background-image: url(images/structure-markings.png);
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.families
{
	padding:0px;
	border:0px none;
	width: 193px;
   height: 25px;
	background-image: url(images/families.png);
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.learning-areas-block
{
	float:left;
   margin-top:0px;
   width:100%;
   font-family: Helvetica;
/*   font-family: "Georgia";
   font-style:italic; */
   text-align:center;
   background-color:#D8E1EF;
}

.learning-area-item
{
	display:inline-block;
   width:240px;
   padding:20px;
}

.learning-area-heading
{
	width:100%;
	font-size:20px;
   font-weight:bold;
   line-height: 30px;
   color: black;
}

.learning-area-text
{
	width:100%;
   padding:5px 6px 5px 6px;
	font-size:13px;
   color: #000000;
}

.education-text
{
	margin:0px auto;
	width:100%;
	padding:10px 0px 0px 0px;
   color:white;
   font-size:16px;
   font-weight:bold;
   text-align:center;
   line-height:20px;
   display:inline-block;
}

.education-text ul
{
   margin:0px auto;
	width:100%;
	padding-left:20px;
}

.education-text li
{
	line-height:20px;
}

.testimonial-block
{
	margin: 10px auto;
   width:1006px;
   display:inline-block;
}

.testimonial-text
{
	margin:0px auto;
	width:700px;
	padding:5px;
   color:#666666;
   font-size:14px;
   font-weight:normal;
   font-style:italic;
   text-align:left;
   line-height:20px;
   display:inline-block;
   vertical-align:top;
}

.philcooney-image
{
	margin-top:10px;
	border:0px none;
	width: 107px;
   height: 150px;
	background-image: url('images/pcooney-image.jpg');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}

.kuzmich-image
{
	padding:0px;
	border:0px none;
	width: 174px;
   height: 160px;
	background-image: url('images/john and roslyn kuzmich.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.nancy-williams-image
{
	padding:0px;
	border:0px none;
	width: 150px;
   height: 160px;
	background-image: url('images/nancy williams.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.greg-oden-image
{
	padding:0px;
	border:0px none;
	width: 199px;
   height: 180px;
	background-image: url('images/greg oden.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.bottom-rail
{
	width:100%;
   height:20px;
/*   border-bottom: solid 1px black; */
}

.mainmenu-teacher-block
{
	width:100%;
}

.mainmenu-teacher-block a
{
	text-decoration:none;
}

.mainmenu-student-block
{
	width:100%;
}

.mainmenu-student-block a
{
	text-decoration:none;
}

.topic-button-wrapper
{
	position:relative;
   display:inline-block;
}

.topic-button-info
{
	position:absolute;
	width: 270px;
   height: 180px;
   top:10px;
   left:10px;
}

.topic-button
{
	margin:10px;
	padding:0px;
	border:0px none;
	width: 270px;
   height: 180px;
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   opacity:0.5;
   display:inline-block;
}

.title1
{
	color:maroon;
}

.title2
{
	color:olive;
}

.title3
{
	color:forestgreen;
}

.title4
{
	color:darkblue;
}

.topic-title
{
	padding:10px;
	width:100%;
/*   color:gold; */
/*	text-shadow: 1px 1px 2px white, 0 0 0px white, 0 0 0px white; */
   font-size:20px;
   font-weight:bold;
   text-align:center;
}

.topic-description
{
	padding:0 12px;
	width:100%;
   color:black;
/*	text-shadow: 1px 1px 2px black, 0 0 0px ivory, 0 0 0px white; */
   font-size:14px;
   font-weight:bold;
   text-align:left;
}

.access-block
{
	width:320px;
   margin:0 auto;
   display:inline-block;
   vertical-align:top;
}

.class-functions-block
{
	width:640px;
   margin:0 auto;
   display:inline-block;
}

.register-button
{
   margin:20px 10px;
   width:300px;
   height:40px;
   font-family: Arial, Verdana, san-serif;
   color:black;
	text-shadow: 1px 1px 2px black, 0 0 0px blue, 0 0 0px darkblue;
   background-color:white;
   border-radius:10px;
   padding-top:8px;
   font-size:20px;
   font-weight:normal;
   text-align:center;
   display:inline-block;
}

.learn-more-button
{
   margin:20px 10px;
   width:300px;
   height:40px;
   font-family: Arial, Verdana, san-serif;
   color:black;
   background-color:white;
   border-radius:10px;
   border: solid 1px black;
   padding-top:8px;
   font-size:20px;
   font-weight:bold;
   text-align:center;
   display:inline-block;
}

.learn-more-button:hover
{
  	background-color: #B8E1EF;
}

.pd-button
{
   margin-top:10px;
   width:300px;
   height:38px;
   font-family: Arial, Verdana, san-serif;
   color:white;
	text-shadow: 1px 1px 2px black, 0 0 0px blue, 0 0 0px darkblue;
   background-color:#C51C12;
   padding-top:8px;
   font-size:20px;
   font-weight:bold;
   text-align:center;
   display:inline-block;
}

.large-button
{
   margin-top:10px;
   margin-bottom:20px;
   width:300px;
   height:40px;
   font-family: Arial, Verdana, san-serif;
   color:white;
	text-shadow: 1px 1px 2px black, 0 0 0px blue, 0 0 0px darkblue;
   background-color:#C51C12;
   padding-top:8px;
   font-size:20px;
   font-weight:bold;
   text-align:center;
   display:inline-block;
}

.teacher-button
{
   margin:5px 10px;
   width:230px;
   height:38px;
   font-family: Arial, Verdana, san-serif;
   color:white;
	text-shadow: 1px 1px 2px black, 0 0 0px blue, 0 0 0px darkblue;
   background-color: #A8B1EF;
   padding-top:8px;
   font-size:20px;
   font-weight:bold;
   text-align:center;
   display:inline-block;
}


h2
{
	margin:10px 0px;
   width:100%;
   color:black;
   font-size:24px;
   font-weight:bold;
}

h3
{
	margin:10px 0px;
   width:100%;
   color:black;
   font-size:20px;
   font-weight:bold;
}

.show_not_logged_in
{
	display:none;
}


.info-button
{
   margin:20px auto 0px auto;
   width:300px;
   height:30px;
   font-family: Arial, Verdana, san-serif;
   color:white;
	text-shadow: 1px 1px 2px black, 0 0 0px blue, 0 0 0px darkblue;
   background-color:#C51C12;
   padding-top:6px;
   font-size:16px;
   font-weight:bold;
   text-align:center;
   display:inline-block;
}

.mainmenu-items
{
   margin:0px auto;
   padding:50px 0px;
   width:100%;
   background-color:white;
}

.mainmenu-items a
{
	text-decoration:none;
}

.registered-items
{
   margin:0px auto;
   padding-top:20px;
   width:100%;
}


.mainmenu-section-strip
{
	width: 1006px;
   margin: 0px auto;
}

.mainmenu-section-block
{
   margin:40px auto 40px auto;
	padding:0px;
	border:0px none;
	width: 500px;
   vertical-align:top;
   display:inline-block;
}

.mainmenu-image-block
{
   margin:10px auto 0px auto;
	padding:0px;
	border:0px none;
	width: 320px;
   display:inline-block;
}

.student-computer
{
	padding:0px;
	border:0px none;
/*	width: 1848px;
   height: 1080px; */
	width: 300px;
   height: 175px;
	background-image: url('images/girl-laptop-computer.jpg');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}


.google-classroom-image
{
	padding:0px;
	border:0px none;
/*	width: 199px;
   height: 173px; */
	width: 115px;
   height: 100px;
	background-image: url('images/google/google-classroom.jpg');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}


.google-drive-image
{
	padding:0px;
	border:0px none;
/*	width: 179px;
   height: 156px; */
	width: 115px;
   height: 100px;
	background-image: url('images/google/logo-drive.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.cloud-computing
{
	padding:0px;
	border:0px none;
	width: 173px;
   height: 99px;
	background-image: url('images/google/cloud-computing.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}

.one-drive-image
{
	padding:0px;
	border:0px none;
	width: 175px;
   height: 100px;
	background-image: url('images/google/one-drive.png');
	background-repeat:no-repeat;
  	background-size: contain;
   overflow: hidden;
   display:inline-block;
}


.hands-keyboard-image
{
	padding:0px;
	border:0px none;
/*	width: 800px;
   height: 335px; */
	width: 310px;
   height: 130px;
	background-image: url('images/keyboard.png');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}


.mainmenu-text-block
{
   width:480px;
   padding:0px 10px;
   font-family: Arial, Verdana, san-serif;
   text-align:left;
   vertical-align: top;
   display:inline-block;
}

.mainmenu-text-block h2
{
	margin:10px 0px;
   width:100%;
   color:black;
   font-size:24px;
   font-weight:bold;
}

.mainmenu-text
{
	margin:0px;
   width:100%;
   color:black;
   font-size:16px;
   font-weight:normal;
}

.mainmenu-sequencer-block
{
   margin:0px auto;
   padding-top:20px;
   width:100%;
   background-color:#FFFFFF;
}

.mainmenu-pd-block
{
   margin:0px auto;
   padding-top:20px;
   width:100%;
   background-color:#FFFFFF;
}

.hands-keyboard-image
{
	margin-top:10px;
	border:0px none;
/*	width: 800px;
   height: 335px; */
	width: 310px;
   height: 130px;
	background-image: url('images/keyboard.png');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}


.music-keyboard-with-notation
{
/*	margin-top:10px; */
	border:0px none;
/*	width: 1620px;
   height: 1080px; */
	width: 324px;
   height: 216px;
	background-image: url('images/music-keyboard-with-notation.jpg');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}


.music-keyboard
{
	margin-top:10px;
	border:0px none;
/*	width: 1620px;
   height: 1080px; */
	width: 324px;
   height: 216px;
	background-image: url('images/music-keyboard.jpg');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}


.music-technology
{
	margin-top:0px;
	border:0px none;
/*	width: 1620px;
   height: 1080px; */
	width: 324px;
   height: 216px;
	background-image: url('images/music-technology.jpg');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}


.music-notation
{
	margin-top:0px;
	border:0px none;
/*	width: 1620px;
   height: 1080px; */
	width: 324px;
   height: 216px;
	background-image: url('images/music-notation.jpg');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}

.pd-education
{
	margin-top:10px;
	border:0px none;
/*	width: 1920px;
   height: 1080px; */
	width: 320px;
   height: 180px;
	background-image: url('images/pd-education.jpg');
	background-repeat:no-repeat;
  	background-size: cover;
   overflow: hidden;
   display:inline-block;
}

.mainmenu-right-block
{
	float:right;
   display:inline-block;
}


#google-error-block
{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
z-index:200;
display:none;
}

.google-error-content-block
{
    border-radius: 10px;
    text-align: center;
    background-color: #FFFFFF;
}

.google-error-content-block H1
{
	float: left;
   margin-left:0px;
/*   margin-top:20px;  */
   margin-bottom:0px;
   width:100%;
	font-family: Verdana, Arial, sans-serif;
   font-size:24px;
   font-weight:bold;
   color:#993366;
   text-transform:uppercase;
	text-align:center;
}

.google-error-content-block H2
{
	float: left;
   margin-left:0px;
   margin-top:20px;
   margin-bottom:0px;
   width:100%;
	font-family: Verdana, Arial, sans-serif;
   font-size:18px;
   font-weight:bold;
   color:#993366;
   text-transform:uppercase;
	text-align:center;
}

.google-error-centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}

.google-error-message-text
{
	float: left;
   font-size:24px;
   font-weight:normal;
   color:#FF0000;
	text-align:left;
   padding:20px;
}


.topic-lock
{
	position: absolute;
   right: 25px;
   bottom: 15px;
	font-size:48px;
   opacity: 0.8;
}

.topic-score
{
	position: absolute;
   left: 20px;
   top: 150px;
	font-size:20px;
   font-weight:bold;
/*   color:black;  */
   text-align:left;
}

.iframe-video
{
/*	width:854px;
   height:480px; */
	width:100%;
   height:100%;
}

.mm-video
{
   margin: 10px auto;
	width:640px;
   height:360px;
}

.small-video
{
	width:426px;
   height:240px;
   display:inline-block;
}


.lesson-tree
{
	float:left;
	margin: 0px 5px;
   min-width: 253px;
   text-align: left;
}

.lessontree-content
{
   position: absolute;
   left: 5px;
   right: 5px;
   top: 50px;
   bottom: 10px;
   width: 280px;
   padding-bottom: 5px;
   background-color: #FFFFFF;
   overflow: auto;
}

.blockrestline
{
   width:19px;
   border-top: solid 2px black;
   display:inline-block;
}

.blockrest
{
	margin-left:-15px;
   width:11px;
   height:5px;
   background-color:black;
   display:inline-block;
}

.blockspace
{
   width:16px;
   display:inline-block;
}

@media only screen and (max-width : 511px)
{
	.mm-logo
	{
		width: 360px;
   	height: 125px;
	}

	h3
	{
		padding-left:5px;
	}

	.testimonial-block
	{
   	width:100%;
   }

	.testimonial-text
	{
		margin:0px auto;
		width:100%;
   }

	.future-music
	{
	   margin-top:25px;
		width: 309px;
	   height: 45px;
	}

	.now
	{
	   margin-top:10px;
		width: 110px;
	   height: 45px;
	}

	.create-music
	{
		width: 288px;
   	height: 60px;
	}

	.perform-music
	{
		width: 310px;
   	height: 60px;
	}

	.notate-music
	{
		width: 291px;
   	height: 55px;
	}

	.learn-music
	{
/*		width: 272px;
   	height: 56px;
*/
		font-size:48px;
	}

	.teach-music
	{
		width: 288px;
   	height: 60px;
   }

	.learn-style-block
	{
	   font-size:32px;
	}

	.learn-type-title-text
	{
	   font-size:28px;
	}

	.learning-lesson-text
	{
	   font-size:16px;
   }

	.mainmenu-header-block
	{
   	min-height:320px;
	}

	.page-music-block
	{
	   width:100%;
	}

	.page-body-block
	{
   	width:100%;
	}

	.page-icon-block
	{
   	float:unset;
	}

	.page-icon-text
	{
   	padding:10px;
      margin:0px;
   }

	.page-icon-text ul
	{
		padding-left:12px;
	}

	.editor-top-block
   {
		width:175px;
   }

	.sequencer-video
	{
		width:342px;
   	height:192px;
	}

	.mm-video
	{
		width:342px;
   	height:192px;
      margin: 0px auto;
	}

   .learn-more-button
	{
   	height:30px;
	   padding-top:3px;
	}

	.education-text
	{
		padding:10px 5px 0px 5px;
   }

	.education-text ul
	{
		padding-left:12px;
	}

   .large-button
	{
   	height:30px;
	   padding-top:3px;
	}

	.mainmenu-section-block
	{
   	margin:5px auto;
		width: 100%;
	}

	.mainmenu-section-strip
   {
		width: 100%;
   }

	.mainmenu-text-block
	{
   	width:100%;
	   padding:0px 5px;
	}

	.mainmenu-text-block h2
	{
		margin:5px 0px;
	   font-size:20px;
      text-align:center;
	}

	.mainmenu-text
	{
	   font-size:14px;
	}

   .mainmenu-right-block
   {
   	float:unset;
   }

	.learn-image-block
   {
   	width:100%;
   }

	.film-scoring
   {
   	width:320px;
      height:200px;
   }

   .auditory-lesson
	{
   	width:320px;
      height:200px;
	}

	.cognitive-lesson
   {
   	width:320px;
      height:200px;
   }

}

@media only screen and (max-width : 359px)
{
	.mm-logo
	{
		width: 320px;
   	height: 111px;
	}

	.editor-image-block
	{
		width:320px;
   }

	.editor-top-block
   {
		width:160px;
   }

	.sequencer-video
	{
		width:300px;
   	height:168px;
	}

	.cloud-partner
	{
		width:280px;
   	height:86px;
	}

	.mm-video
	{
		width:300px;
   	height:168px;
      margin: 0px auto;
	}

	.small-video
	{
		width:300px;
   	height:168px;
      margin: 0px auto;
	}

	.instrument-library
	{
		width: 320px;
	   height: 273px;
   }

	.mainmenu-header-block
	{
   	min-height:300px;
	}

}