body {
color : #2b2b2b; 
background-color : #000000; 
; background-image: url(../images/background.gif); background-position: center top; background-repeat: no-repeat
} 
.color {
font-family : Arial, Helvetica, sans-serif; 
color : #0000ff; 
line-height : normal; 
background-color : #ffffff; 
border-style : none; 
border-top-width : 0; 
border-right-width : 0; 
border-bottom-width : 0; 
border-left-width : 0; 
} 
td {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #2b2b2b; 
line-height : normal; 
font-size : 12px;
line-height: 15px; 
} 
#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(../images/b_pianos_toronto_o.gif);
       background-image: url(../images/b_piano_services_o.gif);
       background-image: url(../images/b_piano_info_o.gif);
       background-image: url(../images/b_contact_o.gif);
}
a:link {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #2b2b2b; 
text-decoration : none; 
font-weight : bold; 
font-size : 13px; 
} 
a:visited {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #2b2b2b; 
text-decoration : none; 
font-weight : bold; 
font-size : 13px; 
} 
a:hover {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #cc9900; 
text-decoration : none; 
font-weight : bold; 
font-size : 13px; 
} 
a.b:hover {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #cc9900 !important; 
line-height : normal; 
font-weight : bold; 
font-variant : normal; 
font-size : 10px; 
text-decoration : none; 
} 
a.b:link {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #666666; 
font-weight : bold; 
font-variant : normal; 
text-decoration : none; 
line-height : normal; 
font-size : 10px; 
} 
a.b:visited {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #666666; 
line-height : normal; 
font-weight : bold; 
font-variant : normal; 
text-decoration : none; 
font-size : 10px; 
} 
a.c:link {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #999999; 
text-decoration : none; 
font-weight : bold; 
line-height : normal; 
font-size : 12px; 
} 
a.c:visited {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #999999; 
text-decoration : none; 
font-weight : bold; 
line-height : normal; 
font-size : 12px; 
} 
a.c:hover {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #ff00ff; 
text-decoration : none; 
font-weight : bold; 
line-height : normal; 
font-size : 12px; 
} 
a.f:link {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #999999; 
text-decoration : none; 
font-size : 10px; 
} 
a.f:visited {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #999999; 
text-decoration : none; 
font-size : 10px; 
} 
a.f:hover {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #cc9900; 
text-decoration : none; 
font-size : 10px; 
} 

hr {
border : 0 none ; 
color : #ffccff; 
background-color : #cc9933; 
height : 1px; 
} 
form {
display : inline; 
} 
.first:first-letter {
font-size : 150%; 
font-weight : bold; 
float : left; 
color : #6699ff; 
} 
.brackets {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #333333; 
line-height : normal; 
font-style : italic; 
} 
.optional {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #ff00ff; 
line-height : normal; 
font-size : 12px; 
font-weight : bold; 
} 
.single {
font-family : Arial, Helvetica, Verdana, sans-serif; 
font-size : 12px; 
font-weight : bold; 
color : #000099; 
background-color : #ffffff; 
text-decoration : none !important; 
} 
.fill {
height : 100%; 
} 
.red {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #ff00ff; 
line-height : normal; 
font-size : 16px; 
font-weight : bold; 
} 
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
color : #3d2f13; 
line-height : normal; 
font-size : 20px;
font-weight: normal;
} 
.top {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #336699; 
line-height : normal; 
font-size : 12px; 
} 
.left {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #336699; 
line-height : normal; 
font-size : 12px; 
} 
.mid {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #336699; 
line-height : normal; 
font-size : 12px; 
} 
.right {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #336699; 
line-height : normal; 
font-size : 12px; 
} 
.break {
font-family : Arial, Helvetica, Verdana, sans-serif; 
font-size : 12px; 
font-weight : bold; 
color : #999999; 
} 
.tiHeading {
font-family : Arial, Helvetica, Verdana, sans-serif; 
color : #ff00ff; 
text-decoration : none; 
font-weight : bold; 
font-size : 14px; 
; font-variant: small-caps
} 
.bg1 {
background-color : #CEDFEF; 
} 
.copy {  
font-size: 10px;
font-family : Arial, Helvetica, Verdana, sans-serif;
color: #2b2b2b;
font-weight: normal;
}
.copy a:link {  
font-size: 10px;
font-family : Arial, Helvetica, Verdana, sans-serif;
color: #2b2b2b;
font-weight: normal;
}
.copy a:visited {  
font-size: 10px;
font-family : Arial, Helvetica, Verdana, sans-serif;
color: #2b2b2b;
font-weight: normal;
}
.copy a:hover {  
font-size: 10px;
font-family : Arial, Helvetica, Verdana, sans-serif;
color: #2b2b2b;
text-decoration: underline;
font-weight: normal;
}
img {
border: 0;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 0;
 width: 247px;
	list-style-type: none;
	list-style-image: url(../images/spacer.gif);
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menulist ul {
 display: none;
 position: absolute;
 top: 0;
 left: 224px;
list-style-type: none;
	background-color: #CCCCCC;
	width: 150px;
	border-top: #656565 1px solid;

}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menulist li {
 position: relative;
 border: 0;
 background: #FFFFFF;
}

.menulist ul li {
border-bottom: #656565 1px solid;
border-right: #656565 1px solid;
border-left: #656565 1px solid;
}
.menulist ul li a {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
text-decoration: none;
font-weight: normal;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #000;
 text-decoration: none;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #2b2b2b;
 background-color: #CCCCCC;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #FFF;
}
.menulist a#pianos {
 display: block;
 padding: 0;
 color: #000;
 text-decoration: none;
	background-image: url(../images/b_pianos_toronto.gif);
	height: 22px;
	background-repeat:no-repeat;
background-position: top left;
}
.menulist a#pianos:hover, .menulist a.highlighted#pianos:hover, .menulist a:focus {
 color: #FFF;
 background-color: #FFF;
	background-image: url(../images/b_pianos_toronto_o.gif);
}
.menulist a#services {
 display: block;
 padding: 0;
 color: #000;
 text-decoration: none;
	background-image: url(../images/b_piano_services.gif);
	height: 22px;
	background-repeat:no-repeat;
background-position: top left;
}
.menulist a#services:hover, .menulist a.highlighted#services:hover, .menulist a:focus {
 color: #FFF;
 background-color: #FFF;
	background-image: url(../images/b_piano_services_o.gif);
}
.menulist a#about {
 display: block;
 padding: 0;
 color: #000;
 text-decoration: none;
	background-image: url(../images/b_piano_info.gif);
	height: 20px;
	background-repeat:no-repeat;
background-position: top left;
}
.menulist a#about:hover, .menulist a.highlighted#about:hover, .menulist a:focus {
 color: #FFF;
 background-color: #FFF;
	background-image: url(../images/b_piano_info_o.gif);
}
.menulist a#contact {
 display: block;
 padding: 0;
 color: #000;
 text-decoration: none;
	background-image: url(../images/b_contact.gif);
	height: 22px;
	background-repeat:no-repeat;
background-position: top left;
}
.menulist a#contact:hover, .menulist a.highlighted#contact:hover, .menulist a:focus {
 color: #FFF;
 background-color: #FFF;
	background-image: url(../images/b_contact_o.gif);
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist li {
 float: left;
 width: 100%;
}

* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}
/* End Hacks */</a></ul></ul>

.preload { width: 0px; height: 0px; display: inline; background-image: url(../images/b_pianos_toronto_o.gif); background-image: url(../images/b_piano_services_o.gif); background-image: url(../images/b_piano_info_o.gif); background-image: url(../images/b_contact_o.gif); }