@import url("../rpigbl.css");
body {
	background: #43322E;
	text-align: center;
	font-size: 70%; /* 11px font-size */
}
body#comment {
	 line-height: 1.50;
}
body#sub { /* Gallery Sub-Pages */
	 font-size: 75%; /* 12px font-size */
	 line-height: 1.55;
}
#wrapper {
 	width: 820px;
	margin: 0 auto;
}
#logoContainer {
	background: #6F4F3E; /* #876a59 logo banner color, #816555 darker banner if needed */ 
	width: 820px;
	height: 99px;
	text-align: left;
	float: left;
	clear: left;
}
#logo { /* Logo header */
	background: #6F4F3E;
	height: 30px;
	margin-top: 5px;
	margin-left: 32px;
	float: left; 
	clear: left;
	position: relative;
}
#logopic { /* Logo pic header */
	height: 55px; 
	margin-left: 32px;
	float: left; 
	clear: left;
	position: relative;
}
#navmain { /* Navigation bar */
	height: 20px;
	margin-top: -9px;
	margin-left: 32px;
	display: inline;
	float: left;
	clear: left;
}
#container { /* about, process pages */
	background: #F4EEE0;
	width: 820px;
	text-align: left;
	margin-top: -26px;
	padding-top: 71px;
	padding-bottom: 30px;
	float: left;
	clear: left;
}
#containerGL { /* Gallery page */
	background: #F4EEE0;
	width: 820px;
	text-align: left;
	margin-top: -26px;
	padding-top: 65px;
	padding-bottom: 30px;
	float: left;
	clear: left;
}
#containerBx {
	background: #F4EEE0;
	width: 820px;
	text-align: left;
	margin-top: -11px;
	padding-top: 61px;
	padding-bottom: 30px;
	float: left;
	clear: left;
}
#containerCt { /* Contact page */
	background: #F4EEE0;
	width: 820px;
	text-align: left;
	margin-top: -11px;
	padding-top: 11px;
	padding-bottom: 30px;
	text-align: left;
	float: left;
	clear: left;
}
/* Containers for content */
.lftcolumn {
	width: 216px;
	margin-top: 13px;
	margin-left: 32px;
	float: left;
	clear: right;
}
.lftcolumnPr { /* Process pages, Narrow column */
	width: 143px;
	margin-top: 13px;
	margin-left: 32px;
	float: left;
}
.rtcolumn { /* pianorestoration (about) page */
	width: 538px;
	float: left;
	clear: right;
}
.rtcolumnPr3 { /* Process pages, Regular size */
	width: 216px;
	margin-top: 13px;
	float: left;
	clear: right;
}
.rtcolumnPr { /* process pages */
	width: 275px;
	float: left;
	clear: right;
}
.rtcolwhite { /* White background */
	width: 538px;
	background:#FFFFFF;
	float: left;
}
.lftcontent { /* pianorestoration (about) page */
	width: 249px;
	float: left;
	padding-top: .6em;
	padding-left: 11px;
	padding-right: 9px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #FFFFFF;
	line-height: 1.35;
}
.rtcontent { /* pianorestoration (about) page */
	width: 249px;
	float: left;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #FFFFFF;
	line-height: 1.35;
}
.lftcontentPr { /* process pages */
	width: 255px;
	float: left;
	padding-top: .6em;
	padding-left: 11px;
	padding-right: 9px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #FFFFFF;
	line-height: 1.35;
}
.rtcolumnRG { /* restoration slideshow page */
	width: 600px;
	margin-left: 87px;
	float: left;
	clear: right;
}
.contentRG { /* restoration slideshow content */
	width: 600px;
	padding-top: .6em;
	padding-left: 9px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	float: left;
}
.contentRGW { /* Single column content, white background, no top line */
	width: 570px;
	float: left;
	margin-top: 4em;
	margin-left: 8px;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
	background-color: #FFFFFF;
}
.lfcontentRG {
	width: 190px;
	text-align: center;
	font-size: 95%; /* 11pt size */
	float: left;
	padding-top: 8px;
	background-color: #FFFFFF;
}
.rtcontentRG {
	width: 190px;
	text-align: center;
	font-size: 95%; /* 11pt size */
	float: left;
	padding-top: 7px;
	background-color: #FFFFFF;
}


