@media screen and (max-width: 481px){


  /*write your CSS-Code here*/

}




body
{
	background-image: url("images/woodback.jpg");
	background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
	background-color: #101010;
	font-family: veranda, arial, san-serif;
	font-size 100%;
	color:#6699AA;


}


#container {
	height: auto;
	width: 80%;
	max-width: 900px;
	min-width:340px;
	font-family: "Courier New", Courier, monospace;
	color: #CCC;
}





	/* this is the link style */ 
	a:link {text-decoration: none; color: #cc3300;}
	a:visited {text-decoration: none; color: #cc3300;}
	a:active {text-decoration: none; color: #0065ca;}
	a:hover {text-decoration: bold; color: #0065ca;}




	
	div.bodycontain{margin: auto; width: 60%; padding-top: 2%; padding-right:2%; padding-left:2%;
	background-color:#171c22;color:6699AA; font-size:13px; 
	font-family:Arial, Helvetica, sans-serif;!important;}
	
	
	
 #ContentBlock {
 	margin:auto; 
 	width: 90%;  
 	clear: both;
 }

	

 #Header { 
 	color:505050;
	height: auto;
	width: 99%;
	text-align: right;
	padding-bottom: 4px;
	font-size:20px; 
}
 
#branding {
	height: auto;
	width: 60%;
	float: left;
	margin: auto;
	padding: 0px;
	min-width: 300px;
}

#siteNav {
	float:right;
	margin: auto;
	padding: auto;
	width: 39%;
	min-width: 150px;
	
}




  /* Modules */



#vid {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 410px;
	width: 550px;
}

* {
	margin: 0px;
	padding: 0px;
}



#albums {
	margin: 0px;
	padding: 0px;
	height: 470px;
	width: 480px;
	float: left;
	margin: auto;
}


#AlbumGrid {
	float: left;
	width: 100%;
	}
        #AlbumGrid #AlbumSpill {
		height: 200px;
		width: 150px;
		padding: 10px;
		float: left;
		border: thin solid #333;
	}
	
	
	
	
	
#Biography {float: right;
			width: 300px;
			margin: 0px;
			padding: 0px;
			font-family: "Courier New", Courier, monospace;}
#Biography p {padding-bottom: 10px;}





#musicplayer {
	height: 400px;
	width: ht;}

#musicplayer #flashPlayer {
	float: right;
}





#videoSpill {
	float: left;
	height: 200px;
	width: 150px;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 12px;
	border: thin solid #333;
}
#container h3 {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
	font-weight: normal;
	text-transform: capitalize;
}


#picture {
float:left;
	height: auto;
	width: 44%;
	margin: auto;
	padding: 2%;
	min-width: 300px;
}
#ArtistMission {
	float: Left;
	margin: auto;
	width: 44%;
	min-width: 300px;
	padding:2%;
	border: thin solid #333;
}





  /*Typography and class*/
    
	
	.sectionhead
{
	font-size: 20px;
	line-height: 21px;
	font-style; italic;
	color: #732110;
	}

	
	
/*    Footer Module         */

#footer {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 200px;
	width: 80%;
	float: none;
	text-align: center;
}

#linkons {
	margin: auto;
	padding: 2%;
	height: auto;
	width: 80%;
	Max-width:400px;
	text-align: center;
}