/* CSS Document */


body{ margin:0; font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size:12px; background:url(../images/page-pg_black.gif) repeat; }

p { margin:0; font-size:13px;}
#wrapper{ margin:0 auto; width:860px; background:url(../images/middle-bg.gif)}
#wrapper2{ margin:0 auto; width:860px; background:url(../images/middle-bg1.gif)}
#wrapper3{ margin:0 auto; width:612px; background:url(../images/middle-bg1.gif)}

li a{color:#000000; text-decoration:none}

#header { width:860px;}	

h2 {font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size:14px; color:black}


h1   a:link{ color:#FFFFFF; text-decoration:none}
h1   a:visited{ color:#FFFFFF; text-decoration:none}
h1   a:active{ color:#FFFFFF; text-decoration:none}
h1   a:hover{ color:#177b95; text-decoration:none}

h6   a:link{ color:#FFFFFF; font-size:10px; text-decoration:none}
h6   a:visited{ color:#FFFFFF; font-size:10px; text-decoration:none}
h6   a:active{ color:#FFFFFF;font-size:10px; text-decoration:none}
h6   a:hover{ color:#F3882A; font-size:10px; text-decoration:none}


#toplinks{ height:27px; background:url(../images/blue-bg.gif) repeat-x; width:840px; padding:9px 9px 0px 9px; text-align:center; color:#FFFFFF; font-weight:bold; border-left:#FFFFFF 1px solid; border-right:#FFFFFF 1px solid; }

	#toplinks	a:link{ color:#FFFFFF; font-size:12pt; text-decoration:none}
	#toplinks	a:visited{ color:#FFFFFF; font-size:12pt; text-decoration:none}
	#toplinks	a:active{ color:#FFFFFF; font-size:12pt; text-decoration:none}
	#toplinks	a:hover{ color:#F3882A; font-size:12pt; text-decoration:none}	   
	
	
	li a:link { color:#000000; text-decoration:none}
	li a:visited { color:#000000; text-decoration:none}
	li a:active { color:#000000; text-decoration:none}
	li a:hover { color:#F3882A; text-decoration:none}

#pianos{ background: url(../images/pianos.jpg) no-repeat; width:290px; height:107px; float:left}

#pianos p{text-align:right; padding:30px 15px 0px 150px;}
#pianos h6{text-align:right; padding:20px 10px 0px 190px; color:#FFFFFF; margin:0; font-weight:bold; letter-spacing:0px}


#rentals{ background: url(../images/rentals.jpg) no-repeat; width:285px; height:107px; float:left}
#rentals p{text-align:right; padding:30px 10px 0px 100px;}
#rentals h6{text-align:right; padding:6px 15px 0px 200px; color:#FFFFFF; margin:0; font-weight:bold}


#customers{ background: url(../images/customers.jpg) no-repeat; width:285px; height:107px; float:left; }
#customers p{text-align:right; padding:30px 10px 0px 160px;}
#customers h6{text-align:right; padding:6px 15px 0px 200px; color:#FFFFFF; margin:0; font-weight:bold}

#fame { background: url(../images/wall-of-fame.jpg) no-repeat; width:290px; height:147px; float:left; }
#fame p{text-align:left; padding:40px 120px 0px 10px; font-size:9px}
#fame h6{text-align:left; padding:6px 15px 0px 130px; color:#FFFFFF; margin:0; font-weight:bold}

#buyers { background: url(../images/piano-buyers-guide.jpg) no-repeat; width:285px; height:147px; float:left; }
#buyers p{text-align:right; padding:50px 10px 0px 160px;}
#buyers h6{text-align:right; padding:20px 15px 0px 200px; color:#FFFFFF; margin:0; font-weight:bold}

#sellers { background: url(../images/piano-sellers-guide.jpg) no-repeat; width:285px; height:147px; float:left; }
#sellers p{text-align:right; padding:50px 10px 0px 160px;}
#sellers h6{text-align:right; padding:20px 15px 0px 210px; color:#FFFFFF; margin:0; font-weight:bold}

#footer{ background:url(../images/footer-bg.jpg); width:830px; padding:15px; color:#FFFFFF; text-align:center; height:126px; float:left; margin:0 auto} 
    #footer		a:link{ color:#FFFFFF; text-decoration:none}
	#footer		a:visited{ color:#FFFFFF;  text-decoration:none}
	#footer		a:active{ color:#FFFFFF;  text-decoration:none}
	#footer		a:hover{ color:#F3882A; text-decoration:none}	

#footer h3{ padding-top:10px; font-size:12px; margin:0}

#middle{ border-top:#FFFFFF 1px solid; background: url(../images/middle-bg.gif); width:860px; float:left}

#left{ float:left; width:205px; }
#left h1{ background-color:#67CDCD; height:25px; padding:8px 0px 0px 15px; color:#FFFFFF; font-size:14px; margin:0px; }
#left h3{color:#000000; font-size:14px; padding:8px; margin:0px; }
#left h2{ background-color:#A4A4D7; height:25px; padding:8px 0px 0px 15px; color:#FFFFFF; font-size:14px; margin:0px; }
#left li{ padding:8px 0px 0px 15px; color:#000000; font-size:14px; margin:0; list-style:none; margin:0px; }

#green{background-color:#E9F4F4; width:205px; }
#violet{ background-color:#E9EAF4; width:205px; float:left }
#pink{ background-color:#F4E9F4;width:205px; float:left}

#yellow{ background-color:#F0BF5F;height:25px; padding:8px 0px 0px 15px; color:#000000; font-size:14px; margin:0px; float: left; width:190px; font-weight:bold; }
#yellow   a:link{ color:#FFFFFF; text-decoration:none}
#yellow  a:visited{ color:#FFFFFF; text-decoration:none}
#yellow   a:active{ color:#FFFFFF; text-decoration:none}
#yellow  a:hover{ color:#177b95; text-decoration:none}

#orange{ background-color:#EF7153;height:25px; padding:8px 0px 0px 15px; color:#FFFFFF; font-size:14px; margin:0px; float: left; width:190px; font-weight:bold; }
#orange img {float:left}
#orange   a:link{ color:#FFFFFF; text-decoration:none}
#orange   a:visited{ color:#FFFFFF; text-decoration:none}
#orange   a:active{ color:#FFFFFF; text-decoration:none}
#orange  a:hover{ color:#177b95; text-decoration:none}


#lefthead1{ background-color:#67CDCD; height:25px; padding:8px 0px 0px 15px; color:#FFFFFF; font-size:14px; margin:0px; float: left; width:190px; font-weight:bold; }

#lefthead2{ background-color:#A4A4D7; height:25px; padding:8px 0px 0px 15px; color:#FFFFFF; font-size:14px; margin:0px; float: left; width:190px; font-weight:bold; }
#lefthead2   a:link{ color:#FFFFFF; text-decoration:none}
#lefthead2   a:visited{ color:#FFFFFF; text-decoration:none}
#lefthead2   a:active{ color:#FFFFFF; text-decoration:none}
#lefthead2   a:hover{ color:#177b95; text-decoration:none}	

#lefthead3 { background-color:#CD9ACE; height:25px; padding:8px 0px 0px 15px; color:#FFFFFF; font-size:14px; margin:0px; float: left; width:190px; font-weight:bold; }

#lefthead3   a:link{ color:#FFFFFF; text-decoration:none}
#lefthead3   a:visited{ color:#FFFFFF; text-decoration:none}
#lefthead3   a:active{ color:#FFFFFF; text-decoration:none}
#lefthead3   a:hover{ color:#177b95; text-decoration:none}	

#left img{ padding-right:5px; }

#inner-fame{ float:left;background-color:#F2F2F2; width:184px; margin:0px;float:left; padding:10px; background:url(../images/wall-of-fame-inner.jpg) no-repeat top}
#inner-fame p a{ color:#0000CC; font-weight:bold}
#inner-fame p{ padding:65px 5px 10px 5px}
#fame-top img{ float:left; margin:0}

#middle-header{ float:left; width:652px}
#content{width:600px; float:left; margin:20px; font-size:12px; text-align:justify}
#content   a:link{ color:#177b95; font-weight:bold; text-decoration:none}
#content   a:visited{ color:#177b95; font-weight:bold; text-decoration:none}
#content   a:active{ color:#177b95F; font-weight:bold; text-decoration:none}
#content   a:hover{ color:#F3882A; font-weight:bold; text-decoration:none}
#content p { padding: 5px 0px 5px 0px; clear:both}
#content p li { margin:20px}

.img-left{margin:10px 10px 10px 0; float:left}

.img-right{margin:10px 0px 10px 10px; float:right}	  

.pianoheading {	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;font-style: italic;font-weight: bold;}
.pianorentals {	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 18px;font-style: italic;font-weight: bold; color:#aeaee0}
.pianobody {	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-style: italic; }
.pianobody1 {	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; }
.pianobodyred {	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; color:red; font-weight: bold}  
.pianobody2 {	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; font-weight: bold;}
.pianofooter {	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-style: italic;}
.events	{	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color:#b60b0b;font-weight: bold;}
.list	{	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color:black;}

.footersmall		a:link{ color:#FFFFFF; font-size: 9px; text-decoration:none}
.footersmall		a:visited{ color:#FFFFFF; font-size: 9px; text-decoration:none}
.footersmall			a:active{ color:#FFFFFF; font-size: 9px; text-decoration:none}
.footersmall			a:hover{ color:#F3882A; font-size: 9px; text-decoration:none}

.footersmalla		{	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color:#b4b4b4;}
.footersmalla		a:link{ color:#b4b4b4; font-size: 9px; text-decoration:none}
.footersmalla		a:visited{ color:#b4b4b4; font-size: 9px; text-decoration:none}
.footersmalla			a:active{ color:#b4b4b4; font-size: 9px; text-decoration:none}
.footersmalla			a:hover{ color:#F3882A; font-size: 9px; text-decoration:none}
	  
