.top_nav{
	top:-100px;
	left:-100px;

}
img{
	width:100%;
	margin-top:0px;
	margin-bottom:0px;
}
p{
	margin-bottom:20px;

color:#cccccc;

	
}

h1{
	color:#cccccc;
	font-family: Verdana, Geneva, sans-serif;   
	font-size:23px;
	padding:0px;
	font-weight:normal;
	line-height:33px;
}

h3{
	color:#cccccc;
	font-family: Verdana, Geneva, sans-serif;   
	font-size:18px;
	padding:0px;
	margin:0px;
	font-weight:normal;
	line-height:31px;
}

h2{
	font-family: Arial, Geneva, sans-serif;   
	font-size:21px;
	padding:0px;
	margin:0px;
	margin-bottom:6px;
	font-weight:normal;
	color:#666666;
}

.menu_title{
	font-family: Verdana, Geneva, sans-serif;   
	font-size:14px;
	line-height:31px;
	padding:0px;
	margin:0px;
	font-weight:bold;
	color:#ffffff;
}

.page_image{
margin-top:60px;

}

#about_image{
	top:50px;
	margin-top:100px;
	width:100%;
	height:220px;
	background-image:url(../images/about.jpg);
	background-size:100%;
	background-repeat:no-repeat;
}
#contact_image{
	top:50px;
	margin-top:100px;
	width:100%;
	height:200px;
	background-image:url(../images/contact.jpg);
	background-size:100%;
	background-repeat:no-repeat;
}
#index_image{
	top:50px;
	margin-top:100px;
	width:100%;
height:165px;
	background-image:url(../images/mysterious_strings_2.jpg);
	background-size:100%;
	background-repeat:no-repeat;
}

.sub{
	font-family: Verdana, Geneva, sans-serif;   
	font-size:12px;
	line-height:16px;
	padding:0px;
	margin:0px;
	margin-bottom:6px;
	font-weight:normal;
	font-style:italic;
	color:#999999;
	margin-left:0px;
}
.menu_link{
color:#ffffff;
font-size:16px;
font-weight:normal;
padding-left:20px;
padding-right:20px;
}
.menu_link:hover{
color:#ffffff;
text-decoration:underline;
}

a{
	font-family: Arial, Geneva, sans-serif;
	text-decoration:none;
	color:#999999;
}
a:hover{
	font-family: Arial, Geneva, sans-serif;
	text-decoration:underline;
	color:#999999;
}

.social_links{
padding-right:5px;
padding-left:5px;

}
.right_menu_link{
	color:#cccccc;
}

.overlay_links{

	color:#dddddd;
}

.article_pic{

	border:1px solid #222222;
}

.grid_col{
padding:0px;
padding-top:.5%;

text-align:center;
width:33%;
float:left;
}

.desc_col{
padding:0px;
padding-top:.5%;
text-align:center;
float:left;
width:100%;
min-width:300px;  

}

.mus_desc_col{
padding:0px;
padding-top:.5%;
text-align:center;
float:left;
width:100%;
min-width:300px;  

}

.inner_text{
padding:0px;
margin:0px;
padding-left:16px;
padding-right:16px;
text-align:left;

}
.img_col{
padding:0px;

text-align:center;
width:100%;
float:left;
}
.mus_img_col{
padding:0px;

text-align:center;
width:100%;
float:left;
}
.grid_row:after{
clear:both;
display:table;
content:"";

}

hr {   
	color:#000000;
	border:0px;
	border-top:1px solid #333333;
	height:1px;
}

body{  
	font-family: Verdana, Geneva, sans-serif;
	background-color:#000000;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:0px;
	margin-left:0px;  
	margin-right:0px;
	margin-bottom:0px; 
	overflow-x:hidden;
	overflow-y:scroll;
}



.weebits{
	font-size:10px; 
    
}



::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(120,120,120,0.3); 
  

}
::-webkit-scrollbar-thumb {

    background: rgba(50,50,50,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}


#menu_overlay{
	display:none;
	position:fixed;
	z-index:5;
	top:0px;
	width:100%;
	height:100%;
	background-color:#060606;
	opacity:0;

}

#menu{
 	box-sizing: border-box;
	position:fixed;
	font-size:14px;
	line-height: 30px;
	z-index:6;

	overflow-y:scroll;
	display:none;
	width:30%;
	height:300px;
	padding-top:20px;
	padding-left:30px;
	padding-right:20px;
	padding-bottom:30px;
	background-color:#161616;
	color:#888888;
	top:80px;
	left:17px;

}
#header_menu{
float:right;

}
#page_menu{
	padding:4px;
	
	font-size: 12px;
	z-index:2;
	position:absolute;
	top:108px;
	left:420px;
	color:#ffffff;
	background-color:#000000;
    
}
#header{  
	position:fixed;
	z-index:2;
	top:0px;
	left:0px;
	height:155px;
	width:90%;
	padding-left:5%;
padding-right:5%;
	padding-top:36px;
	margin:0px;
	text-align:center;
	
	font-size:10px;
	color:#ffffff;

	background-image:url(/images/header_bg_grad.png);
	background-repeat:repeat-x;


}
#header_links{
visibility:hidden;
text-align:left;
	width:100%;
float:left;

}

#header_menu{

position:absolute;
top:50px;
left:0px;
clear:both;
text-align:center;
width:100%;
float:left;
padding-top:16px;


}

#menu_button{

	
	float:left;	
	top:3px;
	margin-right:0px;

	padding-left:0px;
	width:20px;
	height:50px;
}

#page_title{
	position:absolute;
top:20px;
left:0px;
text-align:center;
	float:left;
	verticle-align:middle;
	padding:0px;	
	margin:0px;
	width:100%;
	height:40px;
}


#page_holder{
	 box-sizing: border-box;
z-index:0;
	height:700px;
	width:auto;
	
	padding-top:80px;
	padding-left:18px;
	padding-right:18px;
	margin-left:15px;
	max-width:1200px;  
	
}


#page_content{
z-index:0;
	text-align:center;
	
	top:0px; 
	padding:0px;
	margin:0px;

	

}



.page_content_slice{
	
	z-index:0;
	position:relative;
	font-family:Arial;
	width: auto;
	font-size:16px;
	line-height: 26px;
	 box-sizing: border-box;
	color:#eeeeee;
	position:relative;
	background-color:#000000;
	height:auto;
	
	padding-left:5%;
	padding-right:5%;
	padding-top:20px;
	padding-bottom:24px; 
	margin-top:0px;
	margin-bottom:15px;
	
    
}






.footer{
 	z-index:0;
	position:relative;
	font-family:Arial;

	width:100%;
	text-align:center;
	
	color:#888888;
	font-size:14px;
	background-color:#000000;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	padding-top:26px;
	padding-bottom:26px;

 
}
