body {
margin: 0;
padding: 0;
font-family: Garamond, Georgia, "Times New Roman", Times, serif;
font-size: 14px;
line-height: 19px;
color: #454545;
}


#index {
	background-color: #000;
	background-image: url(http://www.manafon.com/images/index.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	color: #FFF;
	}


/* TYPE */


a:link{
	font-weight: bold;
	font-style: italic;
	color: #454545;
	text-decoration: none;
	background-color: transparent;
}

#index a:link{
	font-weight: bold;
	font-style: italic;
	color: #FFF;
	text-decoration: none;
	background-color: transparent;
}


a:visited{
	font-style: italic;
	font-weight: bold;
	color: #454545;
	text-decoration: none;
	background-color: transparent;
}

#index a:visited{
	font-style: italic;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: transparent;
}

a:hover{
	font-style: italic;
	font-weight: bold;
	color: #570000;
	text-decoration: none;
	background-color: transparent;
	border-bottom: 1px dotted #570000;
}

index a:hover{
	font-style: italic;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	background-color: transparent;
	border-bottom: 1px dotted #FFF;
}







h1 { 	
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 1em;
	color: #000;
	}

#index h1 { 	
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 12px;
	color: #FFF;
	}
	
	
#contentone h1 { 	
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 12px;
	}
		
	
#index p {
	line-height: 7px;
	padding-bottom: 14px;
	}

#contentone p {
	line-height: 7px;
	padding-bottom: 14px;
	}


h2 { 	
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 1em;
	color: #000;
	}

.underline {
	color: #570000;
	border-bottom: 1px solid #570000;
	}

#index .underline {
	color: #FFF;
	border-bottom: 1px solid #FFF;
	}

.notit {
	color: #000;
	font-style: normal;
	font-weight: bold;
	}
	
.video {
	border: 1px solid #000
	}

.discogimg img {
	border: 5px solid #000; 
	}

.discogimgsm img { 
	border: 5px solid #000;
	margin: 0 20px 20px 0;
	float: left;
	}



/* OH DEER */

#forest1 {
	width: 100%;
	height: 325px;
	background: #000;
	background-image: url(http://www.manafon.com/images/forest1/random.php);
	background-repeat: no-repeat;
	background-position: top center;
	}

#forest2 {
	width: 100%;
	height: 325px;
	background: #000;
	background-image: url(http://www.manafon.com/images/forest2/random.php);
	background-repeat: no-repeat;
	background-position: top center;
	}

#forest3 {
	width: 100%;
	height: 325px;
	background: #000;
	background-image: url(http://www.manafon.com/images/forest3/random.php);
	background-repeat: no-repeat;
	background-position: top center;
	}
	
#forest4 {
	width: 100%;
	height: 325px;
	background: #000;
	background-image: url(http://www.manafon.com/images/forest4/random.php);
	background-repeat: no-repeat;
	background-position: top center;
	}

#forest5 {
	width: 100%;
	height: 325px;
	background: #000;
	background-image: url(http://www.manafon.com/images/forest5/random.php);
	background-repeat: no-repeat;
	background-position: top center;
	}

#forest6 {
	width: 100%;
	height: 325px;
	background: #000;
	background-image: url(http://www.manafon.com/images/forest6/random.php);
	background-repeat: no-repeat;
	background-position: top center;
	}	
	
#logocontainer {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 125px 0 0 0;
	text-align: left;
}	

#deforestation {
	width: 100%;
	height: 250px;
	background: transparent;
	}











/* NAV */

#navredbg {
	background: #570000;
	width: 100%;
	height: 40px;
	margin: 0;
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	padding: 0;
	text-align: left;
}

#navcontainer {
	background: transparent;
	width: 900px;
	height: 40px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}

#mainnavgroup {
float: left;
 width: 900px;
 height: 20px;
 background: url(http://www.manafon.com/images/nav.jpg);
 margin: 10px auto 10px auto; 
 padding: 0;
 border: 0;
 position: relative;
}

#mainnavgroup li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

#mainnavgroup li, #mainnavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#mainnavone {left: 0px; width: 70px; text-decoration: none; border-bottom: none;}
#mainnavtwo {left: 90px; width: 170px; text-decoration: none; border-bottom: none;}
#mainnavthree {left: 265px; width: 120px; text-decoration: none; border-bottom: none;}
#mainnavfour {left: 395px; width: 145px; text-decoration: none; border-bottom: none;}

#mainnavfive {left: 550px; width: 135px; text-decoration: none; border-bottom: none;}
#mainnavsix {left: 700px; width: 70px; text-decoration: none; border-bottom: none;}
#mainnavseven {left: 780px; width: 120px; text-decoration: none; border-bottom: none;}




#mainnavone a:hover {background: transparent url(http://www.manafon.com/images/nav.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavtwo a:hover {background: transparent url(http://www.manafon.com/images/nav.jpg) -90px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavthree a:hover {background: transparent url(http://www.manafon.com/images/nav.jpg) -265px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavfour a:hover {background: transparent url(http://www.manafon.com/images/nav.jpg) -395px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavfive a:hover {background: transparent url(http://www.manafon.com/images/nav.jpg) -550px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavsix a:hover {background: transparent url(http://www.manafon.com/images/nav.jpg) -700px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavseven a:hover {background: transparent url(http://www.manafon.com/images/nav.jpg) -780px -20px no-repeat; text-decoration: none; border-bottom: none;}














/* STRUCTURE */


#container {
	width: 900px;
	margin: 0 auto 0 auto;
	padding-top: 40px;
	text-align: left;
}

#containerindex {
	width: 900px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
}

#content{
	float: left;
	width: 325px;
	margin: 0;
	padding: 75px 0 0 0;
}



#contentright {
	float: right;
	width: 550px;
	margin: 0;
	padding: -75px 0 0 0;
}

/* #contentright p {
	text-indent: 25px;
	} */







#contentone{
	float: left;
	width: 900px;
	margin: 0;
	padding: 0;
	text-align: center;
	border-bottom: 1px solid #454545;
}


#contentoneindex {
	float: left;
	width: 900px;
	margin: 0;
	padding: 0;
	text-align: center;
}






	
	
	
	
	

	
	
	
	
	
	
	

/* fox */

div.fox {
	clear: both;
	background-image: url(http://www.manafon.com/images/fox_ground.png);
	background-repeat: repeat-x;
	background-position: top left;
	height: 250px;
	width: 100%;
	margin: 0;
	}
	
/* div.basil {	
	height: 100px;
	padding: 15px 0 100px 750px;
	width: 169px;
	margin: 0;
	} */

div.basil {	
	height: 100px;
	padding: 50px 0 100px 40px;
	width: 169px;
	margin: 0;
	}	
	
	
.foxbox a img {
	text-decoration: none; 
	border: none;
	}




/* mp3 streamer */

.track_listing a {
	background: url("#") 0px 0px no-repeat;
	padding-bottom: 3px !important;
	padding-top: 2px !important;
	padding-left: 20px;
	border: none !important;
}

.track_listing a.pause_button { background: url("#") 0px 0px no-repeat !important; 
	}
.track_listing  a.pause_button:hover { background: url("#") 0px 0px no-repeat !important; }
.track_listing a:hover { background: url("#") 0px 0px no-repeat; }








	
	
/* footer */


#foxhole {
	clear: both;
	background: #570000;
	background-image: url(http://www.manafon.com/images/foxhole_red.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding: 0;
	color: #fff;
	margin: 0;
	border-top: 10px solid #000;
	}
	
#foxhole a, #foxhole a:hover, #foxhole a:visited {	
	border: none;
	text-decoration: none;
	}
	

#footer {
	background: #570000;
	position: static;
	bottom: 0;
	width: 100%;
	height: 10px;
	margin: 0 auto 0 auto;
	border: 0;
	padding: 0;
	text-align: left;
}

body>div#footer {position: fixed}




/* clear floats */

.group:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }