/*  MAIN STYLES  */

body {	margin:0px; height:100%; background-color:#000000; text-align:center;}

			
#main {		position:absolute; top:10px; left:50%; width:900px; height:650px;
			margin-left: -450px;

			}  
table, tr, td, iframe {padding:0px;}


iframe {background-color:transparent;}			



.navigation  {		position:absolute; top:590px; left:50%; width:900px; height:50px; padding:0px;
					margin-left: -450px;  z-index:100;

			}  

#musicplayers    	 { 	width: 450px; height:400px; 
					    position:absolute;top:70px;left:30px;
						padding:0px; 
					    text-align:left; z-index:10}
#photogallery_left   	 { 	width: 650px; height:370px; border:solid; border-width:3px; border-color:#FFFFFF; 
					    position:absolute;top:35px;left:-15px;
						padding:0px; 
					    text-align:right; z-index:10}
						
#photogallery_right   	 { 	width: 170px; height:100px; 
					    position:absolute;top:300px;left:510px;
						padding-left:20px; 
					    text-align:right; vertical-align:bottom; z-index:10}
#photogallery_projects   	 { width: 650px; height:370px;
					    position:absolute;top:80px;left:220px;
					    border:solid; border-width:4px; border-color:#FFFFFF; 
					    text-align:right; vertical-align:bottom; z-index:310}


/* PAGE CONTENT LEFT*/

#content_left    	 { 	width: 450px; height:450px; 
					    position:absolute;top:30px;left:70px;
						padding:30px; 
					    text-align:right; z-index:10}


#content_leftLONG    	 { 	width: 700px; height:450px; 
					    position:absolute;top:30px;left:70px;
						padding:30px; 
					    text-align:right; z-index:10}

.beverly_left  { position:absolute;top:410px;left:-5px;
				 width:300px; height:100px;}


.submenu_left  { position:absolute;top:460px;left:300px;
				 width:300px; height:20px;}


#project_menus  	 { 	width: 150px; height:150px; 
					    position:absolute;top:280px;left:40px;
						padding:0px; 
					    text-align:right; z-index:10}
						
.audio_menu  	 { 		width: 160px; height:150px; 
					    position:absolute;top:110px;left:30px;
						padding:0px;  font-size:10px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						letter-spacing:0.1em; line-height:2.4em; 
						color:#DFF6FC; text-align:left;
					    z-index:10}

.photos_menu  	 { 		width: 160px; height:350px; 
					    position:absolute;left:650px;top:150px;
						padding:0px;  font-size:10px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						letter-spacing:0.1em; line-height:2.4em; 
						color:#DFF6FC; text-align:right;
					    z-index:10}


/* PAGE CONTENT RIGHT*/

#animation_right   	 { 	width: 300px; height:550px; 
					    position:absolute;top:40px;left:600px;
						padding:0px;
					    text-align:right; z-index:2}





#content_right    	 { 	width: 450px; height:450px; 
					    position:absolute;top:30px;left:300px;
						padding:30px; 
					    text-align:right; z-index:10}
			


.credit { position:absolute;top:490px;left:670px;
				 width:150px; height:30px;}
				 
.credit2 { position:absolute;top:490px;left:500px;
				 width:150px; height:30px;}



/* text  */

p, td {	font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px; letter-spacing:0.1em; line-height:1.6em; 
		color:#DFF6FC; text-decoration:none; text-align:left;  }
	
	
.maintitle {	font-weight:bold; letter-spacing:0.15em;}
	
.note {font-style:italic;font-size:10px;}

.featuredband {	font-weight:bold; color:#00CCFF; letter-spacing:0.15em; font-size:12px;}
.featuredevent {color: #00CCFF; }
.date {color: #00CCFF; }


.audio_visited {color: #00CCFF;}



.news {font-size:13px;}

a  {color:#DFF6FC; text-decoration: none; font-size:10px;}
a:hover { color: #99CCCC;}

a.events { color: #00CCFF;text-decoration:underline;font-size:11px;}
a.events:hover { color: #99CCCC;}

a.nav	{color: #000000;font-weight:bold; letter-spacing:0.05em;}





/* images  */

img {border:solid; border-width:3px;}
img.nav {border:none;}
img.background { position:absolute; top:0px; left:0px; border:none;}


/* scroll */



#scroll_left {
	/* Typical fixed height and fixed width example */
	width: 450px; 
	height: 345px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:0px;
	left:0px; 
	padding-right:20px; 
}

#scroll_audio {
	/* Typical fixed height and fixed width example */
	width: 350px; 
	height: 320px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:0px;
	left:210px; 
	padding-right:20px;
	text-align:left;
}

#scroll_event {
	/* Typical fixed height and fixed width example */
	width: 480px; 
	height: 335px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:0px;
	left:-25px; 
	padding-right:20px; 
}

#scroll_recording {
	/* Typical fixed height and fixed width example */
	width: 700px; 
	height: 395px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:0px;
	left:-25px; 
	padding-right:20px; 
}


#scroll_press {
	/* Typical fixed height and fixed width example */
	width: 650px; 
	height: 330px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:0px;
	left:-25px; 
	padding-right:20px; 
}



#scroll_gigs {
	/* Typical fixed height and fixed width example */
	width: 650px; 
	height: 340px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	top:0px;
	left:-25px; 
	padding-right:20px; 
}