div#lists{
	list-style: none;
	font-size: 0.85em;
	margin: 15px auto;
	padding: 0;
	display: block;
	clear: both;
	text-align: center;
	}

div#lists ul{
	background: transparent;
	margin: 4px;
	padding: 0;
	float: left;
	display: block;
	width: 108px;
	list-style: none;
	text-align: left;
	}

div#lists ul li.title, 
div#lists ul li.a title{
	list-style: none;
	text-decoration: underline;
	color: #555555;
	}

div#lists ul li, div#lists ul li a{
	list-style: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #555555;
	}

div#googlemap{width:650px; height: 350px; clear: both; text-align: center; margin: 10px auto; padding: 0;}

div#more{clear: both; background: transparent; margin: 2em 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #bbbbbb; width: 100%;}

div#more p{float: left; width: auto; display: inline; font-size: 0.85em; color: #999999; border: none; clear: both; text-align: left; margin: 5px 0; padding: 0;line-height: 100%;}
div#more p a{border: none; color: #999999; text-decoration: none;}
div#more p a:hover{border: none; color: #555555; text-decoration: none;}

div#more div{float: right; clear: right; text-align: right; margin: 0; padding: 0; width: auto; display: inline; line-height: 100%;}
div#more div div{border: none; margin: 0; padding: 0;}
/*omit. for print media only */
div#print-header {display: none;}

