/* <!-- */
	/* General styles */
	body {
		margin:0; width:100%; color: #ccc; text-align: center;  background: #ccc url(images/artnbackground.png) repeat; font-size:105%; line-height: 1.25; font-family: georgia, ;
		padding:0;
		border:0;			/* This removes the border around the viewport in old versions of IE */
		min-width:600px;		/* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */  	}

	a {color: #fff; }
	
	p{margin: 10px 20px 20px 20px;}
	
	#container   {width: 910px;    	margin-left: auto; background-color: #000; margin-top: 2px;	margin-right: auto;  margin-bottom: 20px; border-left: 1px solid #999;
         border-right: 1px solid #999; border-bottom: 3px solid #fff; font-family: georgia;}
        
        # container p {margin: 0px 0px 50px 20px;}

	h1 {font-family: courier, courier-new, arial;  margin: 12px 0 10px 0; padding:0; font-size: 300%; color: #fff;	font-weight: normal; }
	
	h2 {font-family: courier; font-size: 250%; color: #fff; font-weight: normal;	margin: 0px 0 0px 0;  }
	
        h3 {font-family: courier; font-size: 200%; color: #fff; font-weight: normal; 	margin: 0px 0 0px 0; }
        
        h4 {font-family: courier; font-size: 150%; color: #fff; font-weight: normal; 	margin: 0px 0 0px 0; }
        
        h5 {font-family: georgia; font-size: 130%; color: #fff; font-weight: normal; 	margin: 0px 0 0px 0; }

      #header { width: 906px; height: 53px; background-color: #fff; margin: 15px 0 0 0;  text-align: bottom; border: #000 2px solid;}
      
      .left {text-align: left; 	margin: 20px; font-family: georgia; line-height: 1.6;}
      .small {font-size: 85%; font-weight: normal;}


      


               

	/* Footer styles */
	#footer {   clear:both;   background-color: #333;  width: 906px;
        	margin-left: auto;  margin-right: auto;    border-top: 2px solid #ccc; 	padding: 2px;}
	
        #footer p {   margin:20px 0 20px 0; font-size:85%;  font-family: arial, helvetica,; color: #fff;   	}
		   	


        #navigation { position: relative; clear: both; padding: 0px 0 0 0; height: 22px; width: 492px; color: #fff; background-color: #906; 
                      margin: -24px 0 0 412px;  border-bottom: solid 1px #fff;  border-right: solid 1px #fff;   text-align: justify;  }
		
        #navigation ul { display: inline; list-style: none; color: #fff; font: bold 12px arial;  margin: 0px 0px 0px -34px; text-align: justify; }
		
	#navigation ul a {  display: inline; padding: 0px; margin: 0px 0px 0px 0px;  color: #fff; text-decoration: none; }
		
	#navigation a:visited { color: #ccc;	}
		
	#navigation a:hover { 	background: #999;  }

	#fronttext {  text-align: left; line-height: 1.5; font-size:95%; font-family: arial; position: relative; margin: 5px 10px 0px 20px;  }
                
        #fronttext h2 {    font-size:105%;  font-family: georgia; margin: 5px 0 5px 0;}
                
        #date { text-align: left;     font-size:100%;  font-family: courier;  margin: 5px 15px 5px 10px;   }
                
        #date h3 {    font-size:140%;  font-family: courier; color: #fff; margin: 35px 0px -10px 0px; padding: 0px; font-weight: normal; }
        #date h4 {    font-size:270%;  font-family: courier; color: #fff; margin: 30px 0px 15px 0px; padding: 0px; font-weight: normal; }
                
                 .quote {  font-family: georgia; color: #000; margin: 30px 20px 10px 5px; padding: 0px; font-weight: normal; clear: both;
                           	background-color: #ccf; float: right;   width: 230px;  padding: 0 0 0 4px;}
                 .quote p { margin: 15px 10px 10px 10px ; text-align: left; line-height: 1.25; font-size:115%;}
                 .quote a { color: #333;}
                 
                 .review    { margin: 20px; background-color: ; width: 860px; height: 110px; border-bottom: 1px solid #ccc; }
                 .review p   {font-size:75%; color: #ccf; font-family: arial; margin: -35px 0 0 0; text-align: right;}
                 
                 .albumreview {margin: 12px 15px 10px 20px; float: left; }
                
                
          .rightplayer {    position: relative; float: right; height: 160px;  width: 110px; margin: 40px 5px 5px 15px;  text-align: center; background-color:#ccf; }
          .rightplayer p {font-size: 75%; margin: 8px 8px 8px 8px; text-align: center; color: #000; font-family: comic-sans, arial; font-style: italic; font-weight: bold;}
          .wedplayer   { position: relative; height: 21px; width: 21px; margin: -27px -30px 0px 130px; }
          
          #quartet {
			position: relative; height: ;  width: 860px; /* width + border for IE 5.x */   w\idth: 854px; /* real width */
                        margin: 15px 0 0 20px;  border: solid 2px #ccc; padding: 6px;    text-align: center;  font-family: georgia;
			white-space: normal;  background-color: #303;  line-height: 1.5; min-height: 210px; }
			
          #quintet {
			position: relative; height: ;  width: 860px; /* width + border for IE 5.x */   w\idth: 854px; /* real width */
                        margin: 15px 0 0 20px;  border: solid 2px #ccc; padding: 6px;    text-align: center;  font-family: georgia;
			white-space: normal;  background-color: #663;  line-height: 1.5;  min-height: 210px;}

           #trio {
			position: relative; height: ;  width: 860px; /* width + border for IE 5.x */   w\idth: 854px; /* real width */
                        margin: 15px 0 0 20px;  border: solid 2px #ccc; padding: 6px; line-height: 1.5;    text-align: center;  font-family: georgia;
			white-space: normal;   	background-color: #030;   min-height: 210px; }

             #gypsy {
			position: relative; height: ;  width: 860px; /* width + border for IE 5.x */   w\idth: 854px; /* real width */
                        margin: 15px 0 15px 20px;  border: solid 2px #ccc; padding: 6px; line-height: 1.5;    text-align: center;  font-family: georgia;
			white-space: normal;   min-height: 210px;
			background-color: #003;  }
     
     .spacer { background-image: url(images/motifwhite.png); background-repeat: no-repeat; background-position: center; margin: 50px 0 50px 0; height: 10px;}
			
			
                  #video2  {

                       position: absolute;
                       height: 600px;
                       width: 425px;
	               white-space: normal;
	               background-color:;
	               border: ;
	               clear: both;
	               margin: 130px 0px 0px 162px;
                       }
                       
                #videocontainer{
			position: relative;
			height: 740px;
			width: 756px; /* width + border for IE 5.x */
			w\idth: 750px; /* real width */
                        margin: 25px 0 0 80px;
			white-space: normal;
			background-image: url(images/moviecurtain1.jpg);
		}
		
		.musicplayer3 {text-align: left; margin: 0 0 0 10px;}

                    #musicplayer1     {
                       margin: 0 0px 0 465px;
                       position: absolute;
                       height: 380px;
                       width: 436px;
	               white-space: normal;
	               background-color: #0f4052;
                       background-image: ;
	               background-repeat: ;
                       background-position: ;
                       text-align: left;
                       }
                       
                    #musicplayer2    {
                       margin: 0 0px 0 465px;
                       position: absolute;
                       height: 360px;
                       width: 436px;
	               white-space: normal;
	               background-color: #3B083C;
                       background-image: ;
	               background-repeat: ;
                       background-position: ;
                       text-align: left;
                       }
                       
                       .photobar  {border: solid 2px #fff; float: right; width: 300px; height: auto; margin: 0 0 0 10px;}



           .musicplayertext        {    margin: 5px 8px 0 8px; font-size: 90%;            }
           .musicplayertext p       {    margin: 5px 8px 5px 8px;  }
            .musicplayertext.h4 {margin: -5px 0 -5px 8px;}
            .musicplayertext.sbs {margin: -10px 0 0 8px;}
            
            .paypal { position: relative; margin: 4px 17px 5px 0px; border: solid 1px #ccc; height: 100px; width: 180px; float: right; text-align: center;}
            .paypal h4 {margin: 10px 0 0 0;}
            .paypal p {margin: 5px;}
            
            
           #contact   {
                       position: relative;    height: 450px;
                       background-image: url(images/Cate-on-piano.jpg); background-repeat: no-repeat; background-position: center;
                       margin: 15px 0 0 0;
                          }
            
	/* --> */
	</style>