﻿body {
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url('');
	background-attachment: fixed;
}


/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/image-text-hover.html
Copyright (c) 2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#wrap {
	position: relative;
	width: 710px;
	margin: 0 auto;
	height: 560px;
	background: transparent no-repeat;
	padding: 20px;
	position: relative;
	font-family: sans-serif;
}
#wrap h1 {color:#fff; font-family:arial, sans-serif; font-weight:normal; font-size:22px;}
#outerImage {padding:0; margin:0; list-style:none;}
#outerImage li a {color:#c00000; text-decoration:none;}
#outerImage table {border-collapse:collapse; width:0; height:0; margin:-1px -4px;}
#outerImage span {display:block; width:390px; height:390px; background:url('http://heathheathens.net/images/pics.jpg'); 
position:absolute; left:350px; top:200px;
}
#innerImage {padding:0; margin:0; list-style:none;}
#innerImage li {float:left; color:#000000; font-size:23px;}
#innerImage li a {float:left; color:#000000; text-decoration:none; font-size:23px; white-space:nowrap;}
#innerImage li a b {display:block; width:130px; height:130px; position:absolute; background:#transparent;}
#innerImage li a b#link1 {left:350px; top:200px;}
#innerImage li a b#link2 {left:480px; top:200px;}
#innerImage li a b#link3 {left:610px; top:200px;}
#innerImage li a b#link4 {left:350px; top:330px;}
#innerImage li a b#link5 {left:480px; top:330px;}
#innerImage li a b#link6 {left:610px; top:330px;}
#innerImage li a b#link7 {left:350px; top:460px;}
#innerImage li a b#link8 {left:480px; top:460px;}
#innerImage li a b#link9 {left:610px; top:460px;}

#outerImage li a:hover {border:0;}
#outerImage :hover span {background-position: left bottom;}

#innerImage li a:hover {color:#fff;}
#innerImage li a:hover b {cursor:pointer;}

#innerImage :hover b#link1 {background:#fff url('http://heathheathens.net/images/015.jpg');
}
#innerImage :hover b#link2 {background:#fff url('http://heathheathens.net/images/030.jpg');
}
#innerImage :hover b#link3 {background:#fff url('http://heathheathens.net/images/024.jpg');
}
#innerImage :hover b#link4 {background:#fff url('http://heathheathens.net/images/047.jpg');
}
#innerImage :hover b#link5 {background:#fff url('images/012enter.jpg');
}
#innerImage :hover b#link6 {background:#fff url('images/065e.jpg');
}
#innerImage :hover b#link7 {background:#fff url('images/042.jpg');
}
#innerImage :hover b#link8 {background:#fff url('images/052a.jpg');
}
#innerImage :hover b#link9 {background:#fff url('images/058.jpg');
}