/* 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} #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 {color:#ffffff; text-decoration:none; font-size:14px} li a{color:#000000; text-decoration:none} #header { width:285px;} h2 {font-family: Arial, Helvetica, sans-serif; font-size:12px; 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/pianos1.jpg) no-repeat; width:290px; height:147px; float:left} #rentals{ background: url(../images/rentals2.jpg) no-repeat; width:285px; height:147px; float:left} #customers{ background: url(../images/customers1.jpg) no-repeat; width:285px; height:100px; float:left; } #ads{ background: url(../images/pasadena_warehouse_sale.jpg) no-repeat; width:860px; height:123px; float:left; } #maillist{ background: url(../images/blue-bg-large.jpg) no-repeat; width:860px; height:55px; float:left; } #links{ height:55px; 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; } #products{ background: url(../images/products1.jpg) no-repeat; width:570px; height:255px; float:left; } #fame { background: url(../images/wall-of-fame1.jpg) no-repeat; width:290px; height:147px; float:left; } #fame p{text-align:left; padding:40px 120px 0px 10px; color:black; font-size: 9px} #fame h6{text-align:left; padding:6px 15px 0px 130px; color:#FFFFFF; margin:0; font-weight:bold} #video { background: url(../images/video.jpg) no-repeat; width:435px; height:295px; float:left; } #video p{text-align:left; padding:40px 120px 0px 10px;} #video h6{text-align:left; padding:6px 15px 0px 130px; color:#FFFFFF; margin:0; font-weight:bold} #center { background: url(../images/center.jpg) no-repeat; width:425px; height:295px; float:left;} #center p {text-align:left; padding:20px 0px 0px 10px ;} #center h6{text-align:right; padding:6px 15px 0px 200px; color:#FFFFFF; margin:0; font-weight:bold} #center2 {background: url(../images/center2.jpg) no-repeat; width:290px; height:270px; float:left;} #center5 {background: url(../images/center5.jpg) no-repeat; width:285px; height:255px; float:left;} .centertext { font-family: Times New Roman, Times, serif;font-size: 16px;color:white;} .centertext a:link{ color:#FFFFFF; font-size: 16px; text-decoration:none} .centertext a:visited{ color:#FFFFFF; font-size: 16px; text-decoration:none} .centertext a:active{ color:#FFFFFF; font-size: 16px; text-decoration:none} .centertext a:hover{ color:yellow; font-size: 16px; text-decoration:none} #specials{ background: url(../images/specials.jpg) no-repeat; width:190px; height:295px; float:left; } #specials p{text-align:right; padding:30px 10px 0px 160px;} #specials h6{text-align:right; padding:6px 15px 0px 200px; color:#FFFFFF; margin:0; font-weight:bold} #buyers { background: url(../images/piano-buyers-guide2.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} #featured { background: url(../images/featured_pianos.jpg) no-repeat; width:285px; height:147px; float:left; } #featured p{text-align:right; padding:50px 10px 0px 160px;} #featured 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:11px; 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:11px; margin:0px} #left h3{color:#000000; font-size:11px; padding:8px; margin:0px; } #left h2{ background-color:#A4A4D7; height:25px; padding:8px 0px 0px 15px; color:#FFFFFF; font-size:11px; margin:0px} #left li{ padding:8px 0px 0px 15px; color:#000000; font-size:11px; 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:11px; 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:11px; 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:11px; margin:0px; float: left; width:190px; font-weight:bold} #lefthead2{ background-color:#A4A4D7; height:25px; padding:8px 0px 0px 15px; color:#FFFFFF; font-size:11px; 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:11px; 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}