@import url("../rpigbl.css");
body {
	background: #43322E;
	text-align: center;
	font-size: 70%; /* 11px font-size */
 }
body#sub { /* Restored, Used 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 {
	background: #F4EEE0;
	width: 820px;
	text-align: left;
	margin-top: -26px;
	padding-top: 71px;
	padding-bottom: 30px;
	float: left;
	clear: left;
}
#containerBx { /* Showroom, links, restored, used & press pages */
	background: #F4EEE0;
	width: 820px;
	text-align: left;
	margin-top: -11px;
	padding-top: 61px;
	padding-bottom: 30px;
	float: left;
	clear: left;
}
#containerSp { /* Specials page */
	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-left: 32px;
	float: left;
}
.rtcolumn { /* Showroom, specials, links pages*/
	width: 538px;
	float: left;
	clear: right;
}
.rtcolwhite { /* White background, Showroom, specials, links pages*/
	width: 538px;
	background:#FFFFFF;
	padding-bottom: .5em;
	float: left;
}
.lftcontent, .rtcontent { /* Column Content  Showroom, specials pages */
	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;
}
.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;
}
/* New Pages */
#containerNew {
	background: #F4EEE0;
	width: 820px;
	text-align: left;
	margin-top: -36px;
	padding-top: 75px;
	padding-bottom: 30px;
	float: left;
	clear: left;
}
.rtcolumnNew {
	width: 538px;
	float: left;
	clear: right;
}
.contentNew { /* Single column content, new pages */
	width: 525px;
	float: left;
	padding-top: .6em;
	padding-left: 6px;
	padding-right: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	background-color: #FFFFFF;
}
/* Table Pages, Restored and Used */
.lftcolumnT {
	width: 144px;
	margin-left: 32px;
	float: left;
}
.lftcolumnTU { /* Used page */
	width: 147px;
	margin-left: 32px;
	float: left;
}
.rtcolumnT {
	width: 577px;
	float: left;
	clear: right;
}
.contentT { /* Single column content */
	width: 577px;
	float: left;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
.contentTW { /* Single column content, white background */
	width: 577px;
	background:#FFFFFF;
	float: left;
	margin-top: 1em;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
}
.contentTnl { /* Single column content, white background */
	width: 577px;
	float: left;
	margin-top: 1em;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
}
/* Contact Page */
.lftcolumnCt {
	width: 152px;
	margin-left: 32px;
	float: left;
}
.rtcolumnCt {
	width: 594px;
	float: left;
	clear: right;
}
.lftcontentCtRPI {
	width: 235px;
	float: left;
}
.lftcontentCt { /* Column Content */
	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;
}
.contentSub { /* Single column content */
	width: 400px;
	float: left;
	padding-top: .6em;
	padding-left: 9px;
	padding-right: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
#footerSub {
	width: 820px;
	background: #6F4F3E;
	padding-top: .6em;
	padding-bottom: .5em;
	font-size: 95%; /* 11pt size */
	text-align: left;
	color: #281910; /* #F4EEE0 #23170F */
	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: 40px;
	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 */
}
#pianolinks { 
 	width: 820px;
	margin-top: 3px;
	font-size: 90%; /* 10pt size */
	text-align: center;
	float: left;
}
#pianolinks a, a:link, a:visited {
	border: none;
	color: #281910;
}
#pianolinks a:hover {
	color: #F4EEE0;
	text-decoration: none; /* Hover not underlined */
}
#cpywrap { /* Copyright Wrapper */
 	width: 820px;
	margin-top: 1px;
	font-size: 80%; /* 10pt size */
	color: #281910; /* #F4EEE0 */
	text-align: center;
	float: left;
}
#footerLK {
	width: 820px;
	background: #6F4F3E;
	padding-top: .6em;
	padding-bottom: .6em;
	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: .9em; margin-bottom: 0; } /* no bottom margin */
