body {
  background-color: #FFFFFF;
  margin:0;
}

.template { 	
  position:absolute;
  height:460px; 
  width:860px;
  margin:-230px 0px 0px -430px;
  top: 50%; 
  left: 50%;
  background-image: url(img/bg_template.jpg);
  background-repeat: no-repeat;
  background-color: #000000;
}

ul {
	position: absolute;
	width: 80px;
	height: 126px;    
	background: transparent;
	list-style-type: none;
    top: 133px; 
    left: 443px;
	margin: 0;
	padding: 0;
}

span {
	display: none;
}

li#but1 a, li#but2 a, li#but3 a, li#but4 a, li#but5 a, li#but6 a, li#but7 a {
	background: transparent;
	position: absolute;
	width: 80px;
	height: 18px;
	bottom: 0;
	text-decoration: none;
}

/* adjusted values for IE6 */
* html*li#but1 a, * html*li#but2 a, * html*li#but3 a, * html*li#but4 a, * html*li#but5 a, * html*li#but6 a, * html*li#but7 a { bottom: -1px; }

li#but1 a { top: 0px; background: url(img/nav/nav_home_hi.gif) 0 0 no-repeat; }
li#but2 a { top: 18px; background: url(img/nav/nav_biography_hi.gif) 0 0 no-repeat; }
li#but3 a { top: 36px; background: url(img/nav/nav_music_hi.gif) 0 0 no-repeat; }
li#but4 a { top: 54px; background: url(img/nav/nav_equipment_hi.gif) 0 0 no-repeat; }
li#but5 a { top: 72px; background: url(img/nav/nav_pictures_hi.gif) 0 0 no-repeat; }
li#but6 a { top: 90px; background: url(img/nav/nav_contact_hi.gif) 0 0 no-repeat; }
li#but7 a { top: 108px; background: url(img/nav/nav_links_hi.gif) 0 0 no-repeat; }

li#but1 a:hover, li#but2 a:hover, li#but3 a:hover, li#but4 a:hover, li#but5 a:hover, li#but6 a:hover, li#but7 a:hover { background-position: -80px 0; }
li#but1 a.active, li#but2 a.active, li#but3 a.active, li#but4 a.active, li#but5 a.active, li#but6 a.active, li#but7 a.active { background-position: -80px 0; }


.title { 	
  position:absolute;
  height:50px; 
  width:120px;
  margin:0;
  top: 82px; 
  left: 49px;
}

.logos { 	
  position:absolute;
  height:50px; 
  width:320px;
  margin:0;
  top: 40px; 
  left: 50px; 
}

.subnav { 	
  position:absolute;
  height:20px; 
  width:250px;
  margin:0;
  top: 113px; 
  left: 145px;
  text-align: right;
  font: 10px "trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif; color: #EEEEEE;
}
a.subnavlink { font: 10px "trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif;color: #EEEEEE; text-decoration: none;}
a.subnavlink:hover { font: 10px "trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif;color: #A31D1D; text-decoration: none;}

.content { 	
  position:absolute;
  height: 260px; 
  width: 365px;
  margin:0;
  top: 134px; 
  left: 50px;
  font: 11px "trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif; 
  color:#EEEEEE;  
  line-height: 13px;
  padding: 12px 12px 12px 12px; 
  background-color: #121212;
  border: 1px solid #212121; 
  overflow: auto;
	
  scrollbar-arrow-color:#666666;
  scrollbar-base-color:#000000;
  scrollbar-3dlight-color:#101010;
  scrollbar-highlight-color:#212121;
  scrollbar-face-color:#000000;
  scrollbar-darkshadow-color:#101010;
  scrollbar-shadow-color:#000000;
    
  /* BOX MODEL HACK */
  voice-family: "\"}\""; 
  voice-family:inherit;
  
  height: 260px; 
  width: 365px;
}

html>body .content {
  height: 235px;
  width: 340px;
}


.beet a { 	
  position:absolute;
  height:20px; 
  width:120px;
  margin:0;
  top: 415px; 
  left: 685px;
}

.body_picture {
  background-color: #000000;
  margin:0;
}

td {
  font: 11px "trebuchet ms", tahoma, Geneva, Arial, Helvetica, sans-serif; 
  color:#EEEEEE;  
  line-height: 12px;
  overflow: no;
}

a {color: #EEEEEE; text-decoration: underline;}
a:hover {color: #A31D1D; text-decoration: underline;}


.border	{ border: #212121 1px solid }
.borderon	{ border: #FFFFFF 1px solid }