/* Gallery Pages */
.rtcolumnGL {
	width: 754px;
	margin-left: 32px;
	float: left;
}
.rtcolwhiteGL { /* White background Gallery pages*/
	width: 754px;
	background:#FFFFFF;
	padding-bottom: .2em;
	float: left;
}
.rtcolwhiteGLsm { /* White background Steinway - Mason Gallery pages*/
	width: 754px;
	background:#FFFFFF;
	margin-top: 2em;
	padding-top: .6em;
	padding-bottom: .2em;
	float: left;
}
.lfcontentGL {
	width: 188.5px;
	text-align: center;
	font-size: 95%; /* 11pt size */
	float: left;
	background-color: #FFFFFF;
}
.contentGL {
	width: 188.5px;
	text-align: center;
	font-size: 95%; /* 11pt size */
	float: left;
	padding-top: 8px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #FFFFFF;
}
.contentGLsm { /* No top border, Steinway - Mason Gallery pages*/
	width: 188.5px;
	text-align: center;
	font-size: 95%; /* 11pt size */
	float: left;
	padding-top: 1px;
	background-color: #FFFFFF;
}
.rtcontentGL {
	width: 188.5px;
	text-align: center;
	font-size: 95%; /* 11pt size */
	float: left;
	padding-top: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #FFFFFF;
}
.rtcontentGLsm { /* No top border, Steinway - Mason Gallery pages*/
	width: 188.5px;
	text-align: center;
	font-size: 95%; /* 11pt size */
	float: left;
	background-color: #FFFFFF;
}
#processGal { /* process slideshow Wrapper */
 	width: 754px;
	margin-top: 5px;
	float: right;
}
/* Steinway, Mason page */
.lftcolumnS {
	width: 144px;
	margin-left: 32px;
	float: left;
}
.rtcolumnS {
	width: 590px;
	float: left;
	clear: right;
}
.contentSWL { /* Single column content, white background */
	width: 590px;
	float: left;
	margin-left: 8px;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #FFFFFF;
	line-height: 1.35;
}
.contentS { /* Tabs column content */
	width: 590px;
	float: left;
	margin-left: 8px;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
}
.contentSW { /* Single column content, white background, no top line */
	width: 590px;
	float: left;
	margin-top: 2em;
	margin-left: 8px;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
	background-color: #FFFFFF;
}
.lfcontentSGL {
	width: 196.5px;
	text-align: center;
	font-size: 95%; /* 11pt size */
	float: left;
	padding-top: 8px;
	background-color: #FFFFFF;
}
.rtcontentSGL {
	width: 196.5px;
	text-align: center;
	font-size: 95%; /* 11pt size */
	float: left;
	padding-top: 7px;
	background-color: #FFFFFF;
}

/* Links and Comments Pages */
.lftcolumnLK { /* Comments, Links, Press, Site Map, Privacy, steinway, mason pianos pages */
	width: 216px;
	margin-left: 32px;
	float: left;
}
.rtcolumnLK { /* Links, Press pages*/
	width: 538px;
	float: left;
	clear: right;
}
.rtcolwhiteLK { /* White background Links pages*/
	width: 538px;
	background:#FFFFFF;
	padding-bottom: .5em;
	float: left;
}
.lftcontentCm, .rtcontentCm { /* Comment Page Column Content */
	width: 251px;
	float: left;
	font-style: italic;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 9px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #FFFFFF;
}
.lftcontentLK, .rtcontentLK { /* Link Page Column Content */
	width: 254px;
	float: left;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #FFFFFF;
	line-height: 12px;
}

.content { /* Single column content */
	width: 500px;
	float: left;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #FFFFFF;
	line-height: 1.35;
}
/* Site Map Page */
#sitemap	{
	margin-top: 10px;
	margin-left: -6px;
	float: left;
}
#sitemap ul {padding:0; margin:0;}
#sitemap ul li {padding: 5px 0 0 21px; list-style: none;}

#sitemap2	{
	margin-top: 10px;
	margin-left: 1px;
	float: left;
}
#sitemap2 ul {padding:0; margin:0;}
#sitemap2 ul li {padding: 5px 0 0 21px; list-style: none;}

/* Contact Page */
.lftcolumnCt {
	width: 152px;
	margin-left: 32px;
	float: left;
}
.rtcolumnCt {
	width: 594px;
	float: left;
	clear: right;
}
.lftcontentCtRPI { /* Column Content */
	width: 235px;
	float: left;
}
.lftcontentCt { 
	width: 220px;
	float: left;
	margin-top: 6px;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
	background-color: #FFFFFF;
	line-height: 1.30;
}
.rtcontentCt {
	width: 330px;
	float: right;
	margin-top: 70px;
	padding-top: .7em;
	padding-left: 15px;
	line-height: 1.30;
}
.textheadCt {margin-top:-8px; margin-left: -29px; position:relative; float:left;}

