@charset "UTF-8";
/* CSS Document */

/* Basic Page Style */

body {
	background: #330000;
	font-family: 'Impact';
}

.margin_div	{
	padding: 10px;
}

.container {
	background-color: #330000;
	margin: 0px auto;
	padding-bottom: 20px;
}

.content_area	{
	padding: 20px 50px;
}


/* Nav styling*/

.navbar		{
	padding: 10px;	
	margin: 10px 0px 20px 0px;	
	background-color: #330000;
	border-radius: 5px;
	border: 1px solid #cc3333;	
}

.nav-link {
	font-family: 'Impact';
	font-size: 18px;
	line-height: 20px;
	color: #FF0004;
}

a.nav-link:link {
	text-decoration: none;
}
a.nav-link:visited {
	text-decoration: none;
	color: #FFF;
}


a.nav-link:hover {
	text-decoration: none;
	color: #4B4949;
	/*text-shadow: 2px 2px #007FFF;*/
}
a.nav-link:active {
	text-decoration: none;
	color: #FFF;
}

/* Image styling */

img {
  /*filter: grayscale(100%);*/
  border-radius: 5px;	
}

img.colour {
  filter: grayscale(0%);
  border-radius: 5px;	
}

/* Text Syling */

h3 {
	font-family: 'Impact';
	font-size: 26px;
	line-height: 28px;
	color: #cc3333;
	font-weight: 100;	
	margin: 10px 0px 20px 0px;
}

.h3_white {
	font-family: 'Impact';
	font-size: 30px;
	line-height: 36px;
	color: #FFFFFF;
	font-weight: 100;	
	/*text-shadow: 2px 2px #007FFF;*/
}

.style_1 {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 100;
	color: #FFFFFF;
	margin: 10px 0px;
}


.style_2 {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 100;
	color: #FFFFFF;
}

.style_3 {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 100;
	color: #cc3333;
}

/* Quote Block Styling */

.quote_block		{
	padding: 30px 20px;	
	margin: 30px 0px 30px 0px;
	text-align: center;
	background-color: #330000;
	border-radius: 5px;
	border: 1px solid #cc3333;	
	background-image: url("jwtm_images_2024/bg_speech_mark.png");
	background-repeat: no-repeat;
	background-position: 5% 10%;
}

.quote_text {
	font-family: 'Oswald', sans-serif;
	font-size: 22px;
	line-height: 28px;
	font-weight: 100;
	color: #FFFFFF;
	margin: 10px 0px;
	opacity: 0.5;
}

/* Phone link styling */

.phone_link_container	{
	text-align: center;
	padding: 50px 0px 0px 0px;
}

a.phone_link {
	text-decoration: none;
	font-family: 'Impact';
	font-size: 40px;
	line-height: 42px;
	color: #cc3333;
	font-weight: 100;
}
a.phone_link:visited {
	text-decoration: none;

}
a.phone_link:hover {
	text-decoration: none;
	color:  #FFFFFF;
}

/* External Link */

a.external_link {
	font-family: 'Impact';
	font-size: 30px;
	line-height: 56px;
	font-weight: 100;
	color: #cc3333;	
	/*text-shadow: 2px 2px #007FFF;*/
}
a.external_link:visited {
	text-decoration: none;

}
a.external_link:hover {
	text-decoration: none;
	color: #777777;
}

/* Audio Clip Box */

.audio_clip_box		{
	text-align: center;
	max-width: 450px;
	padding: 10px;	
	margin: 10px auto 20px auto;	
	background-color: #330000;
	border-radius: 5px;
	border: 1px solid #cc3333;	
}

/* Guitar & Basses Box */

.guitar_and_basses_box		{
	text-align: center;
	max-width: 500px;
	padding: 20px;	
	margin: 10px auto 20px auto;	
	background-color: #330000;
	border-radius: 5px;
	border: 1px solid #cc3333;	
}



/* Footer styling */

.footer {
	padding: 10px;	
	margin: 30px 0px 10px 0px;	
	background-color: #330000;
	border-radius: 5px;	
	border: 1px solid #cc3333;	
}

.footer_text{
	font-family: 'Impact';
	font-size: 18px;
	line-height: 30px;
	color: #FFFFFF;
	margin: auto 0px;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}

/* hr Styling */

hr {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #330000, #cc3333, #330000);
	margin: 30px auto 20px auto;
	max-width: 400px;
	
}