/* Comptons Production

GLOBAL STYLES
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

html {
	font-size: 125%;
}

body {
	font-size: 50%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-image: url(images/backgrounds/embossed02.gif);
}

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	margin-bottom: 10px;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 18px;
}

h3 {
	font-size: 14px;
}

hr {
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

ul, ol {
	margin-left: 30px;
}

li {
	font-size: 10px;
	margin-bottom: 5px;
}

p, dl {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
}

.green {
	color: #006622;
}

.highlight {
	font-weight: bold;
	font-style: italic;
}

.clearfloats {
	clear: both;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
}

#footer {
	font-size: 10px;
	margin: auto;
	color: #006622;
	text-align: center;
	padding-bottom: 10px;
	clear: both;
}

.center {
	margin: auto;
	text-align: center;
}

.right {
	text-align: right;
}

blockquote {
	padding-right: 20px;
	padding-left: 20px;
}

/* END GLOBAL STYLES
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* MAIN SECTIONS

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#main {
	background-color: #ffdd99;
	width: 750px;
	margin: auto;
	border-left: #bebebe solid;
	border-bottom: #ffffff solid;
	border-right: #a6a6a6 solid;
}

#home-page #main p, #home-page #main li, #calendar-page #main p, #calendar-page #main li, #contact-page #main p, #contact-page #main li, #home .contentroll, #calendar .contentroll, #contact .contentroll {
	color: #006622;
}

#kindermusik-page #main p, #kindermusik-page #main li, #kindermusik .contentroll {
	color: #8811bb;
}

#piano-page #main p, #piano-page #main li, #piano .contentroll {
	color: #000000;
}

#guitar-page #main p, #guitar-page #main li, #guitar .contentroll {
	color: #885500;
}

#macmillan-page #main p, #macmillan-page #main li, #macmillan .contentroll {
	color: #ff0000;
}

#masthead {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	width: 750px;
	height: 431px;
}

#home-page #masthead, #calendar-page #masthead, #contact-page #masthead {
	background-image: url(images/menu/css_piano_keyboard/horizontal/grandpiano_back_home.gif);
}

#macmillan-page #masthead {
	background-image: url(images/menu/css_piano_keyboard/horizontal/grandpiano_back_macmillan.gif);
}

#kindermusik-page #masthead {
	background-image: url(images/menu/css_piano_keyboard/horizontal/grandpiano_back_kindermusik.gif);
}

#piano-page #masthead {
	background-image: url(images/menu/css_piano_keyboard/horizontal/grandpiano_back_piano.gif);
}

#guitar-page #masthead {
	background-image: url(images/menu/css_piano_keyboard/horizontal/grandpiano_back_guitar.gif);
}

#content {
	width: 750px;
	margin: auto;
	margin-top: 0px;
}

#page-content {
	margin-right: 10px;
	margin-left: 10px;
}

/* END MAIN SECTIONS
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* MAIN NAVBAR keyboard buttons
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

#navsection {
	position: relative;
	width: 750px;
	height: 200px;
	margin-top: 155px;
	margin-bottom: 100px;
	float: left;
}

a {
	text-decoration: none;
	color: #885500;
	font-weight: bold;}

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

#footer a {
	color: #885500;
}

#footer a:hover {
	color: #006622;
}

#main-nav {
	position: absolute;
	margin-top: 140px;
	margin-left: 53px;
	width: 644px;
	height: 135px;
	padding: 0px;
}

.main-navbtn {
	width: 28px;
	height: 135px;
	float: left;
	background: url(images/menu/css_piano_keyboard/horizontal/white_notes.gif) 0px 0px no-repeat;
}

.main-navbtn:hover {
	background: url(images/menu/css_piano_keyboard/horizontal/white_notes.gif) 0px -135px no-repeat;
}

#main-nav a .contentroll {
	position: absolute;
	top: -40px;
	left: 210px;
	width: 235px;
	height: 26px;
	text-align: center;
	visibility: hidden;
}

#main-nav a:hover .contentroll {
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
}

#menu {
	position: absolute;
	top: -40px;
	left: 210px;
	width: 235px;
	height: 45px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	visibility: visible;
}

#main-nav a:hover #menu {
	visibility: hidden;
}

.unused-key {
	width: 28px;
	height: 135px;
	float: left;
	background: url(images/menu/css_piano_keyboard/horizontal/white_keys.gif) 0px 0px no-repeat;
}

#home-page #home, #kindermusik-page #kindermusik, #piano-page #piano, #guitar-page #guitar, #macmillan-page #macmillan, #calendar-page #calendar, #contact-page #contact {
	background: url(images/menu/css_piano_keyboard/horizontal/white_notes.gif) 0px -135px no-repeat;
}

/*#piano_back {
	position: absolute;
	margin-top: 0px;
	margin-left: 0px;
	width: 750px;
	height: 431px;
	background-image: url(images/menu/css_piano_keyboard/horizontal/grandpiano_back_home.gif);
	}*/

#black_keys {
	position: absolute;
	margin-top: 140px;
	margin-left: 74px;
	width: 600px;
	height: 86px;
	background: url(images/menu/css_piano_keyboard/horizontal/black_keys.gif) 0px 0px no-repeat;
}

/* END MAIN NAVBAR
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */