.content-wrap{
	width: 1300px;
  padding-top: 30px;
  margin: 0 auto;
	background-color: #3f1810 !important;
}


.notable-content{
	border: 1px solid #FF9933 !important;
	padding: 10px;

}

@media screen and (max-width: 1200px) {
  .content-wrap{
  	width: 100%;
    margin: 0 auto;
}

.column1{
  width: 40%!important;
  float: left!important;
}

.column2{
  width: 40% !important;
  float: left  !important;


}
    

.column3{
  width: 80%!important;
  float: left!important;
}
}



@media screen and (max-width: 600px) {
  .content-wrap{
  	width: 100%;
    margin: 0 auto;
}

.column1{
  width: 80%!important;
  float: left!important;
}

.column2{
  width: 80% !important;
  float: left  !important;
}

.column3{
  width: 50%!important;
  float: left!important;
}
}

.column1{
  width: 350px;
  float: left;
  margin: 0 20px 0 20px;
}

.column2{
  width: 400px;
  float: left;
  margin: 0 20px 0 20px;
}

.column3{
  width: 400px;
  float: left;
  margin: 0 20px 0 20px;

}

.column1text{
  margin-top: 40px;
}

html {
  overflow-y: scroll;
}

.mejs-playlist{
	//background-color: #330033 !important;
	border: 1px solid #FF9933;
}

#classicalguitar{
	height: 380px;
	float: left;
	background-color: #330033;
	background-origin: content-box;
}

#acoustic{
	height: 70px;
	float: left;
	background-color: #330033;
	background-origin: content-box;
}

.acousticvocal{
	height: 250px;
	float: left;
	margin-top: 50px;
	background-image: url(images/acoust_gtr_vox1.jpg);
	background-repeat: no-repeat;
	background-position: right;
}



.mejs-playlist li{
	font-size: 14px !important;
	margin-top: 10px !important;
}

.mejs-time-handle-content {
  height: 3px;
}

.mejs-horizontal-volume-slider{
	width: 62px !important;
	float: left;
}

.mejs-controls{
	background-color: #FF9933 !important;
	padding-right: 2px !important;
}



.underline {
  text-decoration: underline;
}



cite {
  font-style: normal;
  text-decoration: underline;
}



.js.definitions>h3 {//border-top:1px solid #ffffff; padding: 8px 0;}
.js.definitions>h3:current {border-top: none !important;}
.js.definitions>h3:hover {cursor:pointer; color: #ffffff;}
.js.definitions .music-definition {padding-bottom: 30px;}

h3{
	font-family:"Arial" ;
	color: #ff9933;
}

h1{
	font-family:"Arial" ;
	color: #ff9933;
}

h2{
	font-family:"Arial" ;
	color: #ff9933;
	font-size: 24px;
}



#section_head{
	background-image: url(head.jpg);
}


#container {
    width: 237px;
}

#slider {
    width: 235px;
    height: 280px;
}

#slider img {
    width: 225px;
    //height: 338px;
    display: none;
    position: absolute;
    padding: 5px;
}

#nav {
    width: 235px;
    height: 10px;
    padding-top: 10px;

}

#nav a {
    padding: 0 5px 0 0;
    float: left;
    position: relative;
    padding-top: 1px;
    left: 42%;
}

#nav a:hover div {
    background: #888;
}


.selected {
    background: #666 !important;
}

/*
essential styles:
these make the slideshow work
*/
#slides{
	position: relative;
	height: 150px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

.slide{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;

	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}

.showing{
	opacity: 1;
	z-index: 2;
}

/* Media Element Player */
    .mejs-list li:hover {
        background: #ffa;
        cursor: pointer;
    }
    .mejs-list li.current {
        background: #cddfff;
    }

		.mejs-playlist{
			background-color:
		}



    .tomplayer{
      float: left;
    }
    
    .footer-wrap{
width: 100%;
margin: 0 auto;
padding-top: 20px;

}

.the_wrapper {
width: 400px !important;
}