#cpywrapCt { /* Copyright Wrapper */
 	width: 740px;
	margin-bottom: .5em;
	font-size: 80%; /* 10pt size */
	color: #666666;
	display: inline;
	float: left;
}
#dsignCt { /* Website Designed by Wrapper */
	margin-top: -24px;
	margin-left: 487px;
	display: inline;
	float: left;
}
/* Sub Pages */
.lftcolumnSub { /* Sub pages */
	margin-left: 32px;
	float: left;
	display: inline;
}
.rtcolumnSub { /* Sub pages */
	float: left;
	display: inline;
	clear: right;
}
.contentSubLG { /* Content for Line Graphic */
	width: 415px;
	float: left;
}
.contentSub { /* Single column content */
	width: 400px;
	float: left;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
}
#processSub { /* process slideshow Wrapper */
 	width: 750px;
	margin-top: 3em;
	margin-left: 32px;
	float: left;
}
#footerSub {
	width: 820px;
	background: #6F4F3E;
	padding-top: .6em;
	padding-bottom: .5em;
	font-size: 95%; /* 11pt size */
	text-align: left;
	color: #281910; /* #23170F #F4EEE0 */
	float: left;
}
.spacer {
	width: 820px;
	height: 6em;
	background: #F4EEE0;
	float: left;
}
.spacerGL {
	width: 820px;
	height: 21em;
	background: #F4EEE0;
	float: left;
}
#footer {
	width: 820px;
	background: #6f4f3e; /* #785643 #6c4b39 #734F3C */
	padding-top: .6em;
	padding-bottom: .5em;
	text-align: left;
	color: #281910; /* #23170F #36261E #32231A #F4EEE0 */
	float: left;
}
#sitelinks	{
	margin-top: 3px;
	margin-left: 30px;
	float: left;
}
#sitelinks ul {padding:0; margin:0;}
#sitelinks ul li {padding: 4px 0 0 15px; list-style: none;}
#sitelinks a, a:link, a:visited {
	border: none;
	color: #281910;
}
#sitelinks a:hover {
	color: #F4EEE0;
	text-decoration: none; /* Hover not underlined */
}
#sitelinks2	{
	margin-top: 3px;
	margin-left: 25px;
	float: left;
}
#sitelinks2 ul {padding:0; margin:0;}
#sitelinks2 ul li {padding: 4px 0 0 15px; list-style: none;}
#sitelinks2 a, a:link, a:visited {
	border: none;
	color: #281910;
}
#sitelinks2 a:hover {
	color: #F4EEE0;
	text-decoration: none; /* Hover not underlined */
}
#sitelinks3	{
	margin-top: 3px;
	margin-left: 25px;
	float: left;
}
#sitelinks3 ul {padding:0; margin:0;}
#sitelinks3 ul li {padding: 4px 0 0 15px; list-style: none;}
#sitelinks3 a, a:link, a:visited {
	border: none;
	color: #281910;
}
#sitelinks3 a:hover {
	color: #F4EEE0;
	text-decoration: none; /* Hover not underlined */
}
#sitelinks4	{
	margin-top: 3px;
	margin-left: 45px;
	float: left;
}
#sitelinks4 ul {padding:0; margin:0;}
#sitelinks4 ul li {padding: 4px 0 0 15px; list-style: none;}
#sitelinks4 a, a:link, a:visited {
	border: none;
	color: #281910;
}
#sitelinks4 a:hover {
	color: #F4EEE0;
	text-decoration: none; /* Hover not underlined */
}
#cpywrap { /* Copyright Wrapper */
 	width: 800px;
	margin-top: 2em;
	font-size: 80%; /* 10pt size */
	color: #281910; /* #F4EEE0 */
	text-align: center;
	float: left;
}
#footerLK {
	width: 820px;
	background: #6F4F3E;
	padding-top: .6em;
	padding-bottom: 2em;
	text-align: left;
	color: #281910; /* #F4EEE0 */
	float: left;
}
#footerLK2 {
	width: 820px;
	background: #F4EEE0;
	float: left;
}
#cpywrapLK { /* Copyright Wrapper */
 	width: 734px;
	margin-top: 1em;
	margin-bottom: 1.5em;
	font-size: 80%; /* 10pt size */
	color: #666666;
	text-align: center;
	float: left;
}
#dsignLK { /* Website Designed by Wrapper */
	background: #F4EEE0;
	margin-top: -29px;
	margin-left: 444px;
	display: inline;
	float: left;
}

