/*<!-- colors
front : #cab1c1 =  rgb(202, 177, 193)  highlights: #606
my shop : #9999FF = rgb(051, 051,153) highlights: #333399
about me : #9bd395  highlights : #91a48f
services : #CCCC99 = rgb(204, 204, 153) highlights: #cccc66
gallery :  white theme
links: #eaea51 rgb(254, 255, 117) highlights: #a5a539
-->
 */

html {   width: 100%;
        height: 100%;
        padding:0;
	margin:0;  
	border:0;
	font-family:georgia, palatino linotype, times new roman, serif;
        }

body {  text-align:center;
         width: 100%;
         height: 100%;
         margin: 0;
         border: 0;
         padding: 0;
         background: #cab1c1 url(tile.cab1c1xblack.gif) repeat;
         }

div.centeredcontent { position: relative;
                    text-align:left;
                      padding: 0;
                    border: 0;
                    width: 820px;
                    margin: 0px auto 0px auto;
                    z-index: 0;
                }

a {text-decoration: none; }
img {border: 0;}


div {	padding:0;
	margin:0;
	border:0; }

div.boxshadow {
           position: absolute;
           top: 56px;
           left: 8px;
           height: 562px;
           width: 806px;
           margin: 0;
           padding: 0;
           z-index: -1;
         background-color: transparent;
           background-repeat: repeat;
           filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='ds40.2.png');
              }

/* ie ignores this */
   .boxshadow[class] {
                     background-image:url(ds40.2.png);
                     }

    div.container {  z-index: 1;
                  background-color: #fffff5;
                  border: 4px solid #FFFff5;
                  position: absolute;
                  top:0px;
                  left: 0;
                  width: 800px;
                  height: 560px;
                  margin: 0;
                  padding:0px;
                  }
     div.wrap {  z-index: -1;
                  background-color: #fff;
                  border: 1px solid;
                  border-color:#ccc #999 #999 #ccc;
                  position: absolute;
                  top:48px;
                  left: 0;
                  width: 808px;
                  height: 568px;
                  margin: 0;
                  padding:0px;
                  }


     div.left {   z-index: 2;
                 border: 2px solid black;
                  border-left: 1px solid black;
                  border-right: 0;
                  background-color: transparent;
                  background-image: url(pianotile2.1.gif);
                  background-repeat: repeat-y;
                  width: 161px;
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  padding: 0;
                  margin: 0;
                  height: 514px;
                  }


     div.inner {  z-index: 2;
                  border: 2px solid #000;
                  border-left: 1px;
                  background-color: #cab1c1;
                  width: 637px;
                  position: absolute;
                  left: 161px;
                  top: 0px;
                  padding: 0;
                  margin: 0;
                  height: 514px;
                  overflow: hidden;
                                }

div.topnavshadow {  z-index: -2;
                  width: 808px;
                  height: 34px;
                  position: absolute;
                  background-color: transparent;
                  top:6px;
                  left: 6px;
                  padding: 0;
                  margin: 0;
                  background-repeat: repeat;
                  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='ds40.2.png');
              }

/* ie ignores this */
   .topnavshadow[class] { background-image:url(ds40.2.png); }


div.topnav {      margin: 0;
                  padding: 0;
                  z-index: -1;
                  position: absolute;
                  top: 0px;
                  left: 0px;
                  width: 808px;      overflow: visible;
                  height: 34px;
                    border: 1px solid;
	          border-color:#ccc #999 #999 #ccc;
	          background-image: url(cab1c1grad.png);
                 background-color: transparent;
                 background-repeat: repeat-x;
                      /* since the dropmenu uses transparency, ie6 fails if given another AlphaImageLoader here  */
                  }



div.footer { font-family:verdana, helvetica, arial, sans;
             margin: 0px;
             padding: 0;
             border: 2px solid #000;
             z-index: 200;
             position: absolute;
             bottom: 0px;
             width: 796px;
             height:46px;
             text-align: center;
             background-color: #606;
             color: #ffffff;
                          }


#fontchange, #fontchangeshadow {
font-size: 84px; width: 342px;
 font-family: script, cursive;
    margin: 0 auto;
    color: #ffffff}
.headerholder span {display: block}
#fontchangeshadow {color: #666666;}

#topfontchange, #topfontchangeshadow {
font-size: 32px; width: 159px;
 font-family: script, cursive;
    margin: 0 auto; z-index: 100;
    color: #000000;}
 #topfontchangeshadow {color: #666666;}
.headerholder {z-index: 2; width:637px; margin: 0; padding: 0;
  text-align: center; position: absolute; top: 3px; left:0}
.topheaderholder { z-index: 2; width:159px; margin: 1px 16px 0px 4px; padding: 0; text-align: center; position: absolute; top: 0; left:0}


        .sIFR-hasFlash #fontchange, .sIFR-hasFlash #fontchangeshadow {
    visibility: hidden;
    height: 110px;
}

 .sIFR-hasFlash #topfontchange, .sIFR-hasFlash #topfontchangeshadow {
    visibility: hidden;
    height:48px;
}