/*#spacer {
		height: 10px;
		width: 480px;
		}*/
      /* Sticky footer styles
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
     
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        
        /* Negative indent footer by it's height */
        margin: 0 auto -40px;
      }

      /* Set the fixed height of the footer here */
     /*same as push??
     #main {
      overflow:auto;
      padding-bottom: 41px; this needs to be bigger than footer height
      }*/

      #push {
        height: 40px;
      }
      #footer {
        background-color: #f5f5f5;
        font-size: 9pt;
        position: relative;
        height: 40px;
        margin-top: -40px;
        clear:both;
        padding-top: 10px;

      }
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  max-width: 920px; /* or 950px */
}

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }

body {
	background: -moz-linear-gradient(left,  rgba(224,185,157,0.6) 0%, rgba(244,234,227,0.6) 23%, rgba(226,203,186,0.6) 51%, rgba(244,234,227,0.6) 78%, rgba(226,203,186,0.6) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,185,157,0.6)), color-stop(23%,rgba(244,234,227,0.6)), color-stop(51%,rgba(226,203,186,0.6)), color-stop(78%,rgba(244,234,227,0.6)), color-stop(100%,rgba(226,203,186,0.6))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(224,185,157,0.6) 0%,rgba(244,234,227,0.6) 23%,rgba(226,203,186,0.6) 51%,rgba(244,234,227,0.6) 78%,rgba(226,203,186,0.6) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(224,185,157,0.6) 0%,rgba(244,234,227,0.6) 23%,rgba(226,203,186,0.6) 51%,rgba(244,234,227,0.6) 78%,rgba(226,203,186,0.6) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(224,185,157,0.6) 0%,rgba(244,234,227,0.6) 23%,rgba(226,203,186,0.6) 51%,rgba(244,234,227,0.6) 78%,rgba(226,203,186,0.6) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(224,185,157,0.6) 0%,rgba(244,234,227,0.6) 23%,rgba(226,203,186,0.6) 51%,rgba(244,234,227,0.6) 78%,rgba(226,203,186,0.6) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e0b99d', endColorstr='#b3e2cbba',GradientType=1 ); /* IE6-9 */

/*#key_visual {
	background: url(src/img/clarinet-holder.jpg) no-repeat;
}*/



      

	/*background: #e0b99d; /* Old browsers */
/*background: -moz-linear-gradient(left,  #e0b99d 0%, #f4eae3 23%, #e2cbba 51%, #f4eae3 78%, #e2cbba 100%); /* FF3.6+ */
/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e0b99d), color-stop(23%,#f4eae3), color-stop(51%,#e2cbba), color-stop(78%,#f4eae3), color-stop(100%,#e2cbba)); /* Chrome,Safari4+ */
/*background: -webkit-linear-gradient(left,  #e0b99d 0%,#f4eae3 23%,#e2cbba 51%,#f4eae3 78%,#e2cbba 100%); /* Chrome10+,Safari5.1+ */
/*background: -o-linear-gradient(left,  #e0b99d 0%,#f4eae3 23%,#e2cbba 51%,#f4eae3 78%,#e2cbba 100%); /* Opera 11.10+ */
/*background: -ms-linear-gradient(left,  #e0b99d 0%,#f4eae3 23%,#e2cbba 51%,#f4eae3 78%,#e2cbba 100%); /* IE10+ */
/*background: linear-gradient(to right,  #e0b99d 0%,#f4eae3 23%,#e2cbba 51%,#f4eae3 78%,#e2cbba 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0b99d', endColorstr='#e2cbba',GradientType=1 ); /* IE6-9 */
/*gradient source: http://www.colorzilla.com/gradient-editor/*/
/*background-color: #E2CBBA;*/
}