p.topmarginp {margin-top: .6em; margin-bottom: 0; } /* no bottom margin */
p.topmarginp1 {margin-top: .8em; margin-bottom: 0; } /* no bottom margin */
p.topmarginp2 {margin-top: 3em; margin-bottom: 0; } /* no bottom margin */
p.topmarginp3 {margin-top: 3.3em; margin-bottom: 0; } /* no bottom margin */
p.topbottomp {margin-top: .6em; margin-bottom: .5em; } /* top & bottom margin */
p.top1bottomp {margin-top: 1em; margin-bottom: .5em; } /* 1em top & bottom margin */
p.top1bottomp2 {margin-top: 1em; margin-bottom: .2em; } /* 1em top & bottom margin */
p.indentnm {text-indent: 1.1em; margin: 0; } /* no margins */
p.indenttm {text-indent: 1.1em; margin-top: .6em; margin-bottom: 0; } /* no bottom margin */
p.indentbm {text-indent: 1.1em; margin-top: 0; margin-bottom: .5em; } /* no top margin, .5em bottom margin */
p.indentbm7 {text-indent: 1.1em; margin-top: 0; margin-bottom: .7em; } /* no top margin, .7em bottom margin */
p.indenttbm {text-indent: 1.1em; margin-top: .6em; margin-bottom: .5em; } /* top & bottom margin */
p.indenttm2 {text-indent: 1.1em; margin-top: 1em; margin-bottom: 0; } /* no bottom margin */
p.indenttm3 {text-indent: 1.1em; margin-top: 2em; margin-bottom: 0; } /* no bottom margin */
 
h1 {
	font-size: 110%; /* 12px size */
	font-weight: bold;
}
h2 {
	font-size: 100%; /* 11px size */
	font-weight: bold;
} 
h3 {
	font-size: 110%; /* 12px size */
	font-weight: normal;
}
h4 {
	font-size: 115%; /* 13px size */
	font-weight: normal;
	font-style: italic;
	text-indent: .6em;
	margin-top: 1em;
	margin-bottom: .5em;
}
table
{
width: 100%;
}
th
{
padding: 1px;
font-weight: bold;
} 
td
{
padding: 1px;
background-color: #FFFFFF;
border-bottom: thin;
border-bottom-style: solid;
}
table,th,td
{
border: .2px;
border-spacing: 1px;
}
td.contact
{
background-color: #F4EEE0;
} 
 
a:link, a:visited {
	border: none;
	color: #876E4F;
}
a:hover {
	color: #876E4F;
	text-decoration: none; /* Hover not underlined */
}


.rpi10 {font-size: 10px; line-height: 12px; color: #000000;}
.rpi10Italic {font-size: 10px; line-height: 12px; font-style: italic; color: #000000;}
.rpi10Bold {font-size: 90%; line-height: 11px; font-weight: bold; color: #000000;}
.rpi10gy {font-size: 10px; line-height: 12px; font-style: normal; color: #999}
.rpi11 {font-size: 11px; line-height: 14px; color: #000000;}
.rpi11Blue {color: #00C;} /* blue color */
.rpi12 {font-size: 12px; line-height: 14px; color: #000000;}
.rpi12Bold {font-size: 12px; line-height: 14px; font-weight: bold; color: #000000;}
.rpi13 {font-size: 13px; line-height: 15px; color: #000000;}
.rpi13Bold {font-size: 13px; line-height: 15px; font-weight: bold; color: #000000;}
.rpi13Italic {font-size: 13px; line-height: 15px; font-style: italic; color: #000000;}
.rpi13BoldItalic {font-size: 13px; line-height: 15px; font-weight: bold; font-style: italic; color: #000000;}

/* CSS Navigation Menu */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image-dropdown-v3.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menuHolder {width:708px; height:20px; position:relative; border-bottom:1px solid #816555; border-left: 1px solid #816555;}
#menuHolder ul {padding:0; margin:0; list-style:none;}
#menuHolder table {border-collapse:collapse; margin:-1px -10px;}
#menuHolder ul ul {position:absolute; left:-9999px;}
#menuHolder ul div {position:absolute; left:-9999px;}

#menuHolder ul li a b {position:absolute; left:-9999px;}
/* pre-load hover images */
#menuHolder ul li a b.showroom {background:url(images/retail_on.gif);}
#menuHolder ul li a b.restoration {background:url(images/restoration_on.gif);}
#menuHolder ul li a b.gallery {background:url(images/gallery_on.gif);}
#menuHolder ul li a b.comments {background:url(images/comments_on.gif);}
#menuHolder ul li a b.press {background:url(images/press_on.gif);}
#menuHolder ul li a b.pianocare {background:url(images/pianocare_on.gif);}
#menuHolder ul li a b.links {background:url(images/links_on.gif);}
#menuHolder ul li a b.contact {background:url(images/contact_on.gif);}

#menuHolder ul li {float:left;}
#menuHolder ul li a {display:block; float:left; height:20px;}
#menuHolder ul li a i {display:block; height:20px; cursor:pointer;}

#menuHolder ul li a i#showroom {background:url(images/retail.gif); width:85px;}
#menuHolder ul li a i#restoration {background:url(images/restoration.gif); width:139px;}
#menuHolder ul li a i#gallery {background:url(images/gallery.gif); width:60px;}
#menuHolder ul li a i#comments {background:url(images/comments.gif); width:92px;}
#menuHolder ul li a i#press {background:url(images/press.gif); width:137px;}
#menuHolder ul li a i#pianocare {background:url(images/pianocare.gif); width:83px;}
#menuHolder ul li a i#links {background:url(images/links.gif); width:44px;}
#menuHolder ul li a i#contact {background:url(images/contact.gif); width:68px;}

#menuHolder ul li:hover a i#showroom {background:url(images/retail_on.gif);}
#menuHolder ul li:hover a i#restoration {background:url(images/restoration_on.gif);}
#menuHolder ul li:hover a i#gallery {background:url(images/gallery_on.gif);}
#menuHolder ul li:hover a i#comments {background:url(images/comments_on.gif);}
#menuHolder ul li:hover a i#press {background:url(images/press_on.gif);}
#menuHolder ul li:hover a i#pianocare {background:url(images/pianocare_on.gif);}
#menuHolder ul li:hover a i#links {background:url(images/links_on.gif);}
#menuHolder ul li:hover a i#contact {background:url(images/contact_on.gif);}

#menuHolder ul li:hover {position:relative; z-index:100;}
#menuHolder ul li a:hover {position:relative;}

#menuHolder ul :hover ul {left:0; top:20px; padding:0 0 0 0;}
#menuHolder ul :hover div {left:-1px; top:20px;}

/* pre-load hover images */
#menuHolder ul li ul li a b.process2 {background:url(images/process2_on.gif);}
#menuHolder ul li ul li a b.process3 {background:url(images/process3_on.gif);}
#menuHolder ul li ul li a b.process4 {background:url(images/process4_on.gif);}
#menuHolder ul li ul li a b.process5 {background:url(images/process5_on.gif);}
#menuHolder ul li ul li a b.process6 {background:url(images/process6_on.gif);}
#menuHolder ul li ul li a b.slideshow {background:url(images/slideshow_on.gif);}
#menuHolder ul li ul li a b.steinway {background:url(images/steinway_on.gif);}
#menuHolder ul li ul li a b.mason {background:url(images/mason_on.gif);}

#menuHolder ul li ul li a b.gallery1 {background:url(images/gallery1_on.gif);}
#menuHolder ul li ul li a b.gallery2 {background:url(images/gallery2_on.gif);}
#menuHolder ul li ul li a b.gallery3 {background:url(images/gallery3_on.gif);}
#menuHolder ul li ul li a b.steinwaygallery {background:url(images/steinwaygy_on.gif);}
#menuHolder ul li ul li a b.masongallery {background:url(images/masongy_on.gif);}

#menuHolder ul li ul li a {height:18px;}
#menuHolder ul li ul li a i {display:block; height:18px; overflow:hidden;}

#menuHolder ul li div#restorationDiv {background:url(images/restorations.gif); width:140px; height:145px;}
#menuHolder ul li div#galleryDiv {background:url(images/gallerys.gif); width:75px; height:91px;}

#menuHolder ul li ul li a i#process2 {background:url(images/process2.gif) no-repeat; width:138px;}
#menuHolder ul li ul li a i#process3 {background:url(images/process3.gif) no-repeat; width:138px;}
#menuHolder ul li ul li a i#process4 {background:url(images/process4.gif) no-repeat; width:138px;}
#menuHolder ul li ul li a i#process5 {background:url(images/process5.gif) no-repeat; width:138px;}
#menuHolder ul li ul li a i#process6 {background:url(images/process6.gif) no-repeat; width:138px;}
#menuHolder ul li ul li a i#slideshow {background:url(images/slideshow.gif) no-repeat; width:138px;}
#menuHolder ul li ul li a i#steinway {background:url(images/steinway.gif) no-repeat; width:138px;}
#menuHolder ul li ul li a i#mason {background:url(images/mason.gif) no-repeat; width:138px;}

#menuHolder ul li ul li a i#gallery1 {background:url(images/gallery1.gif) no-repeat; width:73px;}
#menuHolder ul li ul li a i#gallery2 {background:url(images/gallery2.gif) no-repeat; width:73px;}
#menuHolder ul li ul li a i#gallery3 {background:url(images/gallery3.gif) no-repeat; width:73px;}
#menuHolder ul li ul li a i#steinwaygallery {background:url(images/steinwaygy.gif) no-repeat; width:73px;}
#menuHolder ul li ul li a i#masongallery {background:url(images/masongy.gif) no-repeat; width:73px;}

#menuHolder ul li ul li:hover a i#process2 {background:url(images/process2_on.gif);}
#menuHolder ul li ul li:hover a i#process3 {background:url(images/process3_on.gif);}
#menuHolder ul li ul li:hover a i#process4 {background:url(images/process4_on.gif);}
#menuHolder ul li ul li:hover a i#process5 {background:url(images/process5_on.gif);}
#menuHolder ul li ul li:hover a i#process6 {background:url(images/process6_on.gif);}
#menuHolder ul li ul li:hover a i#slideshow {background:url(images/slideshow_on.gif);}
#menuHolder ul li ul li:hover a i#steinway {background:url(images/steinway_on.gif);}
#menuHolder ul li ul li:hover a i#mason {background:url(images/mason_on.gif);}

#menuHolder ul li ul li:hover a i#gallery1 {background:url(images/gallery1_on.gif);}
#menuHolder ul li ul li:hover a i#gallery2 {background:url(images/gallery2_on.gif);}
#menuHolder ul li ul li:hover a i#gallery3 {background:url(images/gallery3_on.gif);}
#menuHolder ul li ul li:hover a i#steinwaygallery {background:url(images/steinwaygy_on.gif);}
#menuHolder ul li ul li:hover a i#masongallery {background:url(images/masongy_on.gif);}

#menuHolder ul li ul li:hover {position:relative;}
#menuHolder ul li ul li a:hover {position:relative;}

/* #menuHolder ul li ul li a:hover i#process,
#menuHolder ul li ul li a:hover i#process2,
#menuHolder ul li ul li a:hover i#process3,
#menuHolder ul li ul li a:hover i#process4,
#menuHolder ul li ul li a:hover i#process5,
#menuHolder ul li ul li a:hover i#comments,
#menuHolder ul li ul li a:hover i#gallery2,
#menuHolder ul li ul li a:hover i#gallery3,
#menuHolder ul li ul li a:hover i#gallery4,
#menuHolder ul li ul li a:hover i#gallery5 {background-position:0 -16px;} */

/* CSS Contact Page Email Menu  */

#menuHolderEma {width:134px; height:18px; margin-left:2px; position:relative;}
#menuHolderEma ul {padding:0; margin:0; list-style:none;}
#menuHolderEma table {border-collapse:collapse; margin:-1px -10px;}
#menuHolderEma ul ul {position:absolute; left:-9999px;}
#menuHolderEma ul div {position:absolute; left:-9999px;}

#menuHolderEma ul li a b {position:absolute; left:-9999px;}
/* pre-load hover images */
#menuHolderEma ul li a b.email {background:url(images/contactemail_on.gif);}

#menuHolderEma ul li {float:left;}
#menuHolderEma ul li a {display:block; float:left; height:18px;}
#menuHolderEma ul li a i {display:block; height:18px; cursor:pointer;}

#menuHolderEma ul li a i#email {background:url(images/contactemail.gif); width:134px;}

#menuHolderEma ul li:hover a i#email {background:url(images/contactemail_on.gif);}

#menuHolderEma ul li:hover {position:relative;}
#menuHolderEma ul li a:hover {position:relative;}

#menuHolderEma ul :hover ul {left:0; top:34px; padding:8px 0 0 8px;}
#menuHolderEma ul :hover div {left:0; top:34px;}

#menuHolderEma ul li ul li a {height:16px;}
#menuHolderEma ul li ul li a i {display:block; height:16px; overflow:hidden;}

/* CSS Contact Page Contact Square Menu  */

#menuHolderCon {width:9px; height:9px; margin-top:-12.5px; position:relative; float:right;}
#menuHolderCon ul {padding:0; margin:0; list-style:none;}
#menuHolderCon table {border-collapse:collapse; margin:-1px -10px;}
#menuHolderCon ul ul {position:absolute; left:-9999px;}
#menuHolderCon ul div {position:absolute; left:-9999px;}

#menuHolderCon ul li a b {position:absolute; left:-9999px;}
/* pre-load hover images */
#menuHolderCon ul li a b.square {background:url(images/contactsquare_on.gif);}

#menuHolderCon ul li {float:left;}
#menuHolderCon ul li a {display:block; float:left; height:9px;}
#menuHolderCon ul li a i {display:block; height:9px; cursor:pointer;}

#menuHolderCon ul li a i#square {background:url(images/contactsquare.gif); width:9px;}

#menuHolderCon ul li:hover a i#square {background:url(images/contactsquare_on.gif);}

#menuHolderCon ul li:hover {position:relative;}
#menuHolderCon ul li a:hover {position:relative;}

#menuHolderCon ul :hover ul {left:0; top:34px; padding:8px 0 0 8px;}
#menuHolderCon ul :hover div {left:0; top:34px;}

#menuHolderCon ul li ul li a {height:16px;}
#menuHolderCon ul li ul li a i {display:block; height:16px; overflow:hidden;}

/* CSS Contact Page Design By Menu  */

#menuHolderDes {width:88px; height:21px; position:relative;}
#menuHolderDes ul {padding:0; margin:0; list-style:none;}
#menuHolderDes table {border-collapse:collapse; margin:-1px -10px;}
#menuHolderDes ul ul {position:absolute; left:-9999px;}
#menuHolderDes ul div {position:absolute; left:-9999px;}

#menuHolderDes ul li a b {position:absolute; left:-9999px;}
/* pre-load hover images */
#menuHolderDes ul li a b.designby {background:url(images/websiteby_on.gif);}

#menuHolderDes ul li {float:left;}
#menuHolderDes ul li a {display:block; float:left; height:21px;}
#menuHolderDes ul li a i {display:block; height:21px; cursor:pointer;}

#menuHolderDes ul li a i#designby {background:url(images/websiteby.gif); width:88px;}

#menuHolderDes ul li:hover a i#designby {background:url(images/websiteby_on.gif);}

#menuHolderDes ul li:hover {position:relative;}
#menuHolderDes ul li a:hover {position:relative;}

#menuHolderDes ul :hover ul {left:0; top:34px; padding:8px 0 0 8px;}
#menuHolderDes ul :hover div {left:0; top:34px;}

#menuHolderDes ul li ul li a {height:21px;}
#menuHolderDes ul li ul li a i {display:block; height:21px; overflow:hidden;}

/* Dropline Menu (Secondary) */
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dropline-current-override.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#droplineMenu {height:15px; position:relative; text-align:center; width:708px; margin-left: 32px; z-index:75; float:left; clear:left;}
#droplineMenu ul {padding:0; margin:0; list-style:none; display:inline-block;}
#droplineMenu ul li {float:left;}
#droplineMenu ul li a {display:block; float:left;}

#droplineMenu ul li a {height:15px; line-height:35px; padding:0 13px 0 0; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000; text-decoration:none;}
#droplineMenu ul li a b {display:block; height:15px; float:left; padding:0 0 0 13px; font-weight:normal; cursor:pointer;}
#droplineMenu ul li a:hover {line-height:35px;}
#droplineMenu ul li a:hover b {color:#000; line-height:35px;}

#droplineMenu ul li:hover > a {line-height:35px;}
#droplineMenu ul li:hover > a b {color:#816555; line-height:35px;}

#droplineMenu ul li.current a {line-height:35px;}
#droplineMenu ul li.current a b {color:#816555; line-height:35px;}

/* PlayBox */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/cssplayBox.html
Copyright (c) 2005-2011 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#case {margin:0 auto;}

/* this is a CSS answer to fix the hover/focus '~' and hover/focus '+' problem in safari and chrome */
/* tabindex="1" in the link code to fix the 'focus persist' problem in safari and chrome */
html {-webkit-animation: safariSelectorFix infinite 1s;}
@-webkit-keyframes safariSelectorFix {
0% {zoom:1;} 
100% {zoom:1;}
}
/* body {padding:0; margin:0; width:100%; height:100%} */
/* a fix for :active + adjacent sibling selector in IE */
a.lightBox, img.close {behavior:url(scripts/trigger.htc)}

a.lightBox {outline:0;}
/* use these with several small picks on a page */
a.a1 {left:0; top:0;}
a.a2 {left:120px; top:0;}
a.a3 {left:240px; top:0;}
a.a4 {left:0; top:96px;}
a.a5 {left:120px; top:154px;}
a.a6 {left:240px; top:96px;}
a.a7 {left:0; top:248px;}
a.a8 {left:120px; top:248px;}
a.a9 {left:240px; top:248px;}
img.small {display:block; border:0;}
.cssBox {display:table; position:fixed; top:0; left:-9999px; width:100%; height:100%; z-index:500;}
.cssBox .back {display:block; position:fixed; top:0; left:-9999px; width:100%; height:100%; background:#000; z-index:-1; opacity:0.5; filter:alpha(opacity=50);}
.cssBox .holder {position:relative; z-index:100; text-align:center; display:table-cell; vertical-align:middle;}

.cssBox .frame, .cssBox .frame2, .cssBox .frame3, .cssBox .frame4 {display:inline-block; margin:0 auto; padding:35px 90px 30px 90px; background:#000000; position:relative; text-align:left; font-family: Verdana, Geneva, sans-serif;
-o-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
-ms-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
}
.cssBox .frame2 {padding:35px 175px 30px 175px;
}
.cssBox .frame3 {padding:35px 115px 30px 115px;
}
.cssBox .frame4 {padding:35px 155px 30px 155px;
}
.cssBox .frame .caption, .cssBox .frame2 .caption, .cssBox .frame3 .caption, .cssBox .frame4 .caption {margin-top:0; position:relative; z-index:10; opacity:0;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;

transition-delay: 0.6s;
-o-transition-delay: 0.6s;
-moz-transition-delay: 0.6s;
-ms-transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
}
.cssBox .frame .caption h5, .cssBox .frame2 .caption h5, .cssBox .frame3 .caption h5, .cssBox .frame4 .caption h5 {font-size:18px; margin:0; padding:6px 0; color:#e3d8bd} /* #F4EEE0 */
.cssBox .frame .caption p, .cssBox .frame2 .caption p, .cssBox .frame3 .caption p, .cssBox .frame4 .caption p {font-size:12px; color:#e3d8bd; margin:0; padding:0 0;}
.cssBox .large {display:block; margin: 0 auto; opacity:0; position:relative; z-index:100;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s;
}

a.lightBox:active {direction:ltr;}
a.lightBox:active + .p1,
a.lightBox:active + .p2,
a.lightBox:active + .p3,
a.lightBox:active + .p4,
a.lightBox:active + .p5,
a.lightBox:active + .p6,
a.lightBox:active + .p7,
a.lightBox:active + .p8 {left:0;}
a.lightBox:active + .cssBox .back {left:0;}
a.lightBox:active + .cssBox .caption {opacity:1; margin-top:0;}

a.lightBox:focus + .p1,
a.lightBox:focus + .p2,
a.lightBox:focus + .p3,
a.lightBox:focus + .p4,
a.lightBox:focus + .p5,
a.lightBox:focus + .p6,
a.lightBox:focus + .p7,
a.lightBox:focus + .p8 {left:0;}

a.lightBox:focus + .cssBox .back {left:0;}
a.lightBox:focus + .cssBox .large {opacity:1;}
a.lightBox:focus + .cssBox .caption {opacity:1; margin-top:0;}
a.lightBox:focus + .cssBox .close {opacity:1;}

.close {display:block; width:25px; height:30px; position:absolute; top:0; left:0; cursor:pointer; z-index:150; opacity:0;

-webkit-transition: 0.9s;
-moz-transition: 0.9s;
-o-transition: 0.9s;
transition: 0.9s;

transition-delay: 0.8s;
-o-transition-delay: 0.8s;
-moz-transition-delay: 0.8s;
-ms-transition-delay: 0.8s;
-webkit-transition-delay: 0.8s;
}

/* Playbox -used with slideshow */

.playbox img {border:0; display:block;}

.lightbox {width:100%; height:100%; display:none; position:fixed; left:0; top:0; z-index:1000; padding:30px 0 0 0; font-family:Verdana, Arial, Helvetica, sans-serif;}
.lightbox .light {width:100%; height:100%; position:fixed; z-index:-1; top:0; left:0; background:#000; opacity:0.5; filter: alpha(opacity=50);
 text-align:center;}
/* this is for IE6 . If you want to have the lightbox scroll with the page in ALL browsers then remove the * html */
.lightbox {position:absolute;}
.lightbox .light {position:absolute; height:1225px; display:table-cell; vertical-align:middle;}

.lightbox .box {width:730px; background:#000; margin:0 auto; padding:26px; position:relative;
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.lightbox .box img {display:block; margin:0 auto;}
.lightbox .box p {width:730px; padding:10px 0; margin:0; color:#e3d8bd; text-align:center; font-size:12px;}
.lightbox .box a.closebox {display:block; width:30px; height:30px; background:#000; color:#fff; font-weight:bold; font-size:26px; text-decoration:none; text-align:center; position:absolute; left:0; top:0;}
.lightbox .box a.closebox:hover {color:#f00;}

.lightbox .box2 {width: 730px; background:#000; margin:0 auto; padding:26px; position:relative; /* border:1px solid #aaa; */
-o-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-icab-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-khtml-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
.lightbox .box2 h3 {color:#e3d8bd; font-size:18px; padding:6px 0; margin:0; text-align:center;}
.lightbox .box2 p {padding:0; margin:0; color:#e3d8bd; text-align:center; font-size:12px; line-height:18px;}
.lightbox .box2 a {color:#fc0;}
.lightbox .box2 a:hover {color:#ff0; text-decoration:none;}
.lightbox .box2 a.closebox {display:block; width:30px; height:30px; background:#000; color:#fff; font-weight:bold; font-size:26px; text-decoration:none; text-align:center; position:absolute; left:0; top:0;}
.lightbox .box2 a.closebox:hover {color:#f00;}

#p001:target {display:block;}
#p002:target {display:block;}
#p003:target {display:block;}
#p004:target {display:block;}
#p005:target {display:block;}
#p006:target {display:block;}
#p007:target {display:block;}