html, body, div,
h1, h2, h3, h4, h5, h6, p

{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body 		{
		line-height: 1;
		font-family:calibri;
		overflow: auto; overflow-x: hidden;
		border:0; margin:0; padding:0;
		width:100%;
		background-image: url("/A-images/Black_Background4.jpg");
		margin-left: auto;
		margin-right: auto;	
}

a:link 		{color: maroon; }
a:visited 	{color: maroon; }
a:hover 	{color: white; background-color:maroon; }
a:active 	{color: silver; }

a.active	{
		color: white;
}

.addressholder	{
		font-size: 115%;
		text-shadow: .3px .3px black;
		color: white;
		margin: 0 0 0 57%;
}

.centerer	{
		text-align:center;
		margin-left:auto;
		margin-right:auto;
}

.clear 		{
		clear: both;
}

.column1	{
		width: 24%;
		float: left;		
}

.column1 img	{
		width: 50%;		
}

.column2	{
		width: 24%;
		float: left;	
}

.column2 img	{
		width: 50%;		
}

.column3	{
		width: 24%;
		float: left;
}

.column3 img	{
		width: 50%;		
}

.column4	{
		width: 24%;
		float: left;	
}

.column4 img	{
		width: 50%;		
}

.columnleft	{
		width: 50%;
		height: auto;
		float: left;
		margin: 5px;		
}

.columnright	{
		width: 46%;
		float: left;
		margin: 5px;
		
}

.columnleft2	{
		width: 20%;
		float: left;
		margin: 5px;
				
}

.columnright2	{
		width: 65%;
		float: left;
		margin: 5px;
				
}

.filmstrip img	{
		width:100%;
}

#footer		{
		width:100%;
		padding: 8px;
		text-align:center;
		font-size: 80%;
		color: silver;
		text-shadow: 1px 1px #000000;
		margin-left: auto;
		margin-right: auto;
		background-color:black;
}

form		{
		width:100%;
		height:100%;
}

h1	 	{
		font-size: 180%;
		text-shadow: 1px 1px #000000;
		text-align:center;
		color: silver;
}

h2	 	{
		font-size: 175%;
		text-shadow: 1px 1px #000000;
		text-align:center;
		color: silver;
}

.holder1	{
		width:100%;
		height: auto;
		padding: 1%;
		background-color: #303030;
		background-image: url("http://www.tonalproductions.com/A-images/Grey-lines-background.jpg");
		background-size: 100% 400px;	
		background-repeat: no-repeat;		
}

.holder2	{
		width: 70%;
		height: auto;
		margin-top: 1%;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		background-color: #202020;
		padding: 10px;
		border: 1px solid #2c2f2f;
		box-shadow: 0px 0px 15px 5px black;
		-moz-border-radius: 15px;
		border-radius: 15px;
}

.holder3	{
		width: 90%;
		height: auto;
		margin-top: 1%;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		background-color: #1a1a1a;
		padding: 10px;
		border: 1px solid #2c2f2f;
		box-shadow: 0px 0px 15px 5px black;
		-moz-border-radius: 15px;
		border-radius: 15px;
}

img.center 	{ 
		display: block; 
    		margin-left: auto; 
    		margin-right: auto;
}

input.text    	{
		width:70%;
		display:block;
		border: 1px solid maroon;
		height: 25px;
		background-color: #111111;
		color: #666666;
		margin-left: auto; 
    		margin-right: auto;
}

input.text2    	{
		width:30%;
		display:block;
		border: 1px solid maroon;
		height: 25px;
		background-color: #111111;
		color: #666666;
		margin-left: auto; 
    		margin-right: auto;
}

input.button 	{
		position:relative;
		z-index:1;
		left:150px;
		top:10px;
		width:95px;
		height:22px;
		font-size:10pt;
		font-family:Arial;
		color:#666666;
		background-color:#111111;
		border: 1px solid maroon;
		-moz-border-radius: 15px;
		border-radius: 15px;
}

input.button:hover {
		background-color: maroon;
		color:#666666;
}

.layer1		{
		width:100%;
		
		background-color: white;
		
}

.layer1B	{
		width:25%;
		height:auto;
		margin: 0% 0% 0% 18%;
		padding: 2% 1% 1% 1%;
		float: left;
		background-color: white;
}

.layer1B img	{
		width:100%;
}

.layer1C	{
		width:30%;
		
		padding-top: 35px;
		float: left;
		margin: 0 0 0 9%;
}

.layer1C img	{
		width:80%;
}

.layer1D	{
		width:100%;
		height:49px;
}

.layer2		{
		width:100%;
		height: auto;
		background-image: url("/A-images/Black_Background4.jpg");
		padding: .5%;	
}

