@charset "UTF-8";  
/* Background-Styles */  
  
body {  
    margin:0px; padding:0px;  
    background-color:#131211;  
    font-family:Helvetica, Arial, sans-serif;  
    color:#353535;  
    font-size:12px;  
    line-height:19px;  
}  

/* MENU */

/*   Text-Styles   */  

h2 {  
    margin:40px 0px 0px 0px;  
    font-size:24px;  
    font-family:Helvetica, Arial, Sans-serif;  
    color:#000000;  
}  
small {  
    margin:0px 0px -10px 0px;
	color:#595856;  
    font-weight:bold;  
    font-size:12px;
} 

a {  
    color:#007de2;  
    text-decoration:none;  
}  

a:hover { text-decoration:underline; }  
p { margin: 0px 0px 15px 0px; } 
 
#main {  
    background:#c4c0be url(images/haard-bg.gif) repeat;
}  
 #main .container {   
    background-image:url(images/haard-body-bg-slice.jpg); 
    background-repeat:repeat-y;  
    min-height:400px;  
}

#footer {
    background-image:url(images/background_footer.jpg);  
    background-repeat:repeat-x;  
    color:white;  
    padding:0px;  
}

.container {
	width:1000px;
	margin:0 auto;
	position:relative;
}  

.container span {
	width:11px;
	display:block;
	margin:0 auto;
	position:absolute;
	left:0;
	background: url(images/shadowL.png) repeat-y;
	top: 0;
	height: 4px;
}

/* IDs */

#header {  
    background-image:url(images/haard-header.jpg);  
    background-repeat:no-repeat;  
	width:1000px;  
	height:142px;
	text-indent: -1100%;
		
}

#header ul{
list-style-type: none;
padding: 0;
margin-left: 0;
}

#header a {
  display: block;
  text-indent: -1100%;
  position: absolute;
  outline: none;
  
}

#header a:hover {
  background-position: left bottom;
}


#header .youtube {
  width: 52px;
  height: 19px;
  background: url(images/haard-youtube.png) no-repeat;
  left: 375px;
  top: 105px;
}

#header .myspace {
  width: 79px;
  height: 19px;
  background: url(images/haard-myspace.png) no-repeat;
  left: 427px;
  top: 105px;
}

#header .facebook {
  width: 70px;
  height: 19px;
  background: url(images/haard-facebook.png) no-repeat;
  left: 506px;
  top: 105px;
}

#header .news {
	width: 81px;
	height: 45px;
	background: url(images/haard-nav-news.png) no-repeat;
	left: 355px;
	top: 191px;
	z-index:10000000
}

#header .about {
	width: 92px;
	height: 45px;
	background: url(images/haard-nav-about.png) no-repeat;
	left: 466px;
	top: 178px;
	z-index:10000000
}

#header .music {
	width: 85px;
	height: 45px;
	background: url(images/haard-nav-music.png) no-repeat;
	left: 575px;
	top: 158px;
	z-index:10000000
}

#header .photos {
	width: 98px;
	height: 45px;
	background: url(images/haard-nav-photos.png) no-repeat;
	left: 682px;
	top: 175px;
	z-index:10000000
}

#header .merch {
	width: 87px;
	height: 45px;
	background: url(images/haard-nav-merch.png) no-repeat;
	left: 815px;
	top: 191px;
	z-index:10000000
}

#flash_feature { 
	background-image:url(images/haard-flash-holder.jpg);
	background-repeat:no-repeat;
	width:1000px;
	height:375px;
	position:relative;
}

#flash_feature span { 
	width:1000px;
	height:113px;
	display:block;
	position:absolute;
	top:142px
	left:0px;
	background-image:url(images/haard-nav.png);
	background-repeat:no-repeat;
	
}

#block_content {
	background-image:url(images/haard-body-bg.jpg);
	background-repeat:no-repeat;
	width:1000px;
	position:relative;
	height: 1100px;
}
/*
#inner_block_content {
	background-image:url(images/haard-text-bg.jpg);
	background-repeat:no-repeat;
	width:1000px;
	position:relative;
	height: 1200px;
}
*/
#block_content span {
	width:1000px;
	height:79px;
	display:block;
	position:absolute;
	top:-79px;
	left:0px;
	background-image:url(images/haard-nav-bottom.png);
	background-repeat:no-repeat;
}

#block_foot {
	background:url(images/haard-body-foot.jpg);
	background-repeat:no-repeat;
	width:1000px;
	position:relative;
	height: 233px;
	}

.text_block {  
   float:left;  
   width:275px;  
   margin-left:50px;  
} 

.text_block2 {  
   float:right;  
   width:530px;  
   margin-right:50px;
   position:relative
}

.persbio{
   float:right;
   display:block;
   width:530px;  
   margin-right:50px;
   position:relative;
}