p.topmarginpb {margin-top: .8em; margin-bottom: 0; } /* no bottom margin */
p.topmarginp1 {margin-top: .6em; margin-bottom: 0; } /* no bottom margin */
p.topmarginp1b {margin-top: .5em; margin-bottom: 0; } /* no bottom margin */
p.topmarginp2 {margin-top: 1.5em; 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.top1bottomp1 {margin-top: 2em; margin-bottom: .5em; } /* 2em 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.indenttm2 {text-indent: 1.1em; margin-top: 1em; margin-bottom: 0; } /* no bottom margin */
p.indentbm {text-indent: 1.1em; margin-top: 0; margin-bottom: .5em; } /* no top margin */
.indenttbm {text-indent: 1.1em; margin-top: .6em; margin-bottom: .5em; } /* top & 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: .3em;
	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: 90%; line-height: 11px; 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: #CCCCCC}
.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;}
.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:770px; 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.restoration {background:url(images/1a_on.gif);}
#menuHolder ul li a b.showroom {background:url(images/1b_on.gif);}
#menuHolder ul li a b.new {background:url(images/1bb_on.gif);}
#menuHolder ul li a b.restored {background:url(images/1c_on.gif);}
#menuHolder ul li a b.used {background:url(images/1d_on.gif);}
#menuHolder ul li a b.specials {background:url(images/1e_on.gif);}
#menuHolder ul li a b.press {background:url(images/1ee_on.gif);}
#menuHolder ul li a b.pianocare {background:url(images/1eee_on.gif);}
#menuHolder ul li a b.links {background:url(images/1f_on.gif);}
#menuHolder ul li a b.contact {background:url(images/1g_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#restoration {background:url(images/1a.gif); width:141px;}
#menuHolder ul li a i#showroom {background:url(images/1b.gif); width:84px;}
#menuHolder ul li a i#new {background:url(images/1bb.gif); width:40px;}
#menuHolder ul li a i#restored {background:url(images/1c.gif); width:70px;}
#menuHolder ul li a i#used {background:url(images/1d.gif); width:41px;}
#menuHolder ul li a i#specials {background:url(images/1e.gif); width:62px;}
#menuHolder ul li a i#press {background:url(images/1ee.gif); width:137px;}
#menuHolder ul li a i#pianocare {background:url(images/1eee.gif); width:83px;}
#menuHolder ul li a i#links {background:url(images/1f.gif); width:44px;}
#menuHolder ul li a i#contact {background:url(images/1g.gif); width:68px;}

#menuHolder ul li:hover a i#restoration {background:url(images/1a_on.gif);}
#menuHolder ul li:hover a i#showroom {background:url(images/1b_on.gif);}
#menuHolder ul li:hover a i#new {background:url(images/1bb_on.gif);}
#menuHolder ul li:hover a i#restored {background:url(images/1c_on.gif);}
#menuHolder ul li:hover a i#used {background:url(images/1d_on.gif);}
#menuHolder ul li:hover a i#specials {background:url(images/1e_on.gif);}
#menuHolder ul li:hover a i#press {background:url(images/1ee_on.gif);}
#menuHolder ul li:hover a i#pianocare {background:url(images/1eee_on.gif);}
#menuHolder ul li:hover a i#links {background:url(images/1f_on.gif);}
#menuHolder ul li:hover a i#contact {background:url(images/1g_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.bluthner {background:url(images/nbluthner_on.gif);}
#menuHolder ul li ul li a b.haessler {background:url(images/nhaessler_on.gif);}
#menuHolder ul li ul li a b.irmler {background:url(images/nirmler_on.gif);}
#menuHolder ul li ul li a b.mason {background:url(images/nmason_on.gif);}
#menuHolder ul li ul li a b.yca {background:url(images/nychang_on.gif);}
#menuHolder ul li ul li a b.weber {background:url(images/nweber_on.gif);}
#menuHolder ul li ul li a b.cwalter {background:url(images/ncwalter_on.gif);}
#menuHolder ul li ul li a b.kurzweil {background:url(images/nkurzweil_on.gif);}
#menuHolder ul li ul li a b.pianodisc {background:url(images/npdisc_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#newDiv {background:url(images/news.gif); width:114px; height:163px;}

#menuHolder ul li ul li a i#bluthner {background:url(images/nbluthner.gif) no-repeat; width:112px;}
#menuHolder ul li ul li a i#haessler {background:url(images/nhaessler.gif) no-repeat; width:112px;}
#menuHolder ul li ul li a i#irmler {background:url(images/nirmler.gif) no-repeat; width:112px;}
#menuHolder ul li ul li a i#mason {background:url(images/nmason.gif) no-repeat; width:112px;}
#menuHolder ul li ul li a i#yca {background:url(images/nychang.gif) no-repeat; width:112px;}
#menuHolder ul li ul li a i#weber {background:url(images/nweber.gif) no-repeat; width:112px;}
#menuHolder ul li ul li a i#cwalter {background:url(images/ncwalter.gif) no-repeat; width:112px;}
#menuHolder ul li ul li a i#kurzweil {background:url(images/nkurzweil.gif) no-repeat; width:112px;}
#menuHolder ul li ul li a i#pianodisc {background:url(images/npdisc.gif) no-repeat; width:112px;}

#menuHolder ul li ul li:hover a i#bluthner {background:url(images/nbluthner_on.gif);}
#menuHolder ul li ul li:hover a i#haessler {background:url(images/nhaessler_on.gif);}
#menuHolder ul li ul li:hover a i#irmler {background:url(images/nirmler_on.gif);}
#menuHolder ul li ul li:hover a i#mason {background:url(images/nmason_on.gif);}
#menuHolder ul li ul li:hover a i#yca {background:url(images/nychang_on.gif);}
#menuHolder ul li ul li:hover a i#weber {background:url(images/nweber_on.gif);}
#menuHolder ul li ul li:hover a i#cwalter {background:url(images/ncwalter_on.gif);}
#menuHolder ul li ul li:hover a i#kurzweil {background:url(images/nkurzweil_on.gif);}
#menuHolder ul li ul li:hover a i#pianodisc {background:url(images/npdisc_on.gif);}

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

/* 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:765px; margin-left: 32px; margin-bottom:10px; z-index:10; 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 10px 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 10px; 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 85px 30px 85px; 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; display:table-cell; vertical-align:middle;} /* height:5000px; */

.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:20px 0; margin:0; color:#F4EEE0; 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:500px; background:#444; border:1px solid #aaa; margin:0 auto; padding:25px; 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 .box2 h3 {color:#fff; font-size:22px; padding:10px 0; margin:0;}
.lightbox .box2 p {width:500px; padding:5px 0; margin:0; color:#fff; text-align:left; 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:25px; height:30px; background:#444; color:#fff; font-weight:bold; font-size:26px; text-decoration:none; text-align:center; position:absolute; right:-1px; bottom:-1px; border:1px solid #aaa;}
.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;}

/* A Photograph Gallery */

a, a:visited, a:hover {}

#containerGal {position:relative; width:529px; height:675px; background:#FFFFFF; margin:6px auto; text-align: center;}

#containerGal a.pics {float:left; padding:14px 11px; display:inline; color:#000; text-decoration:none; width:83px; height:75px; cursor:default;}
#containerGal a.pics img.thumb {display:block; border:1px solid #FFFFFF;}

#containerGal a.pics span {display:none; border:0; width:508px; background:#F4EEE0;; border:1px solid #FFFFFF; text-align:center;}
#containerGal a.pics span img {margin:10px auto; border:1px solid #FFFFFF;}

#containerGal a.pics:hover {white-space:normal;}
#containerGal a.pics:hover img.thumb {border:1px solid #876E4F;}
#containerGal a.pics:hover span {display:block; position:absolute; left:8px; top:220px; z-index:10; height:450px;}

#containerGal a.pics:active img.thumb {border:1px solid #fc0;} 
#containerGal a.pics:active span {display:block; position:absolute; left:8px; top:220px; z-index:5; height:450px;}

#containerGal a.pics:focus {outline:0;}
#containerGal a.pics:focus img.thumb {border:1px solid #fc0}
#containerGal a.pics:focus span {display:block; position:absolute; left:8px; top:220px; z-index:5; outline:0; height:450px;}

#containerGal span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:26px 0 0 0; width:525px; text-align:center; color:#eee; z-index:1;}
#containerGal span.info a {color:#000;}
#containerGal span.info a:hover {text-decoration:none;}

#containerGal3 {position:relative; width:529px; height:605px; background:#FFFFFF; margin:6px auto; text-align: center;}

#containerGal3 a.pics {float:left; padding:15px 11px; display:inline; color:#000; text-decoration:none; width:83px; height:75px; cursor:default;}
#containerGal3 a.pics img.thumb {display:block; border:1px solid #FFFFFF;}

#containerGal3 a.pics span {display:none; border:0; width:508px; background:#F4EEE0;; border:1px solid #FFFFFF; text-align:center;}
#containerGal3 a.pics span img {margin:10px auto; border:1px solid #FFFFFF;}

#containerGal3 a.pics:hover {white-space:normal;}
#containerGal3 a.pics:hover img.thumb {border:1px solid #876E4F;}
#containerGal3 a.pics:hover span {display:block; position:absolute; left:8px; top:224px; z-index:10; height:375px;}

#containerGal3 a.pics:active img.thumb {border:1px solid #fc0;} 
#containerGal3 a.pics:active span {display:block; position:absolute; left:8px; top:224px; z-index:5; height:375px;}

#containerGal3 a.pics:focus {outline:0;}
#containerGal3 a.pics:focus img.thumb {border:1px solid #fc0}
#containerGal3 a.pics:focus span {display:block; position:absolute; left:8px; top:224px; z-index:5; outline:0; height:375px;}

#containerGal3 span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:26px 0 0 0; width:525px; text-align:center; color:#eee; z-index:1;}
#containerGal3 span.info a {color:#000;}
#containerGal3 span.info a:hover {text-decoration:none;}

#containerGal3b {position:relative; width:529px; height:605px; background:#FFFFFF; margin:6px auto; text-align: center;}

#containerGal3b a.pics {float:left; padding:15px 11px; display:inline; color:#000; text-decoration:none; width:83px; height:75px; cursor:default;}
#containerGal3b a.pics img.thumb {display:block; border:1px solid #FFFFFF;}

#containerGal3b a.pics span {display:none; border:0; width:508px; background:#F4EEE0;; border:1px solid #FFFFFF; text-align:center;}
#containerGal3b a.pics span img {margin:10px auto; border:1px solid #FFFFFF;}

#containerGal3b a.pics:hover {white-space:normal;}
#containerGal3b a.pics:hover img.thumb {border:1px solid #876E4F;}
#containerGal3b a.pics:hover span {display:block; position:absolute; left:8px; top:224px; z-index:10; height:375px;}

#containerGal3b a.pics:active img.thumb {border:1px solid #fc0;} 
#containerGal3b a.pics:active span {display:block; position:absolute; left:8px; top:224px; z-index:5; height:375px;}

#containerGal3b a.pics:focus {outline:0;}
#containerGal3b a.pics:focus img.thumb {border:1px solid #fc0}
#containerGal3b a.pics:focus span {display:block; position:absolute; left:8px; top:224px; z-index:5; outline:0; height:375px;}

#containerGal3b span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:26px 0 0 0; width:525px; text-align:center; color:#eee; z-index:1;}
#containerGal3b span.info a {color:#000;}
#containerGal3b span.info a:hover {text-decoration:none;}

#containerGal3c {position:relative; width:529px; height:605px; background:#FFFFFF; margin:6px auto; text-align: center;}

#containerGal3c a.pics {float:left; padding:15px 11px; display:inline; color:#000; text-decoration:none; width:83px; height:75px; cursor:default;}
#containerGal3c a.pics img.thumb {display:block; border:1px solid #FFFFFF;}

#containerGal3c a.pics span {display:none; border:0; width:508px; background:#F4EEE0;; border:1px solid #FFFFFF; text-align:center;}
#containerGal3c a.pics span img {margin:10px auto; border:1px solid #FFFFFF;}

#containerGal3c a.pics:hover {white-space:normal;}
#containerGal3c a.pics:hover img.thumb {border:1px solid #876E4F;}
#containerGal3c a.pics:hover span {display:block; position:absolute; left:8px; top:224px; z-index:10; height:375px;}

#containerGal3c a.pics:active img.thumb {border:1px solid #fc0;} 
#containerGal3c a.pics:active span {display:block; position:absolute; left:8px; top:224px; z-index:5; height:375px;}

#containerGal3c a.pics:focus {outline:0;}
#containerGal3c a.pics:focus img.thumb {border:1px solid #fc0}
#containerGal3c a.pics:focus span {display:block; position:absolute; left:8px; top:224px; z-index:5; outline:0; height:375px;}

#containerGal3c span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:26px 0 0 0; width:525px; text-align:center; color:#eee; z-index:1;}
#containerGal3c span.info a {color:#000;}
#containerGal3c span.info a:hover {text-decoration:none;}

#containerGal4 {position:relative; width:529px; height:655px; background:#FFFFFF; margin:6px auto; text-align: center;}

#containerGal4 a.pics {float:left; padding:15px 11px; display:inline; color:#000; text-decoration:none; width:83px; height:75px; cursor:default;}
#containerGal4 a.pics img.thumb {display:block; border:1px solid #FFFFFF;}

#containerGal4 a.pics span {display:none; border:0; width:508px; background:#F4EEE0;; border:1px solid #FFFFFF; text-align:center;}
#containerGal4 a.pics span img {margin:10px auto; border:1px solid #FFFFFF;}

#containerGal4 a.pics:hover {white-space:normal;}
#containerGal4 a.pics:hover img.thumb {border:1px solid #876E4F;}
#containerGal4 a.pics:hover span {display:block; position:absolute; left:8px; top:224px; z-index:10; height:425px;}

#containerGal4 a.pics:active img.thumb {border:1px solid #fc0;} 
#containerGal4 a.pics:active span {display:block; position:absolute; left:8px; top:224px; z-index:5; height:425px;}

#containerGal4 a.pics:focus {outline:0;}
#containerGal4 a.pics:focus img.thumb {border:1px solid #fc0}
#containerGal4 a.pics:focus span {display:block; position:absolute; left:8px; top:224px; z-index:5; outline:0; height:425px;}

#containerGal4 span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:26px 0 0 0; width:525px; text-align:center; color:#eee; z-index:1;}
#containerGal4 span.info a {color:#000;}
#containerGal4 span.info a:hover {text-decoration:none;}

#containerGal5 {position:relative; width:529px; height:615px; background:#FFFFFF; margin:6px auto; text-align: center;}

#containerGal5 a.pics {float:left; padding:15px 11px; display:inline; color:#000; text-decoration:none; width:83px; height:75px; cursor:default;}
#containerGal5 a.pics img.thumb {display:block; border:1px solid #FFFFFF;}

#containerGal5 a.pics span {display:none; border:0; width:508px; background:#F4EEE0;; border:1px solid #FFFFFF; text-align:center;}
#containerGal5 a.pics span img {margin:10px auto; border:1px solid #FFFFFF;}

#containerGal5 a.pics:hover {white-space:normal;}
#containerGal5 a.pics:hover img.thumb {border:1px solid #876E4F;}
#containerGal5 a.pics:hover span {display:block; position:absolute; left:8px; top:224px; z-index:10; height:385px;}

#containerGal5 a.pics:active img.thumb {border:1px solid #fc0;} 
#containerGal5 a.pics:active span {display:block; position:absolute; left:8px; top:224px; z-index:5; height:385px;}

#containerGal5 a.pics:focus {outline:0;}
#containerGal5 a.pics:focus img.thumb {border:1px solid #fc0}
#containerGal5 a.pics:focus span {display:block; position:absolute; left:8px; top:224px; z-index:5; outline:0; height:385px;}

#containerGal5 span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:26px 0 0 0; width:525px; text-align:center; color:#eee; z-index:1;}
#containerGal5 span.info a {color:#000;}
#containerGal5 span.info a:hover {text-decoration:none;}

#containerGal6 {position:relative; width:529px; height:475px; background:#FFFFFF; margin:6px auto; text-align: center;}

#containerGal6 a.pics {float:left; padding:15px 11px; display:inline; color:#000; text-decoration:none; width:83px; height:75px; cursor:default;}
#containerGal6 a.pics img.thumb {display:block; border:1px solid #FFFFFF;}

#containerGal6 a.pics span {display:none; border:0; width:508px; background:#F4EEE0;; border:1px solid #FFFFFF; text-align:center;}
#containerGal6 a.pics span img {margin:10px auto; border:1px solid #FFFFFF;}

#containerGal6 a.pics:hover {white-space:normal;}
#containerGal6 a.pics:hover img.thumb {border:1px solid #876E4F;}
#containerGal6 a.pics:hover span {display:block; position:absolute; left:8px; top:119px; z-index:10; height:350px;}

#containerGal6 a.pics:active img.thumb {border:1px solid #fc0;} 
#containerGal6 a.pics:active span {display:block; position:absolute; left:8px; top:119px; z-index:5; height:350px;}

#containerGal6 a.pics:focus {outline:0;}
#containerGal6 a.pics:focus img.thumb {border:1px solid #fc0}
#containerGal6 a.pics:focus span {display:block; position:absolute; left:8px; top:119px; z-index:5; outline:0; height:350px;}

#containerGal6 span.info {clear:left; display:block; text-align:center; line-height:20px; margin:0; padding:26px 0 0 0; width:525px; text-align:center; color:#eee; z-index:1;}
#containerGal6 span.info a {color:#000;}
#containerGal6 span.info a:hover {text-decoration:none;}