body {font-family:trebuchet MS; background:url(images/page_background.png); background-repeat:repeat-y; background-position:center; background-color:#9fb2c5; padding:0px}
body img {border-style:none}
#ar {position:relative; margin:0px auto 0px auto; width:700px; height:128px}
#ar img {float:left}
#ar img.right {float:right; margin-top:8px}
#ar h1 {font-size:80%; color:#eeeeff; font-weight:normal; margin-top:16px; display:inline; float:right}
#page {position:relative; margin:0px auto 0px auto; padding:0px; border:solid #333333; border-width:0px 2px 0px 2px; width:700px; background-color:#ffffff}

#piano_lessons {background:url(images/piano_tuition_background.png); width:700px; background-repeat:repeat-x; background-color:#124171}
#piano_tuition {font-family:trebuchet MS; font-size:200%; color:#000000; float:right; margin:0px 32px 0px 20px}
#piano_tuition h1 {font-weight:normal; display:inline; font-size:100%}
#andrew_ridgwick {font-family:trebuchet MS; font-size:150%; color:#000000; float:right; margin:8px 0px 0px 0px}
#text_size {font-family:trebuchet MS; font-size:120%; color:#000000; float:left; margin:8px 0px 0px 16px}
#text_size a.medium {font-size:100%}
#text_size a.large {font-size:120%}
#text_size a.xlarge {font-size:140%}
#text_size a:link {color:#000000; text-decoration:none}
#text_size a:visited {color:#000000; text-decoration:none}
#text_size a:hover {color:#000000; text-decoration:underline}
#text_size a:active {color:#000000; text-decoration:none}

#navigation {font-family:trebuchet MS; font-size:100%; color:#ffffff; clear:both; text-align:right; padding:8px 32px 8px 0px}
#navigation a:link {color:#ffffff; text-decoration:none}
#navigation a:visited {color:#ffffff; text-decoration:none}
#navigation a:hover {color:#ffffff; text-decoration:underline}
#navigation a:active {color:#ffffff; text-decoration:none}
#navigation h1 {font-weight:normal; font-size:100%; display:inline}

#piano_music {background:url(images/piano_music.png); width:700px; height:41px}

#piano_keyboard {background:url(images/piano_keyboard.png); width:250px; height:183px; clear:both; border:solid #333333; border-width:0px 1px 1px 0px; float:left}
#keyboard_keys {background:url(images/keyboard_keys.png); width:250px; height:183px; clear:both; border:solid #333333; border-width:0px 1px 1px 0px; float:left}
#music_theory {background:url(images/music_theory_tuition.png); width:250px; height:183px; clear:both; border:solid #333333; border-width:0px 1px 1px 0px; float:left}
#contact_music_lessons {background:url(images/music_lessons.png); width:250px; height:183px; clear:both; border:solid #333333; border-width:0px 1px 1px 0px; float:left}
#buying_a_piano {background:url(images/pianos.png); width:250px; height:183px; clear:both; border:solid #333333; border-width:0px 1px 1px 0px; float:left}
#buying_a_keyboard {background:url(images/keyboards.png); width:250px; height:183px; clear:both; border:solid #333333; border-width:0px 1px 1px 0px; float:left}
#piano {font-family:trebuchet MS; font-size:250%; color:#ffff33; text-align:center; padding-top:4px; background:url(images/gif_fader.gif)}
#piano h1 {font-weight:normal; display:inline; font-size:100%}

#movie_container {width:449px; height:183px; background-color:#000000; border:solid #000000; border-width:0px 0px 1px 0px; text-align:center; float:left}
#movie {margin-top:12px; color:#ffffff; text-align:center}

div.container {float:left; width:320px}
div.header_red {font-family:trebuchet MS; font-size:175%; color:#4c6f94; border:solid #ff6666; border-width:0px 2px 0px 2px; text-align:center; margin:32px 32px 8px 32px; padding:8px}
div.header_blue {font-family:trebuchet MS; font-size:175%; color:#4c6f94; border:solid #6666ff; border-width:0px 2px 0px 2px; text-align:center; margin:32px 32px 8px 32px; padding:8px}
div.header_red strong {font-weight:normal}
div.header_blue strong {font-weight:normal}
div.header img {vertical-align:text-top}
div.text_blue {font-family:trebuchet MS; font-size:100%; color:#333333; padding:8px 4px 8px 16px; line-height:1.5}
div.text_blue strong {font-weight:normal; color:#4c6f94}
div.text_blue a:link {color:#4c6f94; text-decoration:none}
div.text_blue a:visited {color:#4c6f94; text-decoration:none}
div.text_blue a:hover {color:#4c6f94; text-decoration:underline}
div.text_blue a:active {color:#4c6f94; text-decoration:none}
div.text_blue img {float:left; margin-right:8px; margin-top:8px}
div.text_blue strong.size1 {font-size:220%; color:#aaaaaa}
div.text_blue strong.size2 {font-size:150%; color:#888888}
div.text_blue strong.size3 {font-size:170%; color:#666666}
div.text_blue strong.size4 {font-size:110%; color:#444444}
div.text_blue ul {list-style:square; color:#666666}
div.text_blue h1 {font-size:110%; color:#4e901d; display:inline; font-weight:normal}
div.text_blue h2 {font-size:100%; color:#4e901d; display:inline; font-weight:normal}

div.text_red {font-family:trebuchet MS; font-size:100%; color:#333333; padding:8px 4px 8px 16px; line-height:1.5}
div.text_red strong {font-weight:normal; color:#ff6666}
div.text_red a:link {color:#4c6f94; text-decoration:none}
div.text_red a:visited {color:#4c6f94; text-decoration:none}
div.text_red a:hover {color:#4c6f94; text-decoration:underline}
div.text_red a:active {color:#4c6f94; text-decoration:none}
div.text_red img {float:right; margin-left:8px; margin-top:8px}
div.text_red strong.size1 {font-size:220%; color:#aaaaaa}
div.text_red strong.size2 {font-size:150%; color:#888888}
div.text_red strong.size3 {font-size:170%; color:#666666}
div.text_red strong.size4 {font-size:110%; color:#444444}
div.text_red ul {list-style:square; color:#666666}
div.text_red h1 {font-size:110%; color:#4e901d; display:inline; font-weight:normal}
div.text_red h2 {font-size:100%; color:#4e901d; display:inline; font-weight:normal}

div.center {text-align:center; margin:0px 48px 0px 48px}
div.center a:link {color:#4c6f94; text-decoration:none}
div.center a:visited {color:#4c6f94; text-decoration:none}
div.center a:hover {color:#4c6f94; text-decoration:underline}
div.center a:active {color:#4c6f94; text-decoration:none}

#footer {clear:both; height:80px; width:700px; background-image:url(images/piano_lesson_contact.png)}
#reflection {height:48px; width:700px; position:relative; margin:4px auto 0px auto; background-image:url(images/contact_reflection.jpg); background-position:center; background-repeat:no-repeat}
#reflection h1 {float:right; text-align:right; color:#cccccc; font-family:trebuchet MS; font-size:90%; font-weight:normal; margin:48px 0px 16px 0px}
#reflection h2 {float:left; text-align:left; color:#cccccc; font-family:trebuchet MS; font-size:90%; font-weight:normal; margin:48px 0px 16px 0px}
#reflection a:link {color:#ffffff; text-decoration:none}
#reflection a:visited {color:#ffffff; text-decoration:none}
#reflection a:hover {color:#ffffff; text-decoration:underline}
#reflection a:active {color:#ffffff; text-decoration:none}

#address {clear:both; width:700px; font-size:170%; color:#666666; text-align:center}
#address span {font-size:60%; color:#888888; display:block}
#map {width:600px; height:300px; overflow:hidden; margin:16px auto 16px auto; border:solid #666666; border-width:1px}
#map input {margin-top:130px}
#piano_evaluation {clear:both; width:700px; font-size:170%; color:#ffffff; text-align:center; background-image:url(images/evaluation.png); margin:8px 0px 8px 0px; padding:4px 0px 4px 0px; background-color:#9fb2c5; background-repeat:repeat-x}
#piano_evaluation a:link {color:#ffff66; text-decoration:none}
#piano_evaluation a:visited {color:#ffff66; text-decoration:none}
#piano_evaluation a:hover {color:#ffff66; text-decoration:underline}
#piano_evaluation a:active {color:#ffff66; text-decoration:none}

#shop_display {width:500px; float:left}
#cart_display {margin:16px; float:left}

#departments {float:left; clear:both; width:500px}
div.product {clear:both; width:470px; margin:12px; padding:12px; border:solid #cccccc; border-width:0px 0px 1px 0px}
div.product img {margin:16px; float:left}
div.product img.buy-now {margin:8px; float:right; cursor:pointer}
div.product h1 {font-size:120%; color:#4c6f94; font-weight:normal; margin:0px; padding:0px}
div.product h2 {font-size:110%; color:#ff6666; font-weight:normal; margin:0px 16px 0px 0px; padding:0px; text-align:right}
div.product h3 {font-size:90%; color:#4c6f94; font-weight:normal; margin:0px 16px 0px 0px; padding:0px; text-align:right}
div.product h4 {font-size:100%; color:#5c7fa4; font-weight:normal; margin:0px; padding:0px}
div.product h5 {font-size:90%; color:#666666; font-weight:normal; margin:0px; padding:0px}

div.product_text {float:left; width:230px}
div.product_full_text {float:left; width:100%}

#cart td {color:#999999; font-size:90%; margin:0px; padding:0px; font-weight:normal}
#cart img {cursor:pointer}

