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



/* TYPE */



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



a:visited {
	font-style: italic;
	font-weight: bold;
	color: #454545;
	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;
}





.packshottxt a:link, td a:link {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	color: #7d5065;
	text-decoration: none;
	background-color: transparent;
}


.packshottxt a:visited, td a:visited {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	color: #7d5065;
	text-decoration: none;
	background-color: transparent;
}

.packshottxt a:hover, td a:hover {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	color: #570000;
	text-decoration: none;
	background-color: transparent;
	border-bottom: 1px dotted #570000; 
}



a img, td img { 
	text-decoration: none;
	}

a:visited img, a:hover img, a:visited td, a:hover td { 
	text-decoration: none;
	}

.packshot a:hover {
	border-bottom: none;
	}

.packtxt a, .packtxt a:hover, .packtxt a:visited  {
	color: #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: 22px;
	color: #000;
	}

	
/* p {
	padding-bottom: 14px;
	} */










h2 { 	
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 1px;
	line-height: 18px;
	color: #7a7a7a;
	padding-bottom: 12px;
	}


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

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

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



.perm {
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	color:#570000; 
	/* margin-top: -7px; */
	}

.perm a {
	color:#570000; 
	font-style: normal;
	}




.germ {
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	color:#7a7a7a; 
	/* margin-top: -7px; */
	}

.germup {
	font-size: 10px;
	margin-top: -20px;
	text-transform: uppercase;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	color:#7a7a7a; 
	/* margin-top: -7px; */
	}
	
.germ a, .germup a, .germ a:visited, .germup a:visited, .germ a:hover, .germup a:hover {
	font-weight: normal;
	color:#7a7a7a; 
	font-style: normal;
	}


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



/* TROLLEYED */

#latenightshopping {
	width: 100%;
	height: 325px;
	background: #87afc8;
	background-image: url(/shop/templates/images/latenightshopping.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	}

#goodson {
	width: 100%;
	height: 325px;
	background: #e9a6a0;
	background-image: url(/shop/templates/images/goodson.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	}


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



#toplogocontainer	{
			/* position: absolute; */
			height: 325px;
			width:1000px;
			margin: 0 auto 0 auto;	
			z-index: 1;
			}
			





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











/* NAV */

#navredbg {
	background: #38394d;
	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;
}




/* OUT */

#mainnavgroup {
float: left;
 width: 900px;
 height: 20px;
 background: url(/shop/templates/images/nav_out.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: 50px; text-decoration: none; border-bottom: none;}
#mainnavtwo {left: 80px; width: 45px; text-decoration: none; border-bottom: none;}
#mainnavthree {left: 155px; width: 115px; text-decoration: none; border-bottom: none;}
#mainnavfour {left: 305px; width: 40px; text-decoration: none; border-bottom: none;}

#mainnavfive {left: 770px; width: 130px; text-decoration: none; border-bottom: none;}




#mainnavone a:hover {background: transparent url(/shop/templates/images/nav_out.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavtwo a:hover {background: transparent url(/shop/templates/images/nav_out.jpg) -80px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavthree a:hover {background: transparent url(/shop/templates/images/nav_out.jpg) -155px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavfour a:hover {background: transparent url(/shop/templates/images/nav_out.jpg) -305px -20px no-repeat; text-decoration: none; border-bottom: none;}
#mainnavfive a:hover {background: transparent url(/shop/templates/images/nav_out.jpg) -770px -20px no-repeat; text-decoration: none; border-bottom: none;}





/* IN */

#outnavgroup {
float: left;
 width: 900px;
 height: 20px;
 background: url(/shop/templates/images/nav_in.jpg);
 margin: 10px auto 10px auto; 
 padding: 0;
 border: 0;
 position: relative;
}

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

#outnavgroup li, #outnavgroup a {height: 20px; display: block; text-decoration: none; border-bottom: none;}
#outnavone {left: 0px; width: 50px; text-decoration: none; border-bottom: none;}
#outnavtwo {left: 80px; width: 105px; text-decoration: none; border-bottom: none;}
#outnavthree {left: 215px; width: 110px; text-decoration: none; border-bottom: none;}
#outnavfour {left: 360px; width: 45px; text-decoration: none; border-bottom: none;}
#outnavfive {left: 435px; width: 55px; text-decoration: none; border-bottom: none;}
#outnavsix {left: 770px; width: 130px; text-decoration: none; border-bottom: none;}




#outnavone a:hover {background: transparent url(/shop/templates/images/nav_in.jpg) -0px -20px no-repeat; text-decoration: none; border-bottom: none;}
#outnavtwo a:hover {background: transparent url(/shop/templates/images/nav_in.jpg) -80px -20px no-repeat; text-decoration: none; border-bottom: none;}
#outnavthree a:hover {background: transparent url(/shop/templates/images/nav_in.jpg) -215px -20px no-repeat; text-decoration: none; border-bottom: none;}
#outnavfour a:hover {background: transparent url(/shop/templates/images/nav_in.jpg) -360px -20px no-repeat; text-decoration: none; border-bottom: none;}
#outnavfive a:hover {background: transparent url(/shop/templates/images/nav_in.jpg) -435px -20px no-repeat; text-decoration: none; border-bottom: none;}
#outnavsix a:hover {background: transparent url(/shop/templates/images/nav_in.jpg) -770px -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;
}


#contentleftprod {
	float: left;
	width: 550px;
	margin: 0;
	padding: 25px 0 0 0;
}


#contentright {
	float: right;
	width: 325px;
	margin: 0;
	padding: 25px 0 0 0;
}

#contentrightprod {
	float: right;
	width: 245px;
	font-size: 10px;
	text-transform: uppercase;
	font-family: 'Helvetica Neue', Helvetica, sans-serif;
	color:#7a7a7a; 
	margin: 0;
	padding: 25px 0 0 0;
}


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



#contentleftindex {
	float: left;
	width: 575px;
	margin: 0;
	padding: 25px 0 0 0;
}


#contentrightindex {
	float: right;
	width: 130px;
	margin: 0;
	padding: 25px 0 0 0;
}





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


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









.packshot img { 
	border: 1px solid #bfbfbf;
	}

.packshot { 
	width: 245px;
	height: 315px;
	/* border-bottom: 1px solid #bfbfbf; */
	float: left;
	margin: 0 35px 20px 0;
	} 
	
.packtxt {
	padding: 5px 10px 5px 10px;
	color: #FFF;
	}


/* .packshot img { 
	height: 280px;
	background: #bfbfbf;
	margin: 0 35px 20px 0;
	border: 1px solid #bfbfbf;
	} */

.packshotcat img { 
	border: 1px solid #bfbfbf;
	}

.packshottxt {
	line-height:1.25em;
	}

	
	
	
	
	

	
	
	
	
	
	
	

/* fox */

div.snowjoke {
	clear: both;
	background-image: url(/shop/templates/images/snowfall.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 250px;
	width: 100%;
	margin: 0;
	}
	
div.goodgrief {
	clear: both;
	background-image: url(/shop/templates/images/goodgrief.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	height: 250px;
	width: 100%;
	margin: 0;
	}




/* 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; }








	
	



/* clear floats */

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