/* CSS Document */

body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0px 10px 7px;
	color: #fff;
	background-color: #000;
	
}

/* General Properties */

.hdg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #3e3e3e;
	margin: 0px;
}


td {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	color: #fff;
  	text-align: left;
}

td.frame {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-image: url(../images/frame_bg.gif);
	background-repeat: repeat-y;
	padding: 0px 6px 0px 6px;
}

td.empty {
  font-size: 1px;
  font-family: arial, verdana, helvetica;
  color: #fff;
}

h3 {
	padding: 0px;
	margin: 0px;
}

a:link {
	color: #de3e3e;
	text-decoration: none;
}
a:visited {
	color: #de3e3e;
	text-decoration: none;
}
a:hover {
	color: #de3e3e;
	text-decoration: underline;
}
a:active {
	color: #de3e3e;
	text-decoration: none;
}

td.header_bg {
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-x;
		padding-left: 25;
}

td.header_mm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-align: right;
}

td.mm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-align: left;
	background-image: url(../images/mm_tile.gif);
	background-repeat: repeat-x;
}

.mm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
}

a.mm:link {text-decoration:none; color: #fff;}
a.mm:visited {text-decoration:none; color: #fff;}
a.mm:hover {text-decoration:underline; color: #fff;}
a.mm:active {text-decoration:none; color: #fff;}

/* DD */

td.dd{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DE3E3E;
	text-align: left;
	background-color: #000;
	text-align: left;
}

td.dd_left{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #DE3E3E;
	text-align: left;
	background-color: #000000;
	text-align: left;
}

td.emptydd{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1px;
	background-color: #000;
}

.dd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #DE3E3E0;
}

a.dd:link {text-decoration:none; color: #DE3E3E;}
a.dd:visited {text-decoration:none; color: #DE3E3E;}
a.dd:hover {text-decoration:underline; color: #DE3E3E;}
a.dd:active {text-decoration:none; color: #DE3E3E;}


#centered {
	position:relative;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	top:0px;
	width:740px;
	z-index:1;
	visibility: visible;
}
	
#pianos {
	position:absolute;
	left:82px;
	top:88px;
	width:116px;
	height:58px;
	z-index:1;
	visibility: hidden;
}

#about {
	position:absolute;
	right:675px;
	top:88px;
	width:80px;
	height:58px;
	z-index:1;
	visibility: hidden;
}
#showroom {
	position:absolute;
	left:58px;
	top:88px;
	width:150px;
	height:38px;
	z-index:1;
	visibility: hidden;
}
#maint {
	position:absolute;
	left:430px;
	top:88px;
	width:260px;
	height:58px;
	z-index:1;
	visibility: hidden;
}
#exhibits {
	position:absolute;
	left:620px;
	top:88px;
	width:111px;
	height:58px;
	z-index:1;
	visibility: hidden;
}

/* Content */

td.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-align: left;
	padding: 75px 15px 75px 15px;
	background:#000000;
	verticle-align: top;
}
td.pianoListing{
	background-color:#181818;
	border:1px solid #2f2f2f;
	padding:15px;
	width:155px;
	text-align:center;
}
.thumbSmall{
	margin:3px; border:1px solid #666565;
}


/* Footer */

td.footer_l {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	padding: 7px;
	background-image: url(../images/footer_tile.gif);
	background-repeat: repeat-x;
	text-align: left;
	background-color: #000000;
}

td.footer_r {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	padding: 7px;
	background-image: url(../images/footer_tile.gif);
	background-repeat: repeat-x;
	text-align: right;
}

/* Image Hover */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -1000px;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 520px; /*position where enlarged image should offset horizontally */
top: 0px;
}