@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate2 {
    from {-webkit-transform: rotate(360deg);}
    to {-webkit-transform: rotate(0deg);}
}

@-moz-keyframes rotate2 {
    from {-moz-transform: rotate(360deg);}
    to {-moz-transform: rotate(0deg);}
}

html
{
	min-height:100%;
	width: 100%;
	
}

/* Mobile-first styles */


body
{
	font-family: Tahoma,Arial,sans-serif;
	margin: 0px;
	background-color: #fff;

	font-size:12px;

	
	background-position: LEFT;
	background-repeat: repeat;
	background-attachment: scroll;
	background-image:url(../img/tt_bg.png);
	color:#000;
	
}


img {
	margin:0;
}




a
{
	text-decoration:none;
	color:#68f;
}

a:hover
{
	text-decoration:none;
	color:#68f;
}
#page
{
min-height:100%
min-width:100%;
overflow:hidden;
/*opacity:0;
filter:alpha(opacity=0);*/ /* For IE8 and earlier */


}


#top_splash{
	position:relative;
	/*top:5%;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
	margin-bottom: auto;
	opacity:1;
	min-width:100%;
	min-height:100%;
	

	background-image:url("../img/tt_splash.png");
	background-position: 50% 0px; 
	background-size: 100%;
	background-attachment: scroll;
	background-repeat: no-repeat;
	/* overflow:hidden; */
}

#bg
{
	position:absolute;top:-400px;left:-225px;
		        
}
			
#wrapper
{
	
	z-index:10;
	color:#FFF;
	width: 1000px;	
	min-height:100%;					
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;			
	padding: 0px;
	overflow:hidden;
	
	
	
}



#menu
{

border-radius: 5em;
box-shadow: 1em 1em 1em 1em rgba(0, 0, 0, 0.03);
display: flex;
  justify-content: center;
  align-items: center;
  
	background-color:rgb(253,241,248);
	OVERFLOW:HIDDEN;
	position:relative;
	z-index:10;
	
	opacity:.8;
	filter:alpha(opacity=80);
	
	
	width:85%;
	min-width:500px;
	max-width:1000px;
	
	max-height:150px;
	
	margin-left:auto;
	margin-right:auto;
	margin-top:2.0vw;
	margin-bottom:2.0vw;
	
	/* padding-left:20%; */
	/* padding-bottom:2px; */


	/* width:100%; */		

}


.menuButton
{	
	font-family: Tahoma,Arial,sans-serif;
	text-align:center;
	/*float: left;*/
	display: inline-block;
		margin-left:auto;
	margin-right:auto;
	width:25%;
	max-width:25%;
	padding-top: 5vh;
	padding-bottom: 5vh;
	padding-left: .1em;
	padding-right: .2em;
	
	/* padding-left: 5vw; */
	/* padding-right: 5vw; */
	text-decoration: none;
	font-size: 3.0em;		
	font-weight: bold;	
	
	color: rgb(255, 180, 180);

}

.menuButton:hover
{			
	color: rgb(255, 150, 150);
	text-shadow: 0vmax 0vmax 1vmax #FFF;

}

.menuSeparator
{	
	display: inline-block;
			margin-left:auto;
	margin-right:auto;	
	/*float: left;
	margin-top:00px;
	height: 40px;
	width: 1px;
	background-color:#fff;
	opacity:.7;
	filter:alpha(opacity=70); 
	box-shadow: 0px 0px 10px 1px #99f;*/
}	

.menuButtonActive
{
	/* background-image: url(./img/MenuActive.png); */
}
	
.menuButton_1
{

background-repeat: no-repeat;

}
.menuButton_2
{
background-repeat: no-repeat;
}
.menuButton_3
{

background-repeat: no-repeat;
}
.menuButton_4
{

background-repeat: no-repeat;
}


	
.sec
{
	padding:30px;
}


.textSpan
{
	display: inline-block;
			margin-left:auto;
	margin-right:auto;
	margin-top: 3px;
	padding-top: 3px;			
}
		
.textSpanActive
{
	/*background-image: url(./Images/MenuHoverArrow.gif);*/
	background-position: center top;
	background-repeat: no-repeat;
}


		




#fadeblock
{
	opacity:0;	
	filter:alpha(opacity=0); /* For IE8 and earlier */
}
#pane
{
	border-radius: 5em;
	box-shadow: 1em 1em 1em 1em rgba(0, 0, 0, 0.03);
	opacity:0.8;
	
	width:85%;
	min-width:500px;
	max-width:1000px;
	
	margin-left:auto;
	margin-right:auto;
	/*padding:2vmax;*/
	padding-bottom:2vmin;
	text-align: center;
	
	z-index:4;
	clear:both;
	
	/*opacity:0.8;
	filter:alpha(opacity=80);  */
	/*min-height: 1450px;
	height: 1450px;
	max-height:1450px;*/
	/*min-width: 1000px;*/
	/*background:url("http://www.royaltyfreestockmusicsearch.com/img/bg.png");*/
	background-color:rgb(253,241,248);
	/* background: #002545; */
	/* background: #002555; */
	/*background: #1464bd;*/
	/*overflow:hidden;*/
}


.alt1
{
	
	
	}

.alt2
{background-image:url("../img/alt1.png");}

