@charset "UTF-8";
/* CSS Document */


<!-- Hack for IE5 PNG images -->
img, div, h1, h2, h3, h4, p, input, form { behavior: url(iepngfix.htc) }


body  {
	background-image:url(../images/pattern2.jpg);
	background-color:#333;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	background-color:#000;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	
}






#container { 
	width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background-image:url(../images/recordbackground.png);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
	


}


#header { 
	height:210px;
	padding: 0;
	margin: 0;
	width:900px;
} 

#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}


#MMenu {
	margin:0;
	padding: 0;
	width:578px;
	height:84px;
	position:relative;
	top:0;
	left:0;
	
}

#left {
	height:84px;
	width:357px;
	
}

#middle {
	margin:0 0 0 280px;
	padding:0;
	width:238px;
	height:84px;
position:relative;
left:77px;
top:-84px;

	
}

#AnimBan {
	background:#33F;
	padding: 0;
	width:292px;
	height:84px;
	margin:0 0 0 580px;
	position:relative;
	top:-84px;
	left: 0;
	
}


#polaroid {
	
	width: 428px; 
	padding: 0;
	height:751px;
	position:relative;
	top:-84px;
	left:0;
	margin:0;
	}
	
#mainContent { 
	margin: 0 0 0 428px;
	background-image:url(../images/main_contbg_03.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	padding:0;
	position:relative;
	top: -835px;
	left: 0;
	width: 441px;
	height:751px;
	overflow: hidden;
	
} 

#ZmanReleasesTitle  h1 img{
	background:#000;
	height:32px;
	padding:0;
	margin:0;
	width:444px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

#ZmanReleases {
	height:360px;
	padding:5px 5px 0 0;
	margin:0;
	overflow:scroll;


}



#ZmanCdLeft {
	width:125px;
	margin:0;
	padding:0;
	position:relative;
	top:-10px;
	height:358px;
}

#WitchHats {
	background-image:url(../images/whtransbg_12.png);
	background-repeat:no-repeat;
	margin: 0 0 0 150px;
	padding:3px;
	width:270px;
	position: relative;
	left: -24px;
	top: -335px;
	height:182px;
	overflow:hidden;
	
}



#MotherFather {
	background-image:url(../images/mftransbg_17.jpg);
	background-repeat:no-repeat;
	margin: 0 0 0 150px;
	padding:3px;
	width:270px;
	position: relative;
	left: -24px;
	top: -335px;
	height:240px;
	overflow:hidden;

}


#Steiner {
	background-image:url(../images/mftransbg_17.jpg);
	background-repeat:no-repeat;
	margin: 0 0 0 150px;
	padding:3px;
	width:270px;
	position: relative;
	left: -24px;
	top: -305px;
	overflow:hidden;
	
}


#ZmanReleasesTitle h1, #AboutTitle h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	margin:0;
	padding:0;
	width:444px;
	height:31px;
}



#ZmanReleases h1, #About h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
}


#ZmanReleases h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	margin:0;
	padding:0;
	font-style: oblique;	

}


#ZmanReleases h3 {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	margin:0;
	
}

#ZmanReleases h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-align:right;
	margin:0;
	background-color: #000;	
}

#ZmanReleases p{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	
}


#whcd {
	margin:0;
	padding:0;
	position:relative;
	top:34px;
	left:10px;
	width:115px;
	height:115px;

	
}

#whcd h1 img{
	margin:0;
	padding:0;

	
}



#mfcd {
	margin:0;
	padding:0;
	position:relative;
	top:106px;
	left:10px;
	width:116px;
	height:135px;

	
}

#mscd {
	margin:0;
	padding:0;
	position:relative;
	top:247px;
	left:10px;
	width:116px;
	height:135px;

	
}

#mfcd h1 img{
	margin:0;
	padding:0;
	

	
}


#AboutTitle h1 img{
	height:32px;
	padding:0;
	margin:0;
	width: 444px;
	position:relative;
	top:0;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}


#About {
	width:445px;
	padding:0;
	margin:0;
	position:relative;
	top: 0;
}	

#About p {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	margin: 5px;
	padding: 10px;
	
}

a:link {color:#E2A81A}      /* unvisited link */
a:visited {color:#ccc}  /* visited link */
a:hover {color:#fff}  /* mouse over link */
a:active {color:#000}  /* selected link */

#footer {
	background-image:url(../images/footer_02.png);
	margin:0;
	padding: 0;
	position:relative;
	top:-835px;
	width:870px;
	height:33px;
	
} 
#footer p {
	text-align:right;
	margin: 0; 
	padding: 9px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:9px;
}


#contactform {
	background-image:url(../images/mailinglist.png);
	background-repeat:no-repeat;
	margin:0 auto;
	padding: 6px;
	width:237px;
	height:200px;
} 


 #contactform p {
	text-align:left;
	margin: 0; 
	padding: 0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:9px;
}