/* CSS Document */

* {
	padding: 0;
	margin: 0;
	font-family: Garamond;
	text-decoration: none;
}


#nav_pic {
	position: relative;
	width: 1024px;
	height: 600px;
	background-image: url(nav_i.gif);
}


#nav_menu a {
	position: absolute;
	border: none;/*1px solid red;  show where each box is */
}
#nav_menu a i { visibility: hidden; }


#det_text {
	position: absolute;
	border: none;/*1px solid red  show where each box is */
	top: 320px;
	left:120px;
	width: 700px; 
}

#det_pic_back {
	position: absolute;
	border: none;
	top: 321px;
	left: 591px;
}

#det_menu a {
	position: absolute;
	border: none;
	top: 240px; 
}
/*
#det_menu_arrows a {
	position: absolute;
	border: none;
}
*/

/* generic mouseover with 2nd image viewer code */
a.mouseover img { border: 0; }

a.mouseover i { /* i=inactive */
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}
a.mouseover:hover i { display: none; }

a.mouseover b { display: none; }/* b=hovering */
a.mouseover:hover b {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
}

a.mouseover u { display: none; }/* u=hovering 2nd image */
a.mouseover:hover u {
	display: block;
	position: absolute;
	border: 1px solid silver;
}

a.mouseover:hover { display: block; }
/* end of generic mouseover with 2nd image viewer code */

/* frames for em=foreground overlay code */
/*
a.framedigitalillustration em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_digitalillustration_i_t.gif);
}
a.framedigitalillustration:hover em {
	background-image:url(frm_digitalillustration_a_t.gif);
}
a.dogdrawingframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_dogdrawing_i_t.gif);
}
a.dogdrawingframe:hover em {
	background-image:url(frm_dogdrawing_a_t.gif);
}
a.handillustrationframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_handillustration_i_t.gif);
}
a.handillustrationframe:hover em {
	background-image:url(frm_handillustration_a_t.gif);
}
a.homepageframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_homepage_i_t.gif);
}
a.homepageframe:hover em {
	background-image:url(frm_homepage_a_t.gif);
}
a.mememeframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_mememe_i_t.gif);
}
a.mememeframe:hover em {
	background-image:url(frm_mememe_a_t.gif);
}
a.paintingframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_painting_i_t.gif);
}
a.paintingframe:hover em {
	background-image:url(frm_painting_a_t.gif);
}
a.photoframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_photo_i_t.gif);
}
a.photoframe:hover em {
	background-image:url(frm_photo_a_t.gif);
}
a.puppetsandcraftsframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_puppetsandcrafts_i_t.gif);
}
a.puppetsandcraftsframe:hover em {
	background-image:url(frm_puppetsandcrafts_a_t.gif);
}
*/
a.simplefullframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_simple_full_i_t.gif);
}
a.simplefullframe:hover em {
	background-image:url(frm_simple_full_a_t.gif);
}

a.framedigitalillustration em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_simple_i_t.gif);
}
a.framedigitalillustration:hover em {
	background-image:url(frm_simple_a_t.gif);
}
a.dogdrawingframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_simple_i_t.gif);
}
a.dogdrawingframe:hover em {
	background-image:url(frm_simple_a_t.gif);
}
a.handillustrationframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_simple_i_t.gif);
}
a.handillustrationframe:hover em {
	background-image:url(frm_simple_a_t.gif);
}
a.homepageframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_simple_i_t.gif);
}
a.homepageframe:hover em {
	background-image:url(frm_simple_a_t.gif);
}
a.mememeframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_simple_i_t.gif);
}
a.mememeframe:hover em {
	background-image:url(frm_simple_a_t.gif);
}
a.paintingframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_simple_i_t.gif);
}
a.paintingframe:hover em {
	background-image:url(frm_simple_a_t.gif);
}
a.photoframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_simple_i_t.gif);
}
a.photoframe:hover em {
	background-image:url(frm_simple_a_t.gif);
}
a.puppetsandcraftsframe em {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	background-image:url(frm_simple_i_t.gif);
}
a.puppetsandcraftsframe:hover em {
	background-image:url(frm_simple_a_t.gif);
}
/* end of frames for em=foreground overlay code */

