* {margin: 0; padding:0;border: 0;}


body{
	width:770px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	vertical-align: middle;
}

a, a * { cursor: pointer;text-align: center;}
a:link { color: #ff0000; text-decoration:none}
a:visited { color: #ff0000; text-decoration:none}
a:hover { color: #ff6633; text-decoration:none}
.container{position: relative; height: 760px; margin-left:auto;
margin-right:auto;/*Add a height attribute and set to largest image's height to prevent overlaying*/}


#janheader {float: none; align: center; padding-bottom:20px}
.jantxt {float: left; width:40%;  padding:10px}
#janparson {position: absolute; right: 10px; bottom: 10px; }

.jantxtbkk {float: left; width:30%;  padding:0px}
.jantxtBk{float: left; width:30%; ; padding:0px}
#janstrip {float: left;  vertical-align: middle;width:30%;}
#janstripboy {float:right; align: right; vertical-align: middle;}
#janleftbox {float:left; width: 25%; 	}
#janfooter {clear:both; align: center; vertical-align: bottom;padding: 30px;}
#janfooter Bk{float:left; align: center; vertical-align: bottom;padding: 0px;}
div.navbar {
	position:absolute;
	width:200px;
	height:660px;
	z-index:1;
	left: -16px;
	top: -9px;
	

}





.thumbnail img{border: 0;margin: 0; text-align:center;margin-left:auto;
margin-right:auto;}

.thumbnail:hover{background-color: #FFFFFF;}

.thumbnail:hover img{border: 0;}

.thumbnail span{
	position: absolute;
	margin-left:auto;
	left: 130px;
	margin-right:auto;
	background-color: #FFFFFF;
	padding: 0px;
	border: 0;
	color: black;
	text-decoration: none;
	visibility: hidden;
}

.thumbnail span img{ /*CSS for enlarged image*/border-width: 0;margin-left:auto;
margin-right:auto;padding: 2px;}

.thumbnail:hover span{ /*CSS for enlarged image*/visibility: visible;top: 0;left: 130px; /*position where enlarged image should offset horizontally */}

#comixx a{	display: block;background-repeat:no-repeat;	background-position: relative;overflow:hidden;
	width:65px;	height:38px;	z-index: 2;text-decoration:none; border: 0;}
	
a.comix:hover img{display: block;position: relative;background-repeat:no-repeat;background-position: left: 0px;top: -38px;border: 0;}







#bk a{	display: block;		background-repeat:no-repeat;	background-position: relative;overflow:hidden;	
width:85px;	height:64px;	z-index: 3;text-decoration:none; border: 0;}

a.bk:hover img{display: block;position: relative;background-repeat:no-repeat;background-position:  left: 0px;top:-64px;border: 0;}





#vig a{	display: block;		background-repeat:no-repeat;	background-position: relative;overflow:hidden;	
width:100px;	height:49px;	z-index: 3;text-decoration:none; border: 0;}

a.vig:hover img{display: block;position: relative;background-repeat:no-repeat;background-position:  left: 0px;	
 top: -50px;border: 0;}
 
 





#pen a{	display: block;		background-repeat:no-repeat;	background-position: relative;overflow:hidden;	
width:66px;	height:66px;	z-index: 3; border: 0;}

a.pen:hover img{display: block;position: relative;  background-repeat:no-repeat;  left: 0px;top: -66px;border: 0;}





#prints a{	display: block;background-repeat:no-repeat;	background-position: relative;overflow:hidden;
	width:117px;	height:54px;	z-index: 2;border: 0;}
	
a.prints:hover img{display: block;position: relative;  background-repeat:no-repeat; left: 0px;top: -52px;border: 0;}



#comm a{	display: block;		background-repeat:no-repeat;	background-position: relative;overflow:hidden;	
width:132px;	height:-80px;	z-index: 3;text-decoration:none; border: 0;}

a.comm:hover img{display: block;position: relative;background-repeat:no-repeat;background-position:  left: 0px;
/*this is the bit that moves it up. make it bigger than you think*/top:-80px;border: 0;}



#places a{	display: block;		background-repeat:no-repeat;	background-position: relative;overflow:hidden;	width:78px;
height:40px;/*if you can't get height to work properly, move it manually in Design view*/z-index: 3;border: 0;}

a.places:hover img{display: block;position: relative;  left: 0px;  background-repeat:no-repeat; top: -45px;border: 0;}


#info a{	display: block;		background-repeat:no-repeat;	background-position: relative;overflow:hidden;	
width:69px;	height:44px;	z-index: 1;text-decoration:none; border: 0;}

a.info:hover img{display: block;position: relative;background-repeat:no-repeat;background-position:  left: 0px;top: -44px;border: 0;}