/*
font-family: 'Raleway', sans-serif;
font-family: 'Overlock SC', cursive;
Link to Work Song on YouTube - https://youtu.be/mjhu46AgRxA
*/
/*-----------------------------------------------------------Nav-----------------------------------------------------*/
#centeredmenu {
	float:left;
	background:#353638;
	overflow:hidden;
	position: fixed; /* Set the navbar to fixed position */
    top: 0; /* Position the navbar at the top of the page */
    width: 100%; /* Full width */
	padding:0 0 -10px 0;
	z-index: 1;
}
#centeredmenu ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0 0 10px 0;
	position:relative;
	left: 55%;
	width: 600px;
	text-align:right;
}
#centeredmenu ul li {
	display:block;
	float:left;
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
	position:relative;
	right:50%;
	font-family: 'Raleway', sans-serif;
	font-size: 22px;
}
#centeredmenu ul li a {
	display:block;
	margin:0 0 0 0px;
	padding:10px 10px;
	background:#353638;
	color:#fff;
	text-decoration:none;
	line-height:1.3em;
}
#centeredmenu ul li a:hover {
	background:#353638;
	color:#9d9fa0;
}
/*-----------------------------------------------------------Wren Schmith-----------------------------------------------------*/
#title {
	position: fixed;
	border-radius: 10px;
	padding: 20px; 
	width: 210px;
	height: 58px;
	background: black;
	left: 15px;
	margin-top: 120px;
	z-index: 2;	
}
.name {
	font-family: 'Overlock SC', cursive;
	position: relative;
	display: block;
	font-size: 25px;
	color: white;
	z-index: 1;
}
.jobs {
	font-family: 'Raleway', sans-serif;
	position: absolute;
	display: block;
	top: 10px;
	left: 30px;
	font-size: 12px;
	color: white;
	z-index: 1;
}
.jobs p {
	font-size: 16px;
}
/*-----------------------------------------------------------Container-----------------------------------------------------*/
#container{
	width: 100%;
}
#main {
	position: relative;
	/*margin-top: 50px;  Add a top margin to avoid content overlay */
	width: 100%;
}
/*----------------------------------------------------------- Why -----------------------------------------------------*/
#Why {
	position: relative;
	padding-top: 110px;
	margin-top: -48px;
}
#page1 {
}
#first {
	color: black;
	font-size: 22px;
	text-align: justify;
	width:75%;
	position: relative;
	left: 12.5%;
	padding: 15px 0 40px 0;
	margin: 40px 0 80px 0;
}
#first p{
	position: relative;
	margin: 15px;
	display: block;
	font-family: 'Raleway', sans-serif;	
}
/*----------------------------------------------------------- What -----------------------------------------------------*/
#What {
	padding-top: 110px;
	width: 100%;
	position: relative;
	top: 50;
	right: 50;
	clear: right;
	margin-top: -48px;
}
#page2 {
	padding-bottom: 40px;
}
#second {
	color: black;
	font-size: 22px;
	width:80%;
	position: relative;
	left: 10%;
	padding: 20px auto;
	margin-bottom: 80px;
}
#done h3 {
	font-size: 24px;
	margin-top: 30px;
	left: 75%;
	width: 100%;
}
#done p {
	position: relative;
	display: block;
	font-size: 18px;
	top: -30px;
	left: 25%;
	width: 60%;	
	line-height: 120%;
	font-family: 'Raleway', sans-serif;
	/*border: solid red 1px;*/
}
#temps {
	margin: 20px 0px;
	text-align: justify;
}
/*----------------------------------------------------------- Next -----------------------------------------------------*/
#Next {
	padding-top: 110px;
	width: 100%;
	position: relative;
	top: 50;
	right: 50;
	clear: right;
	margin-top: -48px;

}
#third {
	color: black;
	font-size: 22px;
	width:75%;
	position: relative;
	left: 12.5%;
	padding: 30px auto;
	top: 50px;
}
#todo h3 {
	font-size: 24px;
	margin-top: 40px;
	left: 40px;
}
#third p{
	position: relative;
	margin: 0px;
	display: block;	
	line-height: 140%;
}
#todo p {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: justify;
	font-size: 22px;
	line-height: 150%;
	top: 30px;

	font-family: 'Raleway', sans-serif;
}
/*----------------------------------------------------------- Contact -----------------------------------------------------*/
#Contact {
	padding-top: 110px;
	width: 100%;
	position: relative;
	top: 50;
	right: 50;
	clear: right;
	margin-top: -48px;
}
#fourth{
	position: relative;
}
#fourthleft {
	position: relative;
	display:inline-block;
	width: 35%;
	height: 500px;
	margin: 30px 0px 0px 60px;
	background: white;
}
/*#fourtleftinsidetop {
	position: relative;
	width: 75%;
	margin: 0 auto;
	padding: 20px;
	top: 20px;
	text-align: center;
} */
#fourtleftinsidebottom {
	top: 20px;
	position: relative;
	width: 75%;
	margin: 0 auto;
	padding: 20px;
	left: 20px;
/*	text-align: center; */
}
#linked {
	position: absolute;
	display: inline;
	left: 40px;
	margin: 25px 25px 25px 50px;
}
#inst {
	position: absolute;
	display: inline;
	top: 170px;
	left: 15px;
	margin-left: 25px;
}
#sound {
	position: absolute;
	display: inline;
	top: 240px;
	left: 30px;
	margin: 55px;
}
#fourthright {
	position: absolute;
	display:inline-block;
	width: 50%;
	height: 500px;
	margin: 30px 30px 30px 30px;
	padding: 30px;
	clear: both;
	background: white;
}
#fourthrightinside {
	width: 75%;
	margin: 0 auto;
}
/*----------------------------------------------------------- Performances -----------------------------------------------------*/
#Performances {
	padding-top: 110px;
	width: 100%;
	position: relative;
	top: 50;
	right: 50;
	clear: right;
	margin-top: -48px;
}
#fifth{
	position: relative;
	margin-top: 30px;
	padding-bottom: 200px;
}
h1 {
	font-size: 60px;
	font-family: 'Raleway', sans-serif;
}
p {font-family: 'Raleway', sans-serif;}
a {font-family: 'Raleway', sans-serif;}
h3 {font-family: 'Raleway', sans-serif;}
h4 {font-family: 'Raleway', sans-serif;}

#Performances {
	text-align: center;
}
#Performances h3{
	font-size: 30px;
	padding: 30px;
}
#Performances h4{
	font-size: 24px;
	padding: 30px;
}
footer {
	height: 250px;
}