/* page specific position, size, font, and color info goes here */
a.mouseover:hover u { top: 80px; width: 250px; color: green; }

a#pic1 { left: 125px; }
a#pic2 { left: 185px; }
a#pic3 { left: 245px; }
a#pic4 { left: 305px; }
a#pic5 { left: 365px; }
a#pic6 { left: 425px; }
a#pic7 { left: 485px; }
a#pic8 { left: 545px; }
a#pic9 { left: 605px; }
a#pic10 { left: 665px; }
a#pic11 { left: 725px; }
a#pic12 { left: 785px; }

a#pic1 u { left: 465px; }
a#pic2 u { left: 405px; }
a#pic3 u { left: 345px; }
a#pic4 u { left: 285px; }
a#pic5 u { left: 225px; }
a#pic6 u { left: 165px; }
a#pic7 u { left: 105px; }
a#pic8 u { left: 45px; }
a#pic9 u { left: -15px; }
a#pic10 u { left: -75px; }
a#pic11 u { left: -135px; }
a#pic12 u { left: -195px; }

a#digitalillustration { top: 87px; left: 93px; width: 68px; height: 76px; }
a#handillustration { top: 86px; left: 171px; width: 60px; height: 80px; }
a#biography { top: 134px; left: 234px; width: 127px; height: 65px; }
a#photos { top: 0px; left: 289px; width: 88px; height: 133px; }
a#dogdrawings { top: 3px; left: 382px; width: 221px; height: 191px; }
a#paintings { top: 3px; left: 615px; width: 125px; height: 170px; }
a#puppets { top: 18px; left: 759px; width: 136px; height: 174px; }
a#home1 { top: 194px; left: 836px; width: 77px; height: 50px; }
a#home2 { top: 452px; left: 13px; width: 55px; height: 58px; }
a#email { top: 469px; left: 853px; width: 123px; height: 109px; }
a#rss { top: 572px; left: 996px; width: 24px; height: 24px; }

/*
a#arrowleft { top: 277px; left: 89px; width: 38px; height: 24px; }
a#arrowright { top: 276px; left: 848px; width: 37px; height: 22px; }
*/

/* temp kludge because mouseover class is not working in iexplore - can't click on links */
a#digitalillustration:hover { background: url(digitalillustration_a_t.gif) 0 0 no-repeat; }
a#handillustration:hover { background: url(handillustration_a_t.gif) 0 0 no-repeat; }
a#biography:hover { background: url(biography_a_t.gif) 0 0 no-repeat; }
a#photos:hover { background: url(photos_a_t.gif) 0 0 no-repeat; }
a#dogdrawings:hover { background: url(dogdrawings_a_t.gif) 0 0 no-repeat; }
a#paintings:hover { background: url(paintings_a_t.gif) 0 0 no-repeat; }
a#puppets:hover { background: url(puppets_a_t.gif) 0 0 no-repeat; }
a#home1:hover { background: url(home1_a_t.gif) 0 0 no-repeat; }
a#home2:hover { background: url(home2_a_t.gif) 0 0 no-repeat; }
a#email:hover { background: url(email_a_t.gif) 0 0 no-repeat; }
a#rss:hover { background: url(rss_feed_a_24x24.gif) 0 0 no-repeat; }
/*
a#arrowleft:hover i { display: none;}
a#arrowright:hover i { display: none;}

a#arrowleft img { border: 0; }
a#arrowright img { border: 0; }

a#arrowleft:hover { background: url(arrowleft_a_t.gif) 0 0 no-repeat; }
a#arrowright:hover { background: url(arrowright_a_t.gif) 0 0 no-repeat; }
*/
/* end temp kludge because mouseover class is not working in iexplore - can't click on links */