/* banner nav links */
.class1 a {font-family:gill sans, sans-serif; color:#ffffff; font-size: calc(.45em + .5vw); display:inline-block; font-weight: bold; padding: 10px 15px 10px 15px;
	-webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; }
.class1 a:link {text-decoration:none;}
.class1 a:hover {color:#ffffff; background: #937c0f;
	-webkit-opacity: 1; -moz-opacity: 1; opacity: 1; }
.class1 a:visited {text-decoration:none; }
.class1 a:active {text-decoration:none; }


/* footer nav2 links */
.class2 a {font-family:gill sans, sans-serif; color:#bababc; font-size: calc(.4em + .45vw); line-height: 150%; padding: 4px 20px 4px 20px;
	-webkit-opacity: 0.5; -moz-opacity: 0.5; opacity: 0.5;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease; }
.class2 a:link {text-decoration:none;}
.class2 a:hover {background: #505050; color: #937c0f; -webkit-opacity: 1; -moz-opacity: 1; opacity: 1;}
.class2 a:visited {text-decoration:none;}
.class2 a:active {text-decoration:none;}


/* text links */
.class3 a {font-family:gill sans, sans-serif; color:#937c0f; font-size: calc(.45em + .55vw); padding: 4px 8px 4px 8px;}
.class3 a:link {text-decoration:none;}
.class3 a:hover {background:#505050;
 	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.class3 a:visited {text-decoration:none;}
.class3 a:active {text-decoration:none;}




.bodytext {font-family:gill sans, sans-serif; color:#cfcece; font-size: calc(.45em + .55vw);   line-height:130%; }

.bodytextlg {font-family:gill sans, sans-serif; color:#cfcece; font-size: calc(.5em + .6vw);   line-height:140%; }

.titletextgd {font-family:gill sans, sans-serif; color:#937c0f; font-size: calc(.45em + .6vw); font-weight: bold; line-height:140%; }

.tabletext {font-family:gill sans, sans-serif; color:#cfcece; font-size: calc(.35em + .45vw);   line-height:130%; }

.copytext {font-family:gill sans,sans-serif; color:#bababc; font-size: calc(.4em + .45vw); line-height: 150%; }




a img { border: none; }

.leftbannersize { width: 100%; height: 100%; }

.vidwidth { width: 70%; height: 20%; }

img.rspace {
	margin: 0 2% 0 0;
	}

img.lspace {
	margin: 0 0 0 2%;
	}



html,body { 
margin: 0px;
padding: 0px;
background: #000000;
}




#container {
width: 85%;
margin: 0px auto 0px auto;
}


	#leftbanner {
	position: fixed;
	width: 15%;
	float: left;
	background: #000000;
	z-index: 100;
	}

		
	
		#title {
		position: fixed;
		float: left;
		margin: -20px 0 0 15%;
		background: #000000;
		width: 70%;
		z-index: 100;
		}


		#titlersp {
		display: none;
		}
		
		#tablersp {
		display: none;
		}


		#nav1{
		position: fixed;
		float: right;
		text-align: right;
		margin: 0 0 0 70%;
		padding-top: 25px;
		background: #000000;
		z-index: 100;
		}
	

			/* for MOVING IMAGE BEHIND TEXT */
			h1 {font-family:arial black; font-weight:900; font-size: calc(2em + 2.25vw); text-transform:uppercase; line-height: 100%;}


			.bgClip {background-image:url("../images/sub_textback_guitarsbw_long.jpg");
			background-position:0 35%;
			color:transparent;
			padding:20px 40px;
			-webkit-background-clip:text;
				-moz-background-clip:text;
				background-clip:text;
				-webkit-text-fill-color:transparent;
			 -webkit-animation:BackgroundAnimated 20s linear infinite alternate;
				-moz-animation:BackgroundAnimated 20s linear infinite alternate;
				-ms-animation:BackgroundAnimated 20s linear infinite alternate;
				-o-animation:BackgroundAnimated 20s linear infinite alternate;
				animation:BackgroundAnimated 20s linear infinite alternate;
			}

			@keyframe BackgroundAnimated {
			  from {
				background-position:0 0
			  }
			  to {
				background-position:100% 0
			  }
			}

			@-webkit-keyframes BackgroundAnimated {
				from {
					background-position:0 0
				}
				to {
					background-position:100% 0
				}
			}
				@-ms-keyframes BackgroundAnimated {<     from {
					background-position:0 0
				}
				to {
					background-position:100% 0
				}
			}
				@-moz-keyframes BackgroundAnimated {
				from {
					background-position:0 0
				}
				to {
					background-position:100% 0
				}
			}


		#content {
		position: relative;
		float: left;
		margin: 260px 0 40px 22%;
		z-index: 10;
		}

			#text {
			position: relative;
			padding: 30px 0 -50px 0;
			float: left;
			width: 100%;
			}


			#address {
			position: relative;
			padding: 30px 0 0 0;
			float: left;
			width: 100%;
			}

			#map {
			position: relative;
			padding: 50px 0 50px 0;
			float: left;
			width: 35%;
			}

			#paypal {
			position: relative;
			padding: 160px 40px 0 0;
			float: right;
			width: 37%;
			}

	

#footer {
position: relative;
float: left;
width: 100%;
margin: 0 auto 100px auto;
}


		#nav2 {
		text-align:center;	
		}


	

	
/* DESKTOP MEDIUM CODE 1301 to 1600*/


	@media (max-width: 1600px) {








/* DESKTOP SMALL CODE 701 to 1300*/

	
	@media (max-width: 1300px) {


		/* banner nav links */
		.class1 a {padding: 7px 10px 7px 10px; }






/* CELLPHONE and SMALL TABLET CODE 768 and smaller*/
	

	@media (max-width: 700px) {


		/* banner nav links */
		.class1 a {padding: 8px 10px 8px 10px; }


		/* footer nav2 links *//* footer nav2 links */
		.class2 a {font-size: calc(.5em + .3vw);
		 padding: 3px 6px 3px 6px;}


		/* text links */
		.class3 a {padding: 3px 5px 3px 5px;}


		.titletextgd {font-size: calc(.8em + .6vw); }

	

		#leftbanner {
		margin: 110px 0 40px 0;
		width: 35%;
		height: 45%;
		z-index: 1000;
		}


		#title {
		display: none;
		}


		#titlersp {
		position: fixed;
		float: left;
		display: block;
		margin: -30px 0 0 -30px;
		height: 160px;
		width: 100%;
		background: #000000;
		z-index: 100;		}


		#tablersp {
		display: block;
		}


		#nav1 {
		margin: 80px 0 0 30%;
		width:60%;
		height: 45%;
		}


		/* for MOVING IMAGE BEHIND TEXT */
			h1 { font-size: calc(1.75em + 1.75vw); }




		#content {
		margin: 420px 1% 40px 1%;
		}