.layer2B	{
		width:65%;
		height: auto;
		background-color: #181818;
		padding: 15px;
		margin-left: auto;
		margin-right: auto;
		-moz-border-radius: 15px;
		border-radius: 15px;	
}

.layer2B img	{
		width:40%;	
}

.layer3		{
		width:100%;
		padding: .5%;
		background-color: #a2a2a2;					
}

.layer3B	{
		width:65%;
		padding: .5%;
		background-color: #a2a2a2;
		margin-left: auto;
		margin-right: auto;					
}

.layer4		{
		width:100%;
		height: auto;
		background-image: url("http://www.tonalproductions.com/A-images/Grey-lines-background.jpg");
		background-size: 100% 400px;	
		background-repeat: no-repeat;		
}

.layer4B	{
		width:65%;
		height: auto;
		background-image: url("http://www.tonalproductions.com/A-images/background-film.jpg");
		background-size: 100% 100%;
		background-repeat: no-repeat;
		
		margin-left: auto;
		margin-right: auto; 			
}

.layer5		{
		width:100%;
		height: auto;			
}

li		{
		line-height:18px;
}

.menuholder	{
		width: 100%;
		height: 60px;
		padding: 5px;
		background-image: linear-gradient(grey, black);
		
}

.menu1 ul	{
		float: left;
    		width: 100%;
    		padding: 0;
   		margin: 1% 0 0 17%;
		font-size: 100%;
  		list-style-type: none;
		
}

.menu1 li	{
		display: inline;
		text-align: center;
		
}

.menu1 a	{
		float: left;
   		text-decoration: none;
   		color: #202020;
		background-color: silver;
   		padding: 5px 20px 5px 20px;
		border-right: 1px solid grey;
		/*border-radius: 15px 15px 0px 0px;*/
}

.menu1 a:hover	{
		background-color: maroon;
		color: white;
}

.noteholder 	{
		width: 70%;
		border: 2px solid maroon;
		background-color: silver;
		font-size: 175%;
		text-align: center;
		padding: 10px;
		margin: 10px auto 10px auto;
}

ul		{
		margin-top: 2px;
		line-height: 10px;	
}

p		{
		margin: 1px 0px 8px 0px;
}

p.smallspacer	{
		margin:10px 0px 10px 0px;
}

p.mediumspacer	{
		margin:20px 0px 0px 0px;
}

p.bigspacer	{
		margin:30px 0px 10px 0px;
}

p.hugespacer	{
		margin:45px 0px 10px 0px;
}

p.links		{
		line-height: 10px;		
}

p.links a	{
		color: lime;
		text-align:center;
		line-height:5px;		
}

p.links a:hover	{
		color: maroon;
		background-color:silver;
}



p.radiotext	{
		color:yellow;
		margin-left: 42px;
		padding:5px;
}

p.spacer3	{
		font-size:80%;
		line-height:6px;
		margin-left: auto;
		margin-right: auto;
		
}

.picholder	{
		width: 70%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
}

.smallimage	{
		float:left;
		margin: 0px 15px 5px 5px;				
}

.smallimage img	{
		width:125px;				
}

.spacer1	{
		width: 100%;
		height: 3px;
		background-color: maroon;
}

.spacer2	{
		width: 45%;
		height: 2px;
		background-color: maroon;
		margin: 10px auto 10px auto;
}

.strip		{
		width: 100%;
		background-color: #032695;
		min-height:15px;
}

.textholder1 	{
		font-size: 180%;
		text-shadow: 1px 1px #000000;
		text-align:center;
		color: maroon;
		padding: 20px;
}

.textholder2 	{
		padding: 20px;
}

.textholder3 	{
		font-size: 100%;
		text-shadow: .3px .3px black;
		color: silver;
		margin: 3px;
}

.textholder4 	{
		font-size: 150%;
		font-weight: bold;
		color: #292929;
		text-align:center;
		margin: 5px;
}

.textholder5 	{
		font-size: 100%;
		color: #292929;
		margin: 5px;
}

.textholder6 	{
		font-size: 105%;
		color: white;
		margin: 5px;
}

.textholder7 	{
		font-size: 125%;
		text-shadow: .3px .3px black;
		color: maroon;
		margin: 5px;
}

.vertical	{
		width: 1px;
 		height: 330px;
  		float: left; 
  		border-left: 1px inset silver;
}

#video		{
		height: 330px;
}

#video video	{
		width: 100%;
		height:100%;
}

#videoholder	{
		width:96%;
		margin-left: auto;
		margin-right: auto;
		background-color: black;
}

#vvvideo	{
		display:block;
		width:94%;
		height: 560px;
		margin: 25px auto 10px auto;
}