/*--------------------------------------------------
CSS Override 
--------------------------------------------------*/
html,body,a,abbr,acronym,address,applet,big,blockquote,caption,cite,code,del,dfn,dd,div,dl,em,fieldset,form,dt,h1,h2,h3,h4,h5,h6,iframe,img,input,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,strike,strong,span,sub,sup,table,tbody,textarea,thead,td,th,tr,tt,ul,var {border:0;outline:0;border-collapse:collapse;font-family:inherit;font-size:100%;font-style:inherit;font-weight:normal;margin:0;padding:0;text-decoration:none;vertical-align:top;}
:focus {}
body {line-height:1;}
ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
caption,th,td {font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after {content:"";}
blockquote,q {quotes:"" "";}
/*--------------------------------------------------*/
body{
background:#333333 url(/graphics/pattern.gif);
border-top:#262626 9px solid;
color:#ffffff;
font:16px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
line-height:150%;
margin-bottom:54px;padding-top:18px;
word-spacing:.2em;
}
a{
color:#ffffff;
}
a:hover{
text-decoration:underline;
}
p,ol{
padding:0 0 18px 0;
}
ol li{
padding-bottom:9px;
}
h1,h2,h3{
font-size:20px;
padding:18px 0 9px 0;
}
h1 i{
font:bold 52px normal;
}
h1 span {
font-size:108px;
margin-right:18px;
position:relative; *position:none;
padding-top:36px;
top:36px;
}
#endquote {
clear:both;
float:right;
font-size:108px;
margin:0 18px 0 0;
*padding-bottom:36px;
}
h2{
font-style:italic;
padding-bottom:18px;
}
#contactinfo{
clear:right;
float:left;
padding:18px 0 54px 0;
text-align:center;
}
#contactinfo ul{
border-top:#1a1a1a 1px solid;
margin-top:9px; padding-top:9px;
}
#phone{
font:52px Times New Roman, serif;
}
.resource{
background:url(/graphics/resource.gif) no-repeat;
padding:3px 0 3px 0;
width:317px;height:66px;
}
.resource a{
color:#991f1f;
padding:17px 0 17px 0;
display:block;
}
#title, #contactinfo a, h1{
font-size:20px;
}
#logo{
background:url(/graphics/logo.gif);
display:block;
width:289px;height:134px;
}
#title{
color:#ffffff;
position:absolute;top:59px;left:262px;
}
#headercontent{
margin-left:198px;
position:relative;
width:840px;
z-index:0;
}
#menu{
background:url(/graphics/menubase.gif) repeat-x top;
width:100%;height:80px;
position:relative;top:23px;
}
#menu ul{
margin-left:126px;
position:relative;
text-transform:uppercase;
width:840px;height:auto;
z-index:5;
}
#menu ul li{
font-size:20px;
float:left;
margin:28px 0 0 0;
}
#menu ul li a{
border-left:#bf9973 1px solid;
color:#991f1f;
padding:0 18px 0 18px;
}
#menu ul li a:hover{
color:#cc2929;
text-decoration:underline;
}
#menu ul li #pianolessons:hover{
background:url(/graphics/pianolessons.gif) 0px -103px no-repeat;
text-decoration:none;
}
#menu ul li #pianolessons{
background:url(/graphics/pianolessons.gif) top no-repeat;
border:none;
color:#ffffff;
display:block;
padding:29px 0 0 0;
position:relative;top:-42px;left:-16px;
text-align:center;
width:172px;height:74px;
z-index:6;
}
#menu ul li #nmta{
background:url(/graphics/nmta.gif) no-repeat;
border:none;
display:block;
position:absolute;top:-35px;right:0px;
text-indent:-9999px;
width:187px;height:142px;
}
#testimonials h1 {
border-bottom:#1a1a1a 1px solid;
margin-bottom:18px;
}
#testimonials {
clear:both;
padding-top:18px;
margin-top:-54px;
position:relative;
}
#testimonials li{
border-right:#1a1a1a 1px solid;
float:left;
font-style:italic;
width:230px;
padding:0 23px 0 23px;
}
#testimonials .last {
border:none;
}
#testimonials li span {
font-style:normal;
font-weight:bold;
display:block;
margin:18px 0 18px 0;
}
#ornament{
background:url(/graphics/ornament.gif) no-repeat;
position:absolute;top:0px;right:0px;
width:216px;height:295px;
}
#keys{
background:url(/graphics/keys.gif) no-repeat;
position:absolute;top:0px;left:0px;
width:73px;height:761px;
z-index:1;
}
#contentback {
margin-left:126px;padding:54px 0 0 0;
position:relative;
width:840px;
}
#picture,#prices{
background:url(/graphics/picture.gif) no-repeat;
float:left;
margin-right:54px;
position:relative;
width:429px;height:340px;
text-indent:-9999px;
}
#prices{
background:url(/graphics/prices.gif) no-repeat;
float:right;
height:295px;
line-height:125%;
margin-left:54px;padding-top:90px;
text-indent:0px;
top:-54px;
}
#prices .one{
position:absolute;left:46px;
}
#prices .two{
position:absolute;right:46px;
}
#prices li{
margin-bottom:18px; 
}
#prices li i{
color:#6cd96c;
font:22px Times New Roman, serif normal;
}
#friends{
padding-top:9px;
}
#friends li a{
background:#404040;
border-bottom:#333333 1px solid;
display:block;
padding:9px;
width:100%;
}
#friends li a:hover{
background:#ffffff;
border-bottom:#262626 1px solid;
color:#333333;
font-size:20px;
text-align:center;
text-decoration:none;
}
#contact {
margin:0 0 36px 0;
}
#contact h1{
padding-bottom:9px;
}
textarea {
color:#333333;
border:#262626 3px solid; 
background:#ffffff url("/graphics/contactshade.png") repeat-x top;
font-style:italic;
line-height:150%;
margin-bottom:18px; padding:9px 0 9px 6px;
overflow:hidden;
width:342px;
}
.inputname,.inputmail {
font-family:Georgia,Times,Times New Roman,serif; font-size:16px;
height:18px;
}
textarea.message {
font-family:Georgia,Times,Times New Roman,serif; font-size:16px;
width:414px; height:112px;
}
.inputb {
border:0;
display:block;
font-family:Georgia,Times,Times New Roman,serif; font-size:22px;
margin:36px 0 18px 78px; padding-right:4px;
text-transform:uppercase;
width:148px; height:112px;
}
.inputb:hover {
color:#cc6666;
text-decoration:underline;
}
#split {
border-left:#1a1a1a 1px solid;
float:right;
margin:0 36px 18px 0;
width:317px; height:432px;
}
#split p {
background:#404040;
border:#1a1a1a 1px solid; border-right:none; border-left:none;
color:#e5e5e5;
font-style:italic;
padding:18px; 
}
#footer{
border-top:#1a1a1a 1px solid;
clear:both;
margin-top:36px;
padding-top:18px;
}
#footer li{
border-left:#1a1a1a 1px solid;
display:block;
float:left;
padding:0 18px 0 18px;
width:523px;
}
#footer #miniphone{
border:none;
font:22px Times New Roman, serif;
margin-top:36px;padding:0;
text-align:center;
width:280px;
}