@charset "utf-8";

			/* MAIN AND WEBSITE DESCRIPTION */
body {
  	background-image:url('../images/mcm3SD.png');
    background-repeat:no-repeat;
    background-size:100% 100%;
	background-position: 0 0; 
	background-attachment: fixed; 
	margin-top: 0px;
 	margin-right: 0px;
 	margin-bottom: 0px;
 	margin-left: 0px	
}


.mains {
	text-align:center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 90%;
	position: relative;
    top: 20px;	
		display:none;
}
.bar {
	text-align:center;
	letter-spacing: 10px;
	position: relative;
    top: 10px;	
	display:none;	
}
.lynx {
	text-align:center;
	word-spacing: 30px;
	position: relative;
    top: 10px;	
	display:none;	
}
.abouttwo {
	text-align:center;
	display:none;	
}
.musictwo {
	
	display:none;
}
.musictree {
	
	display:none;	
}
.imagestwo {
	
	display:none;	
}

.titlebar   {
	position: fixed;
	top: 0%;
	left:0%;
	
	height: 100%;
	width: 100%;	
	background-position: left top;
	background-size:100% 100%;
  
	background: rgba(255,255,255,1);
	background-repeat:no-repeat;
	background-attachment: fixed;
	display:none;
	opacity:1;
	z-index: 12;
	overflow: hidden;
}
.titlebar2   {
	position: fixed;
	top: 0;
	left:0;
	height: 100%;
	width: 100%;
	background-position: left top;
	background-size:100% 80%;
   
	background-repeat:no-repeat;
    background-image:url('../images/mcm3aboutSD.png');
	display:none;
	z-index: 14;
}
.abouttext1 {
	position:absolute;
	overflow: scroll;
	left:0%;
	bottom: 0%;
	padding: 10px 10px;
	bottom:0px;
	text-align:left;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	height: 20%;
	width: auto;   
   
 	
   
    background: rgba(255,255,250,1);
   
	z-index: 14;
	float:left;
	display:none;
	color:#000;	
}	




			/* TABLET AND MOBILE NAVAGATION */
.buttonHolder{
  	margin:auto;
  	width:400px;
	z-index: 10;
	position: fixed;
    left: 5%;
    bottom: 0%;
}

.button{
			
	background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(255,204,51,.4)); /
  	background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,204,51,.4)); 
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0),rgba(255,204,51,.4)); 
	background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(255,204,51,.4)); 
	border-radius: 25%;
	box-shadow: -10px 8px 8px 1px rgba(0, 0, 0, .5), inset 0px 3px 1px 1px rgba(250,245,180,1), inset 1px -3px 1px 1px rgba(150,145,80,.8);
	float:left;
	height: 50px;
	margin: 0px 0px 30px 30px;
	position: relative;
	width: 50px;			
	-webkit-transition: all .1s linear;
	transition: all .1s linear;
	z-index: 13;
}

.button:after{
	color:rgba(0,0,0,1);
	content: "";
	display: block;
	font-size: 30px;
	height: 30px;
	text-decoration: none;
	text-shadow: 0px -1px 1px #bdb5b4, -1px 1px 1px rgba(250,245,180,1);
	position: absolute;
	width: 30px;
}

		.images1:after{
			font-family: FontAwesome;
    content: "\f030";
			left: 9px;			
			top: 6px;	
		
}		

			
		.campaign1:after{
			font-family: FontAwesome;
    content: "\f003";
			left: 10px;
			top: 3px;
		}

		.about1:after{
			content: "@";
			left:13px;
			top:5px;
		}

	/*	.music:after{
			content: "♬";
			left: 20px;
			top: 10px;
		}*/


		.button:hover{
			background: -webkit-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,204,51,.4)); /
  			background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(255,204,51,.4)); 
			background: -moz-linear-gradient(top, rgba(0,0,0,0),rgba(255,204,51,.4)); 
			background: linear-gradient(to top, rgba(0,0,0,0),rgba(255,204,51,.4)); 
			color:#0088cc;
			
		}

		.images1:hover:after{
			color:rgba(0,0,0,1);
			text-shadow:0px 0px 6px rgba(250,245,180,1);
		}

		.campaign1:hover:after{
			color:rgba(250,245,180,1);
			text-shadow:0px 0px 6px rgba(250,245,180,1);
		}

		.about1:hover:after{
			color:rgba(0,0,0,1);
			text-shadow:0px 0px 6px rgba(250,245,180,1);
		}

		.music:hover:after{
			color:#000;
			text-shadow:0px 0px 6px #000;
			
		}

		.button:active{
			background: -webkit-linear-gradient(bottom,rgba(255,204,51,.1),rgba(255,204,51,.1)); /
  			background: -o-linear-gradient(top,rgba(255,204,51,.1),rgba(255,204,51,.1)); 
			background: -moz-linear-gradient(top, rgba(255,204,51,.1),rgba(255,204,51,.1)); 
			background: linear-gradient(to top, rgba(255,204,51,.1),rgba(255,204,51,.1));
			box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(204,198,197,.5);
			
		}

		.button:active:after{
			color:#dbd2d2;
			text-shadow: 0px -1px 1px #bdb5b4, 0px 1px 1px white;
			
		}


.paulbutton  {
			background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(255,204,51,.4)); /
  			background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,204,51,.4)); 
			background: -moz-linear-gradient(bottom, rgba(0,0,0,0),rgba(255,204,51,.4)); 
			background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(255,204,51,.4)); 
			color:#0088cc;
			border-radius: 25%;
			box-shadow: -10px 8px 8px 1px rgba(0, 0, 0, .5), inset 0px 3px 1px 1px rgba(250,245,180,1), inset 1px -3px 1px 1px rgba(150,145,80,.8);
			float:left;
			height: 50px;
			margin: 0ppx 30px 30px 0px;
			position: relative;
			width: 50px;			
			-webkit-transition: all .1s linear;
			transition: all .1s linear;
			display:inline;
			
	
}
.paulbutton:after {
			color:#000;
			content: "";
			display: inline;
			font-size: 30px;
			height: 30px;
			text-decoration: none;
			text-shadow: 0px -1px 1px #bdb5b4, -1px 1px 1px rgba(250,245,180,1);
			position: absolute;
			width: 30px;
			font-family: FontAwesome;
    		content: "\f001";
			left: 10px;
			top: 5px;
}
  .pressed {
    
		background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(255,204,51,.4)); /
  	background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(255,204,51,.4)); 
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0),rgba(255,204,51,.4)); 
	background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(255,204,51,.4)); 
			box-shadow: -5px 4px 2px rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(150,145,80,.8);
  }

	


.musicb {
    position: absolute;
    bottom: 4%;
    left:0;
    z-index: 8;   
}