html, body {
	margin: 0;
	padding: 0;	
}

body {
	background: #996;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.6;
	color: #444;
}

img { 
	border: none;
	margin: 0; 
	padding: 0;
}

.floatleft { float:left; }
.floatright { float:right; }
.clear { clear: both; }

a:active {
outline: none;
}

a:focus {
-moz-outline-style: none;
}

#content {
	width: 640px;
	height: 480px;
	margin: 0 auto;
	padding: 0;
	background: url(images/JAP_background.gif);
}

#mainNav {
	display: block;
	width: 640px;
	height: 24px;
	position: absolute;
	top: 35px;
}

.logo { float: left; width: 250px; height: 24px; background: url(images/james_anthony.gif); }
#mainNav .divider { float: left; width: 4px; height: 24px; background: url(images/Divider.gif); }
#mainNav .home { float: left; width: 55px; height: 24px; background: url(images/Home.gif); }
#mainNav .studio { float: left; width: 70px; height: 24px; background: url(images/Studio.gif); }
#mainNav .bio { float: left; width: 46px; height: 24px; background: url(images/Bio.gif); }
#mainNav .gallery { float: left; width: 79px; height: 24px; background: url(images/Gallery.gif); }
#mainNav .contact { float: left; width: 80px; height: 24px; background: url(images/Contact.gif); }
#mainNav a:hover { background-position: 0 -24px}

#galleryNav {
	display: block;
	width: 170px;
	height: 18px;
	position: relative;
	top: 108px;
	left: 84px;
}

#galleryNav .divider { float: left; width: 8px; height: 18px; background: url(images/Gallery_Div.gif); }
#galleryNav .gallery1 { float: left; width: 81px; height: 18px; background: url(images/Gallery_1.gif); }
#galleryNav .gallery2 { float: left; width: 81px; height: 18px; background: url(images/Gallery_2.gif); }
#galleryNav a:hover, #galleryNav .current { background-position: 0 -18px}

#gallery {
	clear: both;
	width: 640px;
	height: 184px;
	margin: 0 auto;
	position: absolute;
	top: 148px;
}

#numeralNav {
	float: left;
	display: block;
	width: 257px;
	height: 184px;
	position: relative;
	left: 51px;
}
#numeralNav a { display: block; float: left; width: 36px; height: 36px; margin: 0 13px 13px 0; padding: 0; }

#thumbDisplay {
	float: left;
	display: block;
	width: 184px;
	height: 184px;
	position: relative;
	left: 51px;
}

#numberNav {
	width: 640px;
	height: 18px;
	position: absolute;
	top: 371px;
}
#numberNav .closerLook { float: left; width: 156px; height: 18px; background: url(images/Closer_Look.gif); }
#numberNav .num1 { float: left; width: 19px; height: 18px; background: url(images/Number_1.gif); }
#numberNav .num2 { float: left; width: 19px; height: 18px; background: url(images/Number_2.gif); }
#numberNav .num3 { float: left; width: 19px; height: 18px; background: url(images/Number_3.gif); }
#numberNav .num4 { float: left; width: 19px; height: 18px; background: url(images/Number_4.gif); }
#numberNav .num5 { float: left; width: 19px; height: 18px; background: url(images/Number_5.gif); }
#numberNav .num6 { float: left; width: 20px; height: 18px; background: url(images/Number_6.gif); }
#numberNav .num7 { float: left; width: 20px; height: 18px; background: url(images/Number_7.gif); }
#numberNav .num8 { float: left; width: 19px; height: 18px; background: url(images/Number_8.gif); }
#numberNav .num9 { float: left; width: 19px; height: 18px; background: url(images/Number_9.gif); }
#numberNav .num10 { float: left; width: 25px; height: 18px; background: url(images/Number_10.gif); }
#numberNav .num11 { float: left; width: 25px; height: 18px; background: url(images/Number_11.gif); }
#numberNav .num12 { float: left; width: 25px; height: 18px; background: url(images/Number_12.gif); }
#numberNav .num13 { float: left; width: 25px; height: 18px; background: url(images/Number_13.gif); }
#numberNav .num14 { float: left; width: 25px; height: 18px; background: url(images/Number_14.gif); }
#numberNav .num15 { float: left; width: 25px; height: 18px; background: url(images/Number_15.gif); }
#numberNav .num16 { float: left; width: 25px; height: 18px; background: url(images/Number_16.gif); }
#numberNav .num17 { float: left; width: 25px; height: 18px; background: url(images/Number_17.gif); }
#numberNav .num18 { float: left; width: 25px; height: 18px; background: url(images/Number_18.gif); }
#numberNav .num19 { float: left; width: 25px; height: 18px; background: url(images/Number_19.gif); }
#numberNav .num20 { float: left; width: 25px; height: 18px; background: url(images/Number_20.gif); }
#numberNav .num0 { float: left; width: 4px; height: 18px; background: url(images/Number_end.gif); }
#numberNav a:hover { background-position: 0 -18px}

#footerNav {
	width: 640px;
	height: 18px;
	position: absolute;
	top: 424px;
}

#footerNav .mercury { float: left; width: 210px; height: 24px; background: url(images/Button_Mercury.gif); position: relative; left: 29px;}
#footerNav .proofing { float: right; width: 168px; height: 24px; background: url(images/Button_Proofing.gif); position: relative; right: 29px; }
#footerNav a:hover { background-position: 0 -24px}