.vid_td{
	width:284px;
	max-width:284px;
	min-width:284px;
background:transparent;
padding:0px;
}
.vid_td:hover{
	box-shadow: 0px 0px 20px 1px #09f;
	
}

.links_td{
font-size:10px;	
	text-align:center;
}

.music_table
{

	border-spacing:0;
	border:0;
	border-collapse: collapse;
	min-height:600px;
	min-width:940px;
	max-width:940px;
	width:940px;
	font-family:PirulenRgRegular;
	color:#FFF;
	
	font-size:10px;
	
}

.music_table td {
		padding:5px;
}

.music_td{
	width:200px;
	max-width:200px;
	min-width:200px;
background:transparent;
padding:0px;
}

.music_td:hover{
	box-shadow: 0px 0px 20px 1px #09f;
	
}

.music_space_td{
width:20%;
}



.top10_table th, .top10_table td {
	padding: 0;
	padding-left:20px;
}

.top10_table tr:nth-child(odd)    {  }
.top10_table tr:nth-child(even)    { background-image:url("../img/alt1.png"); }


#search_input
{
	height:25px;
	width:500px;
	font-size:14px;
}

#search_submit{
	width:150px;
	height:50px;
	line-height:30px;
	background:f5f5f5;
	font-size:14px;
	border:1px #ccc solid;
	
}


#search_submit:hover{
	border:2px #ccc solid;
}

.image
{
	border-radius: 5em;
	box-shadow: 0px 0px 100px 5px #09f;
	box-shadow: 1vmin 1vmin 1vmin 1vmin rgba(0, 0, 0, 0.03);
	margin-left:auto;
	margin-right:auto;
	max-width:10%;
}

.image_big
{
	border-radius: 5em;
	box-shadow: 0px 0px 10vmax rgb(255, 255, 200);
	box-shadow: 1vmin 1vmin 1vmin 1vmin rgba(0, 0, 0, 0.03);
	margin-left:auto;
	margin-right:auto;
	max-width:40vw;
	max-height:70vh;

}

.image_container {
            display: inline-block;
            margin: 0 10px;
        }
        
.image_small
{
	display: inline-block;
	border-radius: 3em;
	box-shadow: 0px 0px 10vmax rgb(255, 255, 200);
	box-shadow: 1vmin 1vmin 1vmin 1vmin rgba(0, 0, 0, 0.03);
	/* margin-left:auto; 
	margin-right:auto; */
	max-width:18em;
	max-height:18em;

}

.text
{
	display: inline-block;
	font-family: Tahoma,Arial,sans-serif;
	text-decoration: none;
	font-size: 3em;		
	font-weight: normal;	
	/*line-height:24px;*/
	color: rgb(225, 125, 125);

}

.text_small
{
	display: inline-block;
	font-family: Tahoma,Arial,sans-serif;
	margin-left:2em;
	margin-right:2em;

	text-decoration: none;
	font-size: 3em;				
	font-weight: normal;	
	/*line-height:24px;*/
	color: rgb(225, 125, 125);
}

.label
{
		font-weight: bold;
		color: #6aF;
		transition: text-shadow .25s ease-in-out;
   -moz-transition: text-shadow .25s ease-in-out;
   -webkit-transition: text-shadow .25s ease-in-out;
}

.label:hover
{

		color: #fff;
	text-shadow: 0px 0px 15px #09f, 0px 0px 25px #ddf;
}

#footer
{	
	clear:both;
	margin-top: 100px;

	margin-right: 10px;
	float:right;
	/*bottom:0px;*/


}
			
.footerText
{
	color: #666;
	font-family:Tahoma,Arial,sans-serif;
	font-size: 10px;
	margin-right:0px;

}
	
.header
{
	padding:0px;
	margin:0px;
	padding-top:15px;

	font-size: 24px;
	color: #000;
	margin-left: 2px;
	/*margin-bottom: 9px;*/
}

#banner{
	clear:both;
	min-width:1000px;
	width:1000px;
max-width:1000px;
margin-bottom:20px;
overflow:hidden;	
}

.code
{
font-family:'Lucida Console',Courier,Monaco,monospace;
color:#333;
background:#eee;
}


/* Desktop styles */
@media screen and (min-width: 1224px) {
	
	.menuButton
	{	
		font-family: Tahoma,Arial,sans-serif;
		text-align:center;
		/*float: left;*/
		display: inline-block;
			margin-left:auto;
		margin-right:auto;
		width:25%;
		max-width:25%;
		padding-top: 5vh;
		padding-bottom: 5vh;
		padding-left: .1em;
		padding-right: .2em;
		
		/* padding-left: 5vw; */
		/* padding-right: 5vw; */
		text-decoration: none;
		font-size: 2.5em;		
		font-weight: bold;	
		
		color: rgb(255, 180, 180);
	
	}
	
		
	.text
	{
		display: inline-block;
		font-family: Tahoma,Arial,sans-serif;
		text-decoration: none;
		font-size: 2em;		
		font-weight: normal;	
		/*line-height:24px;*/
		color: rgb(245, 145, 145);
	
	}
	
	.text_small
	{
		display: inline-block;
		font-family: Tahoma,Arial,sans-serif;
		margin-left:2em;
		margin-right:2em;
	
		text-decoration: none;
		font-size: 2em;				
		font-weight: normal;	
		/*line-height:24px;*/
		color: rgb(245, 145, 145);
	}

}