/*style sheet - crumpetLive */


   *{margin:0; padding:0;}
   
   h1, h2, h3, p {margin: 5px 5px;}
   
   ul, ol, dl {margin-left:25px;}
   
   body {font-family: Arial, Helvetica, sans-serif;
         font-size:90%;
         color:#30F;
        }
   
   #wrapper {width:800px; 
             margin:auto;
			 /*border: 1px solid magenta;*/ 
			 }
			 
   #banner {width:800px;
	        height:198px;
            text-align:right; 
			background-image:url(../images/00_crumpetLive_A0-header.jpg);
			background-repeat:no-repeat;
			/*border: 1px solid magenta;*/
			}
			
   #nav-main {width:800px;
              padding-top:100px;
			  /*border: 1px solid magenta;*/
			  }
			  
   #left {padding: 15px 0px 0px 0px;
          width:170px; 
          float:left; 
		  color: #C00;
		  text-align:center;
		  /*border: 1px solid magenta;*/ 
         }	
		 
   #left ul, li  {
		          color: #C00;
		          text-align:left;
				  list-style:none;
		          /*border: 1px solid magenta;*/ 
                  }	
				  
   #left a {padding: 0 2px;
             color: #C00;
             text-decoration: none;
                     }

   #left a:hover {color: #6C0;}
			 
   #middle  {width:200px;
             padding: 50px 0 0 0;
			 float:left;
			 margin:colapse;
			 /*border: 1px solid magenta;*/ 
			}
			
   #middle p  {padding: 5px 0 0 0; 
               margin-top: 5px;
               margin:collapse;
           	   /*border: 1px solid magenta; */
			  }
			  
   #middle-gallery ul {list-style:none;}
			  
   #right {float:right;
		   /*border: 1px solid magenta; */
		   }
		   
		   
   #right-main {float:right;
           background-image:url(../images/00_crumpetLive_A0-piano_1.jpg);
		   width:399px;
		   height:294px;
		   /*border: 1px solid magenta;*/ 
		   }
		   
    #tickle {width: 150px;
		     padding: 55px 0 0 40px;
		     /*border: 1px solid magenta; */
		     }	   
		   
		   
   #call-to-action {width:800px;
					/*border: 1px solid magenta;*/
                   }
					   
					  
					  
   #call-to-action p {font-size:80%;
					  text-align:center;
					  /*border: 1px solid magenta;*/
                     }
	
   #call-to-action a {padding: 0 2px;
                      color: #C00;
                      text-decoration: none;
                     }

   #call-to-action a:hover {color: #6C0;}

   #call-to-action a#current {color: #30F;}
	
				   
   #action1 {width:180px;
            margin-left:25px;
			float:left;
			border:0;
             }	
			 
	#action1 img {border:0;
                }	
			 
   #action2 {width:163px;
            margin-left:30px;
			float:left;
			border:0;
             }	
			 
   #action2 img {border:0;
                }	
			 
   #action3 {width:188px;
             margin-left:30px;
			 float:left;
			 border:0;
            }
			
   #action3 img {padding-left:5px;
			    border:0;
                }	
			 
   #action4 {width:170px;
             margin-left:10px;
			 float:left;
			 border:0;
             }	
			 
			 
   #action4 img {padding-left:20px;
			     border:0;
                }	
 
   #footer {text-align:left; 
			width:800px; 
		    margin-left:auto;
		    margin-right:auto;
			margin-top:10px;
			padding: 20px 0px 15px 0px;
			background-image:url(../images/00_crumpetLive_A0_footer.jpg);
			background-repeat:no-repeat;
			/*border: 1px solid magenta; */
			}
			
   #footer p  {padding: 5px 0 0 40px;
               font-size:70%;
               margin-top: 30px;
               margin:collapse;
           	   /*border: 1px solid magenta; */
			  }
			  
   #footer a  {padding: 5px 0 0 0;
               color: #C00;
			   font-weight:bold;
               text-decoration: none;
              }
   
   #footer a:hover {color:#6C0}
			
   #navcontainer {margin-left:auto;
                  margin-right:auto;
                  z-index: 1;
                  color:#999;
				  /*border: 1px solid magenta;*/
                 }

   #navcontainer ul {list-style-type: none;
                     text-align: right;
                     position: relative;
                     z-index: 2;
                    }

   #navcontainer li {display: inline;
                     text-align: center;
					 padding: 0 10px;
					 margin-left:-10px;
                    }

   #navcontainer li a {padding: 1px 7px;
                       color: #C00;
					   font-weight:bold;
					   text-decoration: none;
                      }

   #navcontainer li a:hover {color: #6C0;}

   #navcontainer li a#current {color: #30F;}
   
   
   #navcontainer2 {margin-left: auto;
                   margin-right: auto;
                   padding: 0;
                   z-index: 1;
				   border: 1px solid magenta; 
                   }

   #navcontainer2 ul {list-style-type: none;
                      text-align: left;
                      margin-left:0px;
                      position: relative;
                      z-index: 2;
                     }

   #navcontainer2 li {display: inline;
                      text-align: left;
					  margin-left:-2px;
                     }

   #navcontainer2 li a {padding: 1px 2px;
                        color: #666;
                        text-decoration: none;
                       }

   #navcontainer2 li a:hover {color: #6C0;}

   #navcontainer2 li a#current {color: #006;}
   
   #contact-form {margin-top:20px;}
   
   #contact-form h3 {padding: 1px 0 10px 0;
                     color: #006;
                     text-decoration: none;
                    }
   
   #contact-form label {font-size:90%;
		 				 padding-top: 15px;
		  				 left:20px;
        			    }
						
   #contact-form input, select {margin-top: 5px;
		                        margin-bottom: 10px;
		   				        line-height: 1.2em;
	                           }
						
	#contact-form p.note {font-size:80%;}	
						  
	#contact-form p.buttons input {font-size:90%;
								   margin-left:0px;
        			               }
			
	#contact-form textarea {margin-top: 5px;
	                        margin-bottom: 10px;
							}				
	
	#form-active input {margin-left: 75px;
                        font-size:90%;
				       }
				 
	#form-active input+input {margin-left: 15px;}
	
	
	
	 #FPO {width:800px;
		  /*border: 1px solid magenta;*/ 
           }
		   
	 #FPO img { padding-left:150px;
		       /*border: 1px solid magenta; */
              }
		
	#middle-gallery {width: 600px;
					  margin-top: 25px;		
                      margin-left: 180px;	
					  clear: both;
					  border:0;
					   /*border: 1px solid magenta; */
					  }	
					  
	#middle-gallery	img {border:0;}			  			  
		
	#submenu { 
	margin-bottom: 50px;	
	}
		  
	#left-gallery { 
	      width: 570px;
	      height: 130px; 
	      /*padding-left: 25px;*/
	      border-right: 1px dashed #6C0;
		   /*border: 1px solid magenta; */
	      }
	
		
   #scrollContainer {
		visibility: visible;
		position:relative; 
		left: 0px; 
		top: 0px; 
		width: 570px; 
		height: 130px; 
	/*	clip: rect(0px 175px 600px 0px); */
		overflow: hidden; 
		z-index: 1; 
		/*border: 1px solid magenta; */
		}
		
	#scrollContent {
		position: relative; 
		width: 570px; 
		left: 0px; 
		top: 0px; 
		z-index: 0; 
		height: auto;
		 /*border: 1px solid magenta; */
		}
	
		#scrollContent ul {
			margin-bottom: 20px;
			}
			
		#scrollContent li {display: inline;
			list-style-type: none;
			margin-bottom: 20px;
			}
	
		#scrollContent .numberOFF a img {
			border: 1px solid #fff;
			} 
			
		#scrollContent .numberOFF a:link img {
			border: 1px solid #C00;
			} 
		#scrollContent .numberOFF a:visited img {
			border: 1px solid #C00;
			} 
		#scrollContent .numberOFF a:hover img {
			border: 1px solid #6C0;
			} 
		#scrollContent .numberOFF a:active img {
			border: 1px solid #C00;
			}
		
	/*	#scrollContent .numberON a img {
			border: 1px solid #a9ddea;
			} 
			
		#scrollContent .numberON a:link img {
			border: 1px solid #a9ddea;
			} 
		#scrollContent .numberON a:visited img {
			border: 1px solid #a9ddea;
			} 
		#scrollContent .numberON a:hover img {
			border: 1px solid #a9ddea;
			} 
		#scrollContent .numberON a:active img {
			border: 1px solid #a9ddea;
			}*/
		
		#scrollUp {
			position: relative;
			width: 18px;
			height: 15px; 
			left: 570px; 
			top: -130px; 
			z-index: 2; 
			 /*border: 1px solid magenta; */
			}
			
		#scrollDown {
			position: relative; 
			width: 18px;
			height: 15px;
			left: 570px; 
			top: -30px; 
			z-index: 2; 
		/*	 border: 1px solid magenta; */
			}	 
			
			
  #left-list { 
	      width: 570px;
	      height: 100px; 
	      /*padding-left: 25px;*/
	      border-right: 1px dashed #6C0;
		   /*border: 1px solid magenta; */
	      }
	
		
   #scrollContainer-list {
		visibility: visible;
		position:relative; 
		left: 0px; 
		top: 0px; 
		width: 570px; 
		height: 100px; 
		clip: rect(0px 175px 600px 0px); 
		overflow: hidden; 
		z-index: 1; 
		/*border: 1px solid magenta;*/ 
		}
		
	#scrollContent-list {
		position: relative; 
		width: 570px; 
		left: 0px; 
		top: 0px; 
		z-index: 0; 
		height: auto;
		/* border: 1px solid magenta; */
		}
	
		#scrollContent-list ul {
			margin-bottom: 20px;
			}
			
		#scrollContent-list li {
			list-style-type: none;
			margin-bottom: 20px;
			}
	
	
		#scrollUp-list {
			position: relative;
			width: 18px;
			height: 15px; 
			left: 570px; 
			top: -100px; 
			z-index: 2; 
			 /*border: 1px solid magenta; */
			}
			
		#scrollDown-list {
			position: relative; 
			width: 18px;
			height: 15px;
			left: 570px; 
			top: -30px; 
			z-index: 2; 
		/*	 border: 1px solid magenta; */
			}	
	
	table.list {width:580px; 
	/*  	   margin-left:auto;
	  	   margin-right:auto; 	*/
  		   margin-bottom:10px;
  		  /* border-collapse:collapse;*/
  		  }
 		
 		th, td {font-family:Arial, Helvetica, sans-serif; 
		        font-size:95%;
				text-align:left;
				padding: 5px;
		       }
			   
		th {background-color:#C00;
		    width:125px;
 		    color:#fff;
 		    }
			   
 		td {vertical-align:top;
			color:#03F; 
 		    }
	   
 		td.cell-1{ width:200px;
			             }
						 
		th.cell-1{ width:200px;
			             }
						 
		td.cell-2{ width:350px
			             }
						 
		th.cell-2{ width:350px
			             }
						 
		th.cell-3{ width:30px;
		                 }
 		
 		td.cell-3{ width:30px;
		                 }
						 
	
	table.tour {width:580px;  
  		        margin-bottom:10px;
  	       	  }
 		
 		th, td {font-family:Arial, Helvetica, sans-serif; 
		        font-size:95%;
				text-align:left;
				padding: 5px;
		       }
			   
		th {background-color:#C00;
		    width:125px;
 		    color:#fff;
 		    }
			   
 		td {vertical-align:top;
			color:#03F; 
 		    }
	   
	   
 		td.tour-1 {font-weight:bold;
		          color: #6C0;
			             }
						 
		td.tour-2{ width:350px;
		           /*font-weight:bold;*/
			             }
						 
		th.tour-2{ width:350px;
			             }
 		
 		td.tour-3{color:#666; 
		           width:30px;
			             }
						 
	 	th.tour-3{ width:30px;
			             }	
						 
		td.book-1{font-weight:bold;
		          color: #6C0;
			             }
						 
		td.book-2{ width:350px;
		          font-style:italic;
		          font-weight:bold;
			             }
						 
		th.book-2{ width:350px;
		           
			             }
 		
 		td.book-3{color:#666; 
		           width:30px;
			             }
						 
	 	th.book-3{ width:30px;
			             }					 
						 
						 
		table.tour	a {padding: 1px 7px;
                       color: #C00;
					   font-weight:bold;
					   text-decoration: none;
                      }

        table.tour a:hover {color: #6C0;}

        table.tour li a#current {color: #30F;}	 
						 
						 
						 
	.clear {clear: both;
		   height: 0;
		   }