/* GENERAL */
body{ color: #555555; background: #333333 url(../images/upright-room.gif) repeat center fixed; font-size: 0.8em; font-family: trebuchet ms, arial, verdana; line-height: 175%; letter-spacing: 0; word-spacing: 0; padding: 10px 0; margin: 0;}
div{display: block; overflow: hidden;}
p{font-size: 1em; }
p.left{text-align: left; clear: left;}
p.right{text-align: right; clear: right;}
p.center{text-align: center;}
h1{font-size: 2em; color: #333333; font-weight: normal; font-family: arial, sans serif, verdana; letter-spacing: -1px; word-spacing: -1px; margin: 0 0 0.75em 0;}
h1.index{font-size: 1.35em; color: #cc3300; font-weight: normal; font-family: arial, sans serif, verdana; letter-spacing: -1px; word-spacing: -1px; }
h2{font-size: 1.4em; color: #777777; font-weight: normal; font-family: arial, sans serif, verdana; letter-spacing: 0; word-spacing: 0; text-transform: lowercase;}
h3{font-size: 1.3em; color: #336699; font-weight: normal; font-family: arial narrow, arial, sans serif, verdana; letter-spacing: 1px; word-spacing: 1px; margin: 1em 0 0 0;}
h4{font-size: 1em; color: #333333; font-weight: bold; font-family: trebuchet ms, verdana, arial; letter-spacing: 0; word-spacing: 0; margin: 1em 0 0 0;}
img a{border: none; display: block; overflow: hidden;}
a {text-decoration: underline; color: #eeeaaa;}
a:hover {text-decoration: underline; color: #555555;}
p.small{font-size: 0.75em; font-family: arial, verdana, sans serif;}
p.outlink{font-size: 0.85em;text-align: right; float: right; font-style: italic;}

img.left{float: left;margin: 1em 1em 1em 0;}
img.right{float: right;margin: 1em 0 1em 1em;}

img.clearleft {clear: left;}
img.clearright {clear: right;}

img.border {padding:5px; border: 1px solid #eeeaaa; background: #ffffff;}

/* TOP */
div#topwrap{width: 950px; height: auto; margin: 0 auto; clear: both; text-align: center; padding: 10px 0; background: transparent url(../images/contact.png) no-repeat right 5px;}
img#logo{float: left; background: transparent; padding: 0; margin: -5px 0 5px -2px; border: none;}

/* NAVIGATION */
ul#nav{position: relative; top: 50px; right: 12px; float: right; text-align: center; background: transparent; color: #eeeaaa; display: block; margin: 0; padding: 0; font-size: 1em; width: auto; overflow: hidden;}
ul#nav li{background: transparent url(../images/nav-back.png) repeat-x center; list-style: outside none; display: block; padding: 10px 0; margin: 0; text-align: center; float: left; width: auto;}
ul#nav li a{text-decoration: none; color: #eeeaaa; border-left: 1px solid #999999; border-right: 1px solid #111111; padding: 6px 9px; margin: 0;}
ul#nav li.first a{border-left: none;}
ul#nav li.last a{border-right: none;}

ul#nav li.first{background: transparent url(../images/nav-back-left.png) no-repeat left center; padding-left: 10px;}
ul#nav li.last{background: transparent url(../images/nav-back-right.png) no-repeat right center; padding-right: 10px;}

ul#nav li a:hover{text-decoration: underline;}

ul#sidenav{clear: both; float: left; width: 190px; background: transparent url(../images/filter-white-17.png) repeat center; color: #505050; margin: 0; overflow: visible; padding: 5px; display: block; list-style: none; letter-spacing:0;}
ul#sidenav li.head{color: #ffffff; padding: 0 5px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;}
ul#sidenav li.head a{background: transparent url(../images/filter-gold-25.png) repeat center; color: #eeeaaa;}
ul#sidenav li.title{font-weight: bold;}
ul#sidenav li{list-style: none; margin: 0 -5px; padding: 0 5px 0 5px; color: #ffffff;}
ul#sidenav li a{text-decoration: none; padding: 1px 5px; display: block; margin: 3px 2px; color: #ffffff; background: transparent url(../images/filter-white-17.png) repeat center;}
ul#sidenav li a:hover{text-decoration: underline;}

/* MAIN */
div#main{background: transparent; clear: both; color: #555555; width: 950px; margin: 0 auto; padding: 0;}

div#left-pane-text{color: #ededed; float: left; clear: both; width: 190px; background: transparent url(../images/filter-white-17.png) repeat center; color: #505050; margin: 10px 0; overflow: visible; padding: 5px 5px 8px 5px; display: block; list-style: none; letter-spacing:0;}
div#left-pane-text div{margin: 3px 2px; padding: 1px 0; text-align: center; background: #ededed; }
div#left-pane-text div img{margin: 0 auto; height: 75px; padding: 0; text-align: center; background: #ededed; }
div#left-pane-text h1{font-size: 1em; padding: 2px 5px; margin: 5px 2px 3px 2px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; background: transparent url(../images/filter-gold-25.png) repeat center; color: #eeeaaa;}
div#left-pane-text p{line-height: 125%; color: #ededed; font-size: 0.9em; margin: 0 2px; padding: 5px; background: transparent url(../images/filter-white-17.png) repeat center;}
div#left-pane-text a{color: #eeeaaa; text-decoration: none;}

img#panoramic{clear: right; border: none; width: 720px; margin: 0; position: relative; left: 10px; top: 0;  padding: 10px; background: #f5f5f5;}
div#content{clear: right; color: #555555; width: 700px; margin: 0; position: relative; left: 10px; top: 5px; text-align: left; padding: 30px 20px; background: #f5f5f5;}
div#content a{color: #336699; text-decoration: underline;}

div#content div.duos, div#content div.trios{background: #ffffff; border: 1px solid #eeeaaa; clear: both; margin: 20px -10px; padding: 5px; text-align: center;}
div#content div.duos img.range, div#content div.trios img.range{position: relative; top: 0; float: right; z-index: 0; margin: 0; clear: both; display: block; border: none;}
div#content div.duos h1, div#content div.trios h1{text-align: left; margin: 10px 5px 10px 5px; font-size: 1.5em; color: #555555; letter-spacing: 0; word-spacing: 0;}
div#content div.duos h1 a, div#content div.trios h1 a{color: #555555; text-decoration: none;}
div#content div.duos h3, div#content div.trios h3 {background: #eeeaaa; clear: both; margin: 1em 5px; padding: 5px; color: #555555; text-decoration: none;}
div#content div.duos h3 a, div#content div.trios h3 a{color: #555555; text-decoration: none;}
div#content div.duos p, div#content div.trios p{text-align: left; margin: 1em;}
div#content div.duos div, div#content div.trios div{clear: both; display: block; margin: 0; padding: 0; border: 0;}
div#content div.trios div div{text-align: center; clear: both; width: 214px; margin: 5px; padding: 5px; border: 1px solid #ededed; background: #ffffff; clear: none; float:left; display: block; overflow: hidden;}
div#content div.duos div div{text-align: center; clear: both; width: 332px; margin: 5px; padding: 5px; border: 1px solid #ededed; background: #ffffff; clear: none; float:left; display: block; overflow: hidden;}
div#content div.duos div div h1, div#content div.trios div div h1{text-align: left; font-size: 1.25em; color: #555555; background: #f0f0f0; font-weight: normal; font-family: arial; letter-spacing: 0; word-spacing: 0; margin: 0; padding: 5px 5px;}
div#content div.duos div div img, div#content div.trios div div img{clear: both; height: 150px; margin: 0 auto; text-align: center; background: #ffffff; border: none;}
div#content div.duos div div img a, div#content div.trios div div img a{clear: both; margin: 0 auto; text-align: center; background: #ffffff;border: none;}
div#content div.duos div div img a:hover, div#content div.trios div div img a:hover{clear: both; margin: 0 auto; text-align: center; background: #eeeaaa;border: none;}
div#content div.duos div div p, div#content div.trios div div p{text-align: left; font-size: 0.9em; margin: 0; padding: 5px;}

div.broad{border: 1px solid #ededed; background: #eeeaaa; color: #555555; padding: 5px; font-size: 0.85em; margin: 1em -1em;}

/* BOTTOM */
div#footer{background: transparent; color: #cccccc; width: 950px; font-family: arial, verdana, sans serif; font-size: 0.85em; height: auto; margin: 15px auto 0 auto; clear: both; text-align: center; padding: 5px 0; }
div#footer p.terms{text-align: right; float: right; clear: right; font-size: 1.25em; margin: 0 0 0 1em;}
div#footer p.copy{text-align: left; float: left; clear: left; margin: 0 1em 0 0;}
div#footer p.address{text-align: left; float: left; clear: left; margin: 0 1em 0 0;}
div#footer p.contact{text-align: left; float: left; clear: left; margin: 0 1em 0 0;}
div#footer a{color: #eeeaaa; text-decoration: underline;}
div#footer a:hover{color: #ffffff;}

p#inlinesitemap{ font-size: 0.7em; width: 990px; margin: 10px auto; padding: 0 5px; color: #bbbbbb; background: transparent url(../images/filter-gold-25.png) repeat center; overflow: hidden; display: block; clear: both; float: none; text-align: center; text-transform: lowercase;}
p#inlinesitemap a{color: #bbbbbb; text-decoration: none;}

/* PIANO PROFILES */
div.venables{background: transparent url(../images/group-venables.png) no-repeat left top; padding-top: 40px;}
div.venables div.profile{background: #ffffff url(../images/range-venables.png) no-repeat right 5px;}

div.brodmann{background: transparent url(../images/group-brodmann.png) no-repeat left top; padding-top: 40px;}
div.brodmann div.profile{background: #ffffff url(../images/range-brodmann.png) no-repeat right 5px;}

div.yamaha{background: transparent url(../images/group-yamaha.png) no-repeat left top; padding-top: 40px;}
div.yamaha div.profile{background: #ffffff url(../images/range-yamaha.png) no-repeat right 5px;}

div.profile{
	border: 1px solid #eeeaaa;
	background: #ffffff;
	width: auto;
	clear: both;
	display: block;
	overflow: hidden;
	margin: 2em 0 1em 0;
	padding: 1em;
	}

div.profile h1{
	position: relative;
	z-index: 2;
	clear: both;
	padding: 0;
	margin: 0;
	font-size: 1.5em;
	font-weight: normal;
	font-family: arial, verdana, sans serif;
	color: #333333;
	letter-spacing: 0;
	word-spacing: 0;
	}

div.profile p{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 1em;
	}

div#pianopic{
	background: transparent;
	width: 100%;
	height: auto;
	overflow: visible;
	margin: 0 0 -30px 0;
	text-align: center;
	float: none;
	clear: both;
	display: block;
	position: relative;
	top: -30px;
	}

div#pianopic img{
	margin: 0 auto 0 auto;
	padding: 0;
	display: block;
	border: none;
	float: none;
	text-align: center;
	clear: both;
	width: 300px;
	height: 300px;
	}

div.review{
	clear: both;
	display: block;
	float: none;
	margin: 0;
	padding: 0.5em 0;
	}

div.review p{
	margin: 1em;
	width: auto;
	}

#prices{
	margin: 0;
	padding: 10px 0;
	border: none;
	font-weight: normal;
	clear: both;
	display: block;
	width: auto;
	}

div.review h1, div#prices h1{
	font-size: 1.5em;
	font-family: arial;
	padding: 5px 0;
	clear: both;
	margin: 5px 0 0.5em 0;
	letter-spacing: 0;
	font-weight: normal;
	border-top: none;
	border-bottom: 1px dotted #C9A845;
	color: #333333;
	}

#prices h4{width: 320px; display: block; margin: 0 0 -5px 0; padding: 5px 10px; color: #336699; text-align: center; font-weight: normal; background: transparent;}

#prices table,
#prices table#yamaha{
	background: #ffffff;
	margin: 15px 20px;
	padding: 0;
	font-weight: normal;
	float: left;
	display: block;
	width: 310px;
	font-size: 0.9em;
	text-align: left;
	}

#prices table tr.title,
#prices table#yamaha tr.title{
	background: transparent url(../images/filter-black-25.png) repeat center;
	height: auto;
	color: #333333;
	}
  
#prices table tr.title td,
#prices table#yamaha tr.title td{
	font-weight: bold;
	}

#prices table tr,
#prices table#yamaha tr{
	background: transparent url(../images/filter-gold-25.png) repeat center;
	height: auto;
	color: #333333;
	}
  
#prices table td.finish{
	width: 220px;}

#prices table#yamaha td.finish{
	width: 170px;}

#prices table td{
	width: 80px;}

#prices table#yamaha td{
	width: 55px;}

#prices table tr td,
#prices table#yamaha tr td{
	font-weight: normal;
	padding: 0 5px;
	}

#prices p{
	font-family: arial, verdana, sans serif;
	width: 315px;
	float: right;
	clear: right;
	margin: 15px 0 0 10px;
	padding: 5px 10px;
	color: #333333;
	font-size: 1em;
	letter-spacing: 0;
	border: 1px solid #cccccc;
	background: #ffffff;
	}

/* SPECIAL PAGES */
div#sitemap{ font-size: 0.85em; width: 400px; margin: 25px auto; padding: 10px; color: #bbbbbb; background: transparent url(../images/filter-black-75.png) repeat center; display: block; clear: both; float: none; text-align: center;}
div#sitemap a{color: #bbbbbb; text-decoration: none;}
div#sitemap h1{ color: #bbbbbb; margin: 0; padding: 0; font-size: 1.75em; letter-spacing: 0; word-spacing: 0;}
div#sitemap ul{ clear: both; text-align: left; list-style: square;}
div#sitemap li{ clear: both; text-align: left; list-style: square;}

div#terms{ font-size: 0.85em; width: 400px; margin: 25px auto; padding: 10px; color: #bbbbbb; background: transparent url(../images/filter-black-75.png) repeat center; display: block; clear: both; float: none; text-align: left;}
div#terms h1{ color: #bbbbbb; margin: 0; padding: 0; font-size: 1.75em; letter-spacing: 0; word-spacing: 0;}
div#terms a{color: #bbbbbb; text-decoration: none;}