/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, a, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, q, cite, blockquote, th, td, addr, sup, sub { margin: 0; padding: 0; }

/* Normalizes font-size for hearders */
h1, h2, h3, h4, h5, h6 { font-size: 100% }

/* removes list-style from lists */
ol, ul { list-style: none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

/* removes border from tables */
table { border-collapse: collapse; border-spacing: 0; }

/* removes border from fieldset and img */
fieldset, img { border: 0; }

/* Left-aligns text in caption and th */
caption, th { text-align: left; }

/* removes quotation marks from q */
q:before, q:after, q { content: ''; }


/* layout.css */

html { text-align: center; min-width: 1080px; }

body { margin: 40px 60px; text-align: left; }

h1, h2 { position: absolute; top: -99999px; }

div#clear { clear: both; }

/* the general layout for every page */
div#homewindow, div#subwindow { position: relative; width: 100%; min-height: 750px;}

/* index */
div#branding_home { height:710px;} /* this value pushes the footer to the bottom on homepages. */
div#branding_home p { position: absolute; top: -99999px; }
div#flash_home { position: relative; top: 0; right: 0; width: 100%; height:670px; text-align: right; margin-left: auto; background: url(../graphics/index_img.jpg) no-repeat right 10px;}

/* hidden nav on index */
#distance {height: 288px;}
#index { background-color: none; margin: 0 0 0 30px; }
#index .navlist { margin-top: 0; padding: 0px; list-style-type: none; overflow: hidden; }
#index .navlistitem { float: left;}
#index .navlistitem a:link { width: 100px; text-decoration: none; display: block; margin-right: 8px; padding: 12px; text-align: center;  color: #fff; font-family: Helvetica, sans-serif; font-style: normal; font-size: 1em; letter-spacing: 0.05em; background-color: #bf0800; border-radius: 5px; -webkit-transition: all .65s; -o-transition: all .65s; transition: all .65s;}
#index .navlistitem a:visited { color: rgba(255,255,255,1.00); }
#index .navlistitem a:hover { color: rgba(255,255,255,1.00); 
	background-image: -webkit-linear-gradient(270deg,rgba(206,22,2,1.00) 0%,rgba(181,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(206,22,2,1.00) 0%,rgba(181,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(206,22,2,1.00) 0%,rgba(181,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(206,22,2,1.00) 0%,rgba(181,0,0,1.00) 100%);}

/* subpage div */
div#branding_subpage { background-color: transparent; }
div#branding_subpage a.logo { position: absolute; right: 0; margin-right: 0; top: 0; width: 220px; height: 60px; z-index: 50; background: transparent url(../graphics/jingzhoustudio.gif) top right no-repeat; }
div#subpage_nav { position: absolute; left: 0; top: -28px; width: 455px; height: 28px; z-index: 50;}
div#hidden {width: 455px; height: 28px;}

/* hidden nav on subpages */
#sub_nav { background-color: none;}
#sub_nav .navlist { margin-top: 0; padding: 0px; list-style-type: none; overflow: hidden; }
#sub_nav .navlistitem { float: left;}
#sub_nav .navlistitem a:link { width: 110px; height: 18px; text-decoration: none; display: block; margin: 5px 3px 0 0; padding: 5px 0 0 0; text-align: center;  color: #fff; font-family: Helvetica, Arial, sans-serif; font-style: normal; font-weight: lighter; font-size: 0.95em; letter-spacing: 0.05em; background-color: #bf0800; border-top-left-radius: 3px; border-top-right-radius: 3px;	/*background: url(../graphics/bg_nav.gif) repeat-x; I cannot use background image! */
	-webkit-transition: all .65s; -o-transition: all .65s; transition: all .65s;
	/*background-image: -webkit-linear-gradient(270deg,rgba(206,22,2,1.00) 0%,rgba(181,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(206,22,2,1.00) 0%,rgba(181,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(206,22,2,1.00) 0%,rgba(181,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(206,22,2,1.00) 0%,rgba(181,0,0,1.00) 100%);*/ }
#sub_nav .navlistitem a:visited { color: rgba(255,255,255,1.00);}
#sub_nav .navlistitem a:hover { height: 23px; margin: 0 3px 0 0;}
.active a { background-color: rgba(250,250,250,1.00); background: url(../graphics/bg.jpg) no-repeat left bottom; color: #502D16;}
.active_color {color: #502D16;}

/* maincontent div */
div#maincontent_about { position: relative; min-height: 622px; margin-left: 30px; padding: 88px 100px 0 50px; text-align: left; background: transparent url(../graphics/bgchry.gif) bottom right no-repeat; }

div#maincontent_design { position: relative; min-height: 622px; margin-left: 30px; padding: 88px 120px 0 250px; text-align: left; background: transparent url(../graphics/bgbamboo.gif) bottom right no-repeat; }

div#maincontent_media { position: relative; min-height: 622px; margin-left: 30px; padding: 88px 120px 0 250px; text-align: left; background: transparent url(../graphics/bgorchid.gif) bottom right no-repeat; }

div#maincontent_arts { position: relative; min-height: 622px; margin-left: 30px; padding: 88px 120px 0 250px; text-align: left; background: transparent url(../graphics/bgplum.gif) bottom right no-repeat; }


/* footer div */
div#nav_footer { text-align: right; clear: both; padding: 0 5px 0; }
div#nav_footer p {padding: 2.2em .8em .8em 0; right: 0; }

/* reusme div */
div#resume { width: 600px;}
div#spry_resume { width: 600px;}

/* contact social media div */
.social a { width: 30px; height: 30px; text-indent: -999px; display: inline-block; float: left; margin: 0 10px 0 0; opacity: 1;
	background: top center no-repeat; background-size: 100% 100%; -webkit-transition: all .65s; -o-transition: all .65s; transition: all .65s;}
.social a:hover { opacity: 0.65;}
.social1 a { background-image: url(../graphics/social_linkedin.png);}
.social2 a { background-image: url(../graphics/social_facebook.png);}
.social3 a { background-image: url(../graphics/social_vimeo.png);}
.social4 a { background-image: url(../graphics/social_instagram.png);}

/* news div */
div#news { float: right; width: 186px; padding: 3px; border:dashed #996633 1px; background-color:#F7F4E2; }

/* categories div */
div#categories { position: absolute; top: 60px; left: 30px; width: 215px; height: 645px; padding-top: 5px; font-size: 1.08em; text-align: left; background-color: transparent; z-index: 50; }

ul#sub_nav li#group_title { position: relative; display: block; height: 20px; margin: 5px 0 8px 0; padding: 0; text-align: left; color: #502D16; font-weight: bold; background: transparent url(../graphics/divider.gif) left bottom no-repeat; }
ul#sub_nav p { font-size: .9em; display: block; width: 215px; margin-bottom: 6px; }
/*** nuggests li 16x16 
ul#nuggets_norm { width: 215px; height: 20px; text-align: left; background: transparent; }
ul#nuggets_norm li, ul#nuggets_norm li#placeholder { position: relative; display: inline; float: left; width: 16px; height: 16px; margin: 0 5px 0 0; border: none; background: transparent;}
ul#nuggets_norm li a { position: relative; display: inline; float: left; width: 16px; height: 16px; margin: 0 5px 0 0; border: none; background: transparent url(../graphics/nugget.png) center center no-repeat;}
***/

/*** nuggests table+div 20x20 for design_nuggests_table.php ***/
#sub_nav div { width:20px; height:20px; background-color:#ccc;}

/*** nuggests li 20x20 *** "ul#nuggets_norm li" on the second line is very important */
ul#nuggets_norm { position: relative; display: block; width: 215px; height: 24px; text-align: left; background: transparent; }
ul#nuggets_norm_list { position: relative; display: block; width: 215px; height: 18px; text-align: left; background: transparent; }
ul#nuggets_norm li, ul#nuggets_norm li#placeholder { position: relative; display: inline; float: left; width: 20px; height: 20px; margin: 0 6px 5px 0; border: none; background-color: #e3e3e3; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }
ul#nuggets_norm li a { position: relative; display: inline; float: left; width: 20px; height: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
ul#nuggets_norm li a:hover { position: relative; display: inline; width: 20px; height: 20px; top: 0px; left: 0px; }
/*** end of nuggests li 20x20 ***/


/*** start of categories list content ***/
/* graphic design */
li#poster01 a { background: transparent url(../subdesign/sml/poster01.gif) 0 0 no-repeat; }
li#poster01 a:hover { background: transparent url(../subdesign/sml/poster01.gif) 0 -20px no-repeat; }
li#poster02 a { background: transparent url(../subdesign/sml/poster02.gif) 0 0 no-repeat; }
li#poster02 a:hover { background: transparent url(../subdesign/sml/poster02.gif) 0 -20px no-repeat; }
li#poster03 a { background: transparent url(../subdesign/sml/poster03.gif) 0 0 no-repeat; }
li#poster03 a:hover { background: transparent url(../subdesign/sml/poster03.gif) 0 -20px no-repeat; }
li#poster04 a { background: transparent url(../subdesign/sml/poster04.gif) 0 0 no-repeat; }
li#poster04 a:hover { background: transparent url(../subdesign/sml/poster04.gif) 0 -20px no-repeat; }
li#poster05 a { background: transparent url(../subdesign/sml/poster05.gif) 0 0 no-repeat; }
li#poster05 a:hover { background: transparent url(../subdesign/sml/poster05.gif) 0 -20px no-repeat; }
li#poster06 a { background: transparent url(../subdesign/sml/poster06.gif) 0 0 no-repeat; }
li#poster06 a:hover { background: transparent url(../subdesign/sml/poster06.gif) 0 -20px no-repeat; }
li#poster07 a { background: transparent url(../subdesign/sml/poster07.gif) 0 0 no-repeat; }
li#poster07 a:hover { background: transparent url(../subdesign/sml/poster07.gif) 0 -20px no-repeat; }
li#poster08 a { background: transparent url(../subdesign/sml/poster08.gif) 0 0 no-repeat; }
li#poster08 a:hover { background: transparent url(../subdesign/sml/poster08.gif) 0 -20px no-repeat; }

li#cover01 a { background: transparent url(../subdesign/sml/cover01.gif) 0 0 no-repeat; }
li#cover01 a:hover { background: transparent url(../subdesign/sml/cover01.gif) 0 -20px no-repeat; }
li#cover02 a { background: transparent url(../subdesign/sml/cover02.gif) 0 0 no-repeat; }
li#cover02 a:hover { background: transparent url(../subdesign/sml/cover02.gif) 0 -20px no-repeat; }
li#cover03 a { background: transparent url(../subdesign/sml/cover03.gif) 0 0 no-repeat; }
li#cover03 a:hover { background: transparent url(../subdesign/sml/cover03.gif) 0 -20px no-repeat; }
li#cover04 a { background: transparent url(../subdesign/sml/cover04.gif) 0 0 no-repeat; }
li#cover04 a:hover { background: transparent url(../subdesign/sml/cover04.gif) 0 -20px no-repeat; }
li#cover05 a { background: transparent url(../subdesign/sml/cover05.gif) 0 0 no-repeat; }
li#cover05 a:hover { background: transparent url(../subdesign/sml/cover05.gif) 0 -20px no-repeat; }
li#cover06 a { background: transparent url(../subdesign/sml/cover06.gif) 0 0 no-repeat; }
li#cover06 a:hover { background: transparent url(../subdesign/sml/cover06.gif) 0 -20px no-repeat; }
li#cover07 a { background: transparent url(../subdesign/sml/cover07.gif) 0 0 no-repeat; }
li#cover07 a:hover { background: transparent url(../subdesign/sml/cover07.gif) 0 -20px no-repeat; }
li#cover08 a { background: transparent url(../subdesign/sml/cover08.gif) 0 0 no-repeat; }
li#cover08 a:hover { background: transparent url(../subdesign/sml/cover08.gif) 0 -20px no-repeat; }
li#cover09 a { background: transparent url(../subdesign/sml/cover09.gif) 0 0 no-repeat; }
li#cover09 a:hover { background: transparent url(../subdesign/sml/cover09.gif) 0 -20px no-repeat; }
li#cover10 a { background: transparent url(../subdesign/sml/cover10.gif) 0 0 no-repeat; }
li#cover10 a:hover { background: transparent url(../subdesign/sml/cover10.gif) 0 -20px no-repeat; }

li#entertain01 a { background: transparent url(../subdesign/sml/entertain01.gif) 0 0 no-repeat; }
li#entertain01 a:hover { background: transparent url(../subdesign/sml/entertain01.gif) 0 -20px no-repeat; }
li#entertain02 a { background: transparent url(../subdesign/sml/entertain02.gif) 0 0 no-repeat; }
li#entertain02 a:hover { background: transparent url(../subdesign/sml/entertain02.gif) 0 -20px no-repeat; }
li#entertain03 a { background: transparent url(../subdesign/sml/entertain03.gif) 0 0 no-repeat; }
li#entertain03 a:hover { background: transparent url(../subdesign/sml/entertain03.gif) 0 -20px no-repeat; }
li#entertain04 a { background: transparent url(../subdesign/sml/entertain04.gif) 0 0 no-repeat; }
li#entertain04 a:hover { background: transparent url(../subdesign/sml/entertain04.gif) 0 -20px no-repeat; }
li#entertain05 a { background: transparent url(../subdesign/sml/entertain05.gif) 0 0 no-repeat; }
li#entertain05 a:hover { background: transparent url(../subdesign/sml/entertain05.gif) 0 -20px no-repeat; }
li#entertain06 a { background: transparent url(../subdesign/sml/entertain06.gif) 0 0 no-repeat; }
li#entertain06 a:hover { background: transparent url(../subdesign/sml/entertain06.gif) 0 -20px no-repeat; }
li#entertain07 a { background: transparent url(../subdesign/sml/entertain07.gif) 0 0 no-repeat; }
li#entertain07 a:hover { background: transparent url(../subdesign/sml/entertain07.gif) 0 -20px no-repeat; }
li#entertain08 a { background: transparent url(../subdesign/sml/entertain08.gif) 0 0 no-repeat; }
li#entertain08 a:hover { background: transparent url(../subdesign/sml/entertain08.gif) 0 -20px no-repeat; }
li#entertain09 a { background: transparent url(../subdesign/sml/entertain09.gif) 0 0 no-repeat; }
li#entertain09 a:hover { background: transparent url(../subdesign/sml/entertain09.gif) 0 -20px no-repeat; }
li#entertain10 a { background: transparent url(../subdesign/sml/entertain10.gif) 0 0 no-repeat; }
li#entertain10 a:hover { background: transparent url(../subdesign/sml/entertain10.gif) 0 -20px no-repeat; }
li#entertain11 a { background: transparent url(../subdesign/sml/entertain11.gif) 0 0 no-repeat; }
li#entertain11 a:hover { background: transparent url(../subdesign/sml/entertain11.gif) 0 -20px no-repeat; }
li#entertain12 a { background: transparent url(../subdesign/sml/entertain12.gif) 0 0 no-repeat; }
li#entertain12 a:hover { background: transparent url(../subdesign/sml/entertain12.gif) 0 -20px no-repeat; }
li#entertain13 a { background: transparent url(../subdesign/sml/entertain13.gif) 0 0 no-repeat; }
li#entertain13 a:hover { background: transparent url(../subdesign/sml/entertain13.gif) 0 -20px no-repeat; }
li#entertain14 a { background: transparent url(../subdesign/sml/entertain14.gif) 0 0 no-repeat; }
li#entertain14 a:hover { background: transparent url(../subdesign/sml/entertain14.gif) 0 -20px no-repeat; }
li#entertain15 a { background: transparent url(../subdesign/sml/entertain15.gif) 0 0 no-repeat; }
li#entertain15 a:hover { background: transparent url(../subdesign/sml/entertain15.gif) 0 -20px no-repeat; }
li#entertain16 a { background: transparent url(../subdesign/sml/entertain16.gif) 0 0 no-repeat; }
li#entertain16 a:hover { background: transparent url(../subdesign/sml/entertain16.gif) 0 -20px no-repeat; }

li#experi01 a { background: transparent url(../subdesign/sml/experi01.gif) 0 0 no-repeat; }
li#experi01 a:hover { background: transparent url(../subdesign/sml/experi01.gif) 0 -20px no-repeat; }
li#experi02 a { background: transparent url(../subdesign/sml/experi02.gif) 0 0 no-repeat; }
li#experi02 a:hover { background: transparent url(../subdesign/sml/experi02.gif) 0 -20px no-repeat; }
li#experi03 a { background: transparent url(../subdesign/sml/experi03.gif) 0 0 no-repeat; }
li#experi03 a:hover { background: transparent url(../subdesign/sml/experi03.gif) 0 -20px no-repeat; }

li#pack01 a { background: transparent url(../subdesign/sml/pack01.gif) 0 0 no-repeat; }
li#pack01 a:hover { background: transparent url(../subdesign/sml/pack01.gif) 0 -20px no-repeat; }
li#pack02 a { background: transparent url(../subdesign/sml/pack02.gif) 0 0 no-repeat; }
li#pack02 a:hover { background: transparent url(../subdesign/sml/pack02.gif) 0 -20px no-repeat; }
li#pack03 a { background: transparent url(../subdesign/sml/pack03.gif) 0 0 no-repeat; }
li#pack03 a:hover { background: transparent url(../subdesign/sml/pack03.gif) 0 -20px no-repeat; }
li#pack04 a { background: transparent url(../subdesign/sml/pack04.gif) 0 0 no-repeat; }
li#pack04 a:hover { background: transparent url(../subdesign/sml/pack04.gif) 0 -20px no-repeat; }

li#logo01 a { background: transparent url(../subdesign/sml/logo01.gif) 0 0 no-repeat; }
li#logo01 a:hover { background: transparent url(../subdesign/sml/logo01.gif) 0 -20px no-repeat; }
li#logo02 a { background: transparent url(../subdesign/sml/logo02.gif) 0 0 no-repeat; }
li#logo02 a:hover { background: transparent url(../subdesign/sml/logo02.gif) 0 -20px no-repeat; }
li#logo03 a { background: transparent url(../subdesign/sml/logo03.gif) 0 0 no-repeat; }
li#logo03 a:hover { background: transparent url(../subdesign/sml/logo03.gif) 0 -20px no-repeat; }
li#logo04 a { background: transparent url(../subdesign/sml/logo04.gif) 0 0 no-repeat; }
li#logo04 a:hover { background: transparent url(../subdesign/sml/logo04.gif) 0 -20px no-repeat; }
li#logo05 a { background: transparent url(../subdesign/sml/logo05.gif) 0 0 no-repeat; }
li#logo05 a:hover { background: transparent url(../subdesign/sml/logo05.gif) 0 -20px no-repeat; }
li#logo06 a { background: transparent url(../subdesign/sml/logo06.gif) 0 0 no-repeat; }
li#logo06 a:hover { background: transparent url(../subdesign/sml/logo06.gif) 0 -20px no-repeat; }
li#logo07 a { background: transparent url(../subdesign/sml/logo07.gif) 0 0 no-repeat; }
li#logo07 a:hover { background: transparent url(../subdesign/sml/logo07.gif) 0 -20px no-repeat; }
li#logo08 a { background: transparent url(../subdesign/sml/logo08.gif) 0 0 no-repeat; }
li#logo08 a:hover { background: transparent url(../subdesign/sml/logo08.gif) 0 -20px no-repeat; }
li#logo09 a { background: transparent url(../subdesign/sml/logo09.gif) 0 0 no-repeat; }
li#logo09 a:hover { background: transparent url(../subdesign/sml/logo09.gif) 0 -20px no-repeat; }

li#promo01 a { background: transparent url(../subdesign/sml/promo01.gif) 0 0 no-repeat; }
li#promo01 a:hover { background: transparent url(../subdesign/sml/promo01.gif) 0 -20px no-repeat; }
li#promo02 a { background: transparent url(../subdesign/sml/promo03.gif) 0 0 no-repeat; }
li#promo02 a:hover { background: transparent url(../subdesign/sml/promo03.gif) 0 -20px no-repeat; }
li#promo03 a { background: transparent url(../subdesign/sml/promo04.gif) 0 0 no-repeat; }
li#promo03 a:hover { background: transparent url(../subdesign/sml/promo04.gif) 0 -20px no-repeat; }
li#promo04 a { background: transparent url(../subdesign/sml/promo05.gif) 0 0 no-repeat; }
li#promo04 a:hover { background: transparent url(../subdesign/sml/promo05.gif) 0 -20px no-repeat; }
li#promo05 a { background: transparent url(../subdesign/sml/promo06.gif) 0 0 no-repeat; }
li#promo05 a:hover { background: transparent url(../subdesign/sml/promo06.gif) 0 -20px no-repeat; }
li#promo06 a { background: transparent url(../subdesign/sml/promo07.gif) 0 0 no-repeat; }
li#promo06 a:hover { background: transparent url(../subdesign/sml/promo07.gif) 0 -20px no-repeat; }
li#promo07 a { background: transparent url(../subdesign/sml/promo08.gif) 0 0 no-repeat; }
li#promo07 a:hover { background: transparent url(../subdesign/sml/promo08.gif) 0 -20px no-repeat; }
li#promo08 a { background: transparent url(../subdesign/sml/promo09.jpg) 0 0 no-repeat; }
li#promo08 a:hover { background: transparent url(../subdesign/sml/promo09.jpg) 0 -20px no-repeat; }
/* end of graphic design */

/* digital media */
/* for interactive section in the future
li#interactive01 a { background: transparent url(../submedia/sml/interactive01.gif) 0 0 no-repeat; }
li#interactive01 a:hover { background: transparent url(../submedia/sml/interactive01.gif) 0 -20px no-repeat; }
li#interactive02 a { background: transparent url(../submedia/sml/interactive02.gif) 0 0 no-repeat; }
li#interactive02 a:hover { background: transparent url(../submedia/sml/interactive02.gif) 0 -20px no-repeat; }
li#interactive03 a { background: transparent url(../submedia/sml/interactive03.gif) 0 0 no-repeat; }
li#interactive03 a:hover { background: transparent url(../submedia/sml/interactive03.gif) 0 -20px no-repeat; }
li#interactive04 a { background: transparent url(../submedia/sml/interactive04.gif) 0 0 no-repeat; }
li#interactive04 a:hover { background: transparent url(../submedia/sml/interactive04.gif) 0 -20px no-repeat; }
li#interactive05 a { background: transparent url(../submedia/sml/interactive05.gif) 0 0 no-repeat; }
li#interactive05 a:hover { background: transparent url(../submedia/sml/interactive05.gif) 0 -20px no-repeat; }
li#interactive06 a { background: transparent url(../submedia/sml/interactive06.gif) 0 0 no-repeat; }
li#interactive06 a:hover { background: transparent url(../submedia/sml/interactive06.gif) 0 -20px no-repeat; }
li#interactive07 a { background: transparent url(../submedia/sml/interactive07.gif) 0 0 no-repeat; }
li#interactive07 a:hover { background: transparent url(../submedia/sml/interactive07.gif) 0 -20px no-repeat; }
li#interactive08 a { background: transparent url(../submedia/sml/interactive08.gif) 0 0 no-repeat; }
li#interactive08 a:hover { background: transparent url(../submedia/sml/interactive08.gif) 0 -20px no-repeat; }
*/

li#web01 a { background: transparent url(../submedia/sml/web01.gif) 0 0 no-repeat; }
li#web01 a:hover { background: transparent url(../submedia/sml/web01.gif) 0 -20px no-repeat; }
li#web02 a { background: transparent url(../submedia/sml/web02.gif) 0 0 no-repeat; }
li#interactive02 a:hover { background: transparent url(../submedia/sml/web02.gif) 0 -20px no-repeat; }
li#web03 a { background: transparent url(../submedia/sml/web03.gif) 0 0 no-repeat; }
li#interactive03 a:hover { background: transparent url(../submedia/sml/web03.gif) 0 -20px no-repeat; }
li#web04 a { background: transparent url(../submedia/sml/web04.gif) 0 0 no-repeat; }
li#web04 a:hover { background: transparent url(../submedia/sml/web04.gif) 0 -20px no-repeat; }
li#web05 a { background: transparent url(../submedia/sml/web05.gif) 0 0 no-repeat; }
li#web05 a:hover { background: transparent url(../submedia/sml/web05.gif) 0 -20px no-repeat; }
li#web06 a { background: transparent url(../submedia/sml/web06.gif) 0 0 no-repeat; }
li#web06 a:hover { background: transparent url(../submedia/sml/web06.gif) 0 -20px no-repeat; }
li#web07 a { background: transparent url(../submedia/sml/web07.gif) 0 0 no-repeat; }
li#web07 a:hover { background: transparent url(../submedia/sml/web07.gif) 0 -20px no-repeat; }
li#web08 a { background: transparent url(../submedia/sml/web08.gif) 0 0 no-repeat; }
li#web08 a:hover { background: transparent url(../submedia/sml/web08.gif) 0 -20px no-repeat; }
li#web09 a { background: transparent url(../submedia/sml/web09.gif) 0 0 no-repeat; }
li#web09 a:hover { background: transparent url(../submedia/sml/web09.gif) 0 -20px no-repeat; }
li#web_jj a { background: transparent url(../submedia/sml/web_jj.gif) 0 0 no-repeat; }
li#web_jj a:hover { background: transparent url(../submedia/sml/web_jj.gif) 0 -20px no-repeat; }
li#web_cradlr a { background: transparent url(../submedia/sml/web_cradlr.gif) 0 0 no-repeat; }
li#web_cradlr a:hover { background: transparent url(../submedia/sml/web_cradlr.gif) 0 -20px no-repeat; }


li#animotion01 a { background: transparent url(../submedia/sml/animotion01.gif) 0 0 no-repeat; }
li#animotion01 a:hover { background: transparent url(../submedia/sml/animotion01.gif) 0 -20px no-repeat; }
li#animotion02 a { background: transparent url(../submedia/sml/animotion02.gif) 0 0 no-repeat; }
li#animotion02 a:hover { background: transparent url(../submedia/sml/animotion02.gif) 0 -20px no-repeat; }
li#animotion03 a { background: transparent url(../submedia/sml/animotion03.gif) 0 0 no-repeat; }
li#animotion03 a:hover { background: transparent url(../submedia/sml/animotion03.gif) 0 -20px no-repeat; }
li#animotion04 a { background: transparent url(../submedia/sml/animotion04.gif) 0 0 no-repeat; }
li#animotion04 a:hover { background: transparent url(../submedia/sml/animotion04.gif) 0 -20px no-repeat; }
li#animotion05 a { background: transparent url(../submedia/sml/animotion05.gif) 0 0 no-repeat; }
li#animotion05 a:hover { background: transparent url(../submedia/sml/animotion05.gif) 0 -20px no-repeat; }
li#animotion06 a { background: transparent url(../submedia/sml/animotion06.gif) 0 0 no-repeat; }
li#animotion06 a:hover { background: transparent url(../submedia/sml/animotion06.gif) 0 -20px no-repeat; }
li#animotion07 a { background: transparent url(../submedia/sml/animotion07.gif) 0 0 no-repeat; }
li#animotion07 a:hover { background: transparent url(../submedia/sml/animotion07.gif) 0 -20px no-repeat; }
li#animotion08 a { background: transparent url(../submedia/sml/animotion08.gif) 0 0 no-repeat; }
li#animotion08 a:hover { background: transparent url(../submedia/sml/animotion08.gif) 0 -20px no-repeat; }


li#digimage01 a { background: transparent url(../submedia/sml/digimage01.gif) 0 0 no-repeat; }
li#digimage01 a:hover { background: transparent url(../submedia/sml/digimage01.gif) 0 -20px no-repeat; }
li#digimage02 a { background: transparent url(../submedia/sml/digimage02.gif) 0 0 no-repeat; }
li#digimage02 a:hover { background: transparent url(../submedia/sml/digimage02.gif) 0 -20px no-repeat; }
li#digimage03 a { background: transparent url(../submedia/sml/digimage03.gif) 0 0 no-repeat; }
li#digimage03 a:hover { background: transparent url(../submedia/sml/digimage03.gif) 0 -20px no-repeat; }
li#digimage04 a { background: transparent url(../submedia/sml/digimage04.gif) 0 0 no-repeat; }
li#digimage04 a:hover { background: transparent url(../submedia/sml/digimage04.gif) 0 -20px no-repeat; }
li#digimage05 a { background: transparent url(../submedia/sml/digimage05.gif) 0 0 no-repeat; }
li#digimage05 a:hover { background: transparent url(../submedia/sml/digimage05.gif) 0 -20px no-repeat; }
li#digimage06 a { background: transparent url(../submedia/sml/digimage06.gif) 0 0 no-repeat; }
li#digimage06 a:hover { background: transparent url(../submedia/sml/digimage06.gif) 0 -20px no-repeat; }
li#digimage07 a { background: transparent url(../submedia/sml/digimage07.gif) 0 0 no-repeat; }
li#digimage07 a:hover { background: transparent url(../submedia/sml/digimage07.gif) 0 -20px no-repeat; }
li#digimage08 a { background: transparent url(../submedia/sml/digimage08.gif) 0 0 no-repeat; }
li#digimage08 a:hover { background: transparent url(../submedia/sml/digimage08.gif) 0 -20px no-repeat; }


li#interact01 a { background: transparent url(../submedia/sml/interact01.gif) 0 0 no-repeat; }
li#interact01 a:hover { background: transparent url(../submedia/sml/interact01.gif) 0 -20px no-repeat; }
li#interact02 a { background: transparent url(../submedia/sml/interact02.gif) 0 0 no-repeat; }
li#interact02 a:hover { background: transparent url(../submedia/sml/interact02.gif) 0 -20px no-repeat; }
li#interact03 a { background: transparent url(../submedia/sml/interact03.gif) 0 0 no-repeat; }
li#interact03 a:hover { background: transparent url(../submedia/sml/interact03.gif) 0 -20px no-repeat; }
li#interact04 a { background: transparent url(../submedia/sml/interact04.gif) 0 0 no-repeat; }
li#interact04 a:hover { background: transparent url(../submedia/sml/interact04.gif) 0 -20px no-repeat; }
li#interact05 a { background: transparent url(../submedia/sml/interact05.gif) 0 0 no-repeat; }
li#interact05 a:hover { background: transparent url(../submedia/sml/interact05.gif) 0 -20px no-repeat; }
li#interact06 a { background: transparent url(../submedia/sml/interact06.gif) 0 0 no-repeat; }
li#interact06 a:hover { background: transparent url(../submedia/sml/interact06.gif) 0 -20px no-repeat; }
li#interact07 a { background: transparent url(../submedia/sml/interact07.gif) 0 0 no-repeat; }
li#interact07 a:hover { background: transparent url(../submedia/sml/interact07.gif) 0 -20px no-repeat; }
li#interact08 a { background: transparent url(../submedia/sml/interact08.gif) 0 0 no-repeat; }
li#interact08 a:hover { background: transparent url(../submedia/sml/interact08.gif) 0 -20px no-repeat; }


li#threed01 a { background: transparent url(../submedia/sml/3d01.gif) 0 0 no-repeat; }
li#threed01 a:hover { background: transparent url(../submedia/sml/3d01.gif) 0 -20px no-repeat; }
li#threed02 a { background: transparent url(../submedia/sml/3d02.gif) 0 0 no-repeat; }
li#threed02 a:hover { background: transparent url(../submedia/sml/3d02.gif) 0 -20px no-repeat; }
li#threed03 a { background: transparent url(../submedia/sml/3d03.gif) 0 0 no-repeat; }
li#threed03 a:hover { background: transparent url(../submedia/sml/3d03.gif) 0 -20px no-repeat; }
li#threed04 a { background: transparent url(../submedia/sml/3d04.gif) 0 0 no-repeat; }
li#threed04 a:hover { background: transparent url(../submedia/sml/3d04.gif) 0 -20px no-repeat; }
li#threed05 a { background: transparent url(../submedia/sml/3d05.gif) 0 0 no-repeat; }
li#threed05 a:hover { background: transparent url(../submedia/sml/3d05.gif) 0 -20px no-repeat; }
li#threed06 a { background: transparent url(../submedia/sml/3d06.gif) 0 0 no-repeat; }
li#threed06 a:hover { background: transparent url(../submedia/sml/3d06.gif) 0 -20px no-repeat; }
li#threed07 a { background: transparent url(../submedia/sml/3d07.gif) 0 0 no-repeat; }
li#threed07 a:hover { background: transparent url(../submedia/sml/3d07.gif) 0 -20px no-repeat; }
li#threed08 a { background: transparent url(../submedia/sml/3d08.gif) 0 0 no-repeat; }
li#threed08 a:hover { background: transparent url(../submedia/sml/3d08.gif) 0 -20px no-repeat; }
li#threed09 a { background: transparent url(../submedia/sml/3d09.gif) 0 0 no-repeat; }
li#threed09 a:hover { background: transparent url(../submedia/sml/3d09.gif) 0 -20px no-repeat; }
li#threed10 a { background: transparent url(../submedia/sml/3d10.gif) 0 0 no-repeat; }
li#threed10 a:hover { background: transparent url(../submedia/sml/3d10.gif) 0 -20px no-repeat; }
li#threed11 a { background: transparent url(../submedia/sml/3d11.gif) 0 0 no-repeat; }
li#threed11 a:hover { background: transparent url(../submedia/sml/3d11.gif) 0 -20px no-repeat; }
li#threed12 a { background: transparent url(../submedia/sml/3d12.gif) 0 0 no-repeat; }
li#threed12 a:hover { background: transparent url(../submedia/sml/3d12.gif) 0 -20px no-repeat; }
li#threed13 a { background: transparent url(../submedia/sml/3d13.gif) 0 0 no-repeat; }
li#threed13 a:hover { background: transparent url(../submedia/sml/3d13.gif) 0 -20px no-repeat; }
li#threed14 a { background: transparent url(../submedia/sml/3d14.gif) 0 0 no-repeat; }
li#threed14 a:hover { background: transparent url(../submedia/sml/3d14.gif) 0 -20px no-repeat; }
li#threed15 a { background: transparent url(../submedia/sml/3d15.gif) 0 0 no-repeat; }
li#threed15 a:hover { background: transparent url(../submedia/sml/3d15.gif) 0 -20px no-repeat; }
li#threed16 a { background: transparent url(../submedia/sml/3d16.gif) 0 0 no-repeat; }
li#threed16 a:hover { background: transparent url(../submedia/sml/3d16.gif) 0 -20px no-repeat; }


li#exercise01 a { background: transparent url(../submedia/sml/exercise01.gif) 0 0 no-repeat; }
li#exercise01 a:hover { background: transparent url(../submedia/sml/exercise01.gif) 0 -20px no-repeat; }
li#exercise02 a { background: transparent url(../submedia/sml/exercise02.gif) 0 0 no-repeat; }
li#exercise02 a:hover { background: transparent url(../submedia/sml/exercise02.gif) 0 -20px no-repeat; }
li#exercise03 a { background: transparent url(../submedia/sml/exercise03.gif) 0 0 no-repeat; }
li#exercise03 a:hover { background: transparent url(../submedia/sml/exercise03.gif) 0 -20px no-repeat; }
li#exercise04 a { background: transparent url(../submedia/sml/exercise04.gif) 0 0 no-repeat; }
li#exercise04 a:hover { background: transparent url(../submedia/sml/exercise04.gif) 0 -20px no-repeat; }
li#exercise05 a { background: transparent url(../submedia/sml/exercise05.gif) 0 0 no-repeat; }
li#exercise05 a:hover { background: transparent url(../submedia/sml/exercise05.gif) 0 -20px no-repeat; }
li#exercise06 a { background: transparent url(../submedia/sml/exercise06.gif) 0 0 no-repeat; }
li#exercise06 a:hover { background: transparent url(../submedia/sml/exercise06.gif) 0 -20px no-repeat; }
li#exercise07 a { background: transparent url(../submedia/sml/exercise07.gif) 0 0 no-repeat; }
li#exercise07 a:hover { background: transparent url(../submedia/sml/exercise07.gif) 0 -20px no-repeat; }
li#exercise08 a { background: transparent url(../submedia/sml/exercise08.gif) 0 0 no-repeat; }
li#exercise08 a:hover { background: transparent url(../submedia/sml/exercise08.gif) 0 -20px no-repeat; }
li#exercise09 a { background: transparent url(../submedia/sml/exercise09.gif) 0 0 no-repeat; }
li#exercise09 a:hover { background: transparent url(../submedia/sml/exercise09.gif) 0 -20px no-repeat; }
li#exercise10 a { background: transparent url(../submedia/sml/exercise10.gif) 0 0 no-repeat; }
li#exercise10 a:hover { background: transparent url(../submedia/sml/exercise10.gif) 0 -20px no-repeat; }
li#exercise11 a { background: transparent url(../submedia/sml/exercise11.gif) 0 0 no-repeat; }
li#exercise11 a:hover { background: transparent url(../submedia/sml/exercise11.gif) 0 -20px no-repeat; }
li#exercise12 a { background: transparent url(../submedia/sml/exercise12.gif) 0 0 no-repeat; }
li#exercise12 a:hover { background: transparent url(../submedia/sml/exercise12.gif) 0 -20px no-repeat; }
li#exercise13 a { background: transparent url(../submedia/sml/exercise13.gif) 0 0 no-repeat; }
li#exercise13 a:hover { background: transparent url(../submedia/sml/exercise13.gif) 0 -20px no-repeat; }
li#exercise14 a { background: transparent url(../submedia/sml/exercise14.gif) 0 0 no-repeat; }
li#exercise14 a:hover { background: transparent url(../submedia/sml/exercise14.gif) 0 -20px no-repeat; }
li#exercise15 a { background: transparent url(../submedia/sml/exercise15.gif) 0 0 no-repeat; }
li#exercise15 a:hover { background: transparent url(../submedia/sml/exercise15.gif) 0 -20px no-repeat; }
li#exercise16 a { background: transparent url(../submedia/sml/exercise16.gif) 0 0 no-repeat; }
li#exercise16 a:hover { background: transparent url(../submedia/sml/exercise16.gif) 0 -20px no-repeat; }
/* end of digital media */

/* fine arts */
li#foto01 a { background: transparent url(../subarts/sml/foto01.gif) 0 0 no-repeat; }
li#foto01 a:hover { background: transparent url(../subarts/sml/foto01.gif) 0 -20px no-repeat; }
li#foto02 a { background: transparent url(../subarts/sml/foto02.gif) 0 0 no-repeat; }
li#foto02 a:hover { background: transparent url(../subarts/sml/foto02.gif) 0 -20px no-repeat; }
li#foto03 a { background: transparent url(../subarts/sml/foto03.gif) 0 0 no-repeat; }
li#foto03 a:hover { background: transparent url(../subarts/sml/foto03.gif) 0 -20px no-repeat; }
li#foto04 a { background: transparent url(../subarts/sml/foto04.gif) 0 0 no-repeat; }
li#foto04 a:hover { background: transparent url(../subarts/sml/foto04.gif) 0 -20px no-repeat; }
li#foto05 a { background: transparent url(../subarts/sml/foto05.gif) 0 0 no-repeat; }
li#foto05 a:hover { background: transparent url(../subarts/sml/foto05.gif) 0 -20px no-repeat; }
li#foto06 a { background: transparent url(../subarts/sml/foto06.gif) 0 0 no-repeat; }
li#foto06 a:hover { background: transparent url(../subarts/sml/foto06.gif) 0 -20px no-repeat; }
li#foto07 a { background: transparent url(../subarts/sml/foto07.gif) 0 0 no-repeat; }
li#foto07 a:hover { background: transparent url(../subarts/sml/foto07.gif) 0 -20px no-repeat; }
li#foto08 a { background: transparent url(../subarts/sml/foto08.gif) 0 0 no-repeat; }
li#foto08 a:hover { background: transparent url(../subarts/sml/foto08.gif) 0 -20px no-repeat; }
li#foto09 a { background: transparent url(../subarts/sml/foto09.gif) 0 0 no-repeat; }
li#foto09 a:hover { background: transparent url(../subarts/sml/foto09.gif) 0 -20px no-repeat; }
li#foto10 a { background: transparent url(../subarts/sml/foto10.gif) 0 0 no-repeat; }
li#foto10 a:hover { background: transparent url(../subarts/sml/foto10.gif) 0 -20px no-repeat; }
li#foto11 a { background: transparent url(../subarts/sml/foto11.gif) 0 0 no-repeat; }
li#foto11 a:hover { background: transparent url(../subarts/sml/foto11.gif) 0 -20px no-repeat; }
li#foto12 a { background: transparent url(../subarts/sml/foto12.gif) 0 0 no-repeat; }
li#foto12 a:hover { background: transparent url(../subarts/sml/foto12.gif) 0 -20px no-repeat; }
li#foto13 a { background: transparent url(../subarts/sml/foto13.gif) 0 0 no-repeat; }
li#foto13 a:hover { background: transparent url(../subarts/sml/foto13.gif) 0 -20px no-repeat; }
li#foto14 a { background: transparent url(../subarts/sml/foto14.gif) 0 0 no-repeat; }
li#foto14 a:hover { background: transparent url(../subarts/sml/foto14.gif) 0 -20px no-repeat; }
li#foto15 a { background: transparent url(../subarts/sml/foto15.gif) 0 0 no-repeat; }
li#foto15 a:hover { background: transparent url(../subarts/sml/foto15.gif) 0 -20px no-repeat; }
li#foto16 a { background: transparent url(../subarts/sml/foto16.gif) 0 0 no-repeat; }
li#foto16 a:hover { background: transparent url(../subarts/sml/foto16.gif) 0 -20px no-repeat; }

li#painting01 a { background: transparent url(../subarts/sml/painting01.gif) 0 0 no-repeat; }
li#painting01 a:hover { background: transparent url(../subarts/sml/painting01.gif) 0 -20px no-repeat; }
li#painting02 a { background: transparent url(../subarts/sml/painting02.gif) 0 0 no-repeat; }
li#painting02 a:hover { background: transparent url(../subarts/sml/painting02.gif) 0 -20px no-repeat; }
li#painting03 a { background: transparent url(../subarts/sml/painting03.gif) 0 0 no-repeat; }
li#painting03 a:hover { background: transparent url(../subarts/sml/painting03.gif) 0 -20px no-repeat; }
li#painting04 a { background: transparent url(../subarts/sml/painting04.gif) 0 0 no-repeat; }
li#painting04 a:hover { background: transparent url(../subarts/sml/painting04.gif) 0 -20px no-repeat; }
li#painting05 a { background: transparent url(../subarts/sml/painting05.gif) 0 0 no-repeat; }
li#painting05 a:hover { background: transparent url(../subarts/sml/painting05.gif) 0 -20px no-repeat; }
li#painting06 a { background: transparent url(../subarts/sml/painting06.gif) 0 0 no-repeat; }
li#painting06 a:hover { background: transparent url(../subarts/sml/painting06.gif) 0 -20px no-repeat; }
li#painting07 a { background: transparent url(../subarts/sml/painting07.gif) 0 0 no-repeat; }
li#painting07 a:hover { background: transparent url(../subarts/sml/painting07.gif) 0 -20px no-repeat; }

li#drawing01 a { background: transparent url(../subarts/sml/drawing01.gif) 0 0 no-repeat; }
li#drawing01 a:hover { background: transparent url(../subarts/sml/drawing01.gif) 0 -20px no-repeat; }
li#drawing02 a { background: transparent url(../subarts/sml/drawing02.gif) 0 0 no-repeat; }
li#drawing02 a:hover { background: transparent url(../subarts/sml/drawing02.gif) 0 -20px no-repeat; }
li#drawing03 a { background: transparent url(../subarts/sml/drawing03.gif) 0 0 no-repeat; }
li#drawing03 a:hover { background: transparent url(../subarts/sml/drawing03.gif) 0 -20px no-repeat; }
li#drawing04 a { background: transparent url(../subarts/sml/drawing04.gif) 0 0 no-repeat; }
li#drawing04 a:hover { background: transparent url(../subarts/sml/drawing04.gif) 0 -20px no-repeat; }
li#drawing05 a { background: transparent url(../subarts/sml/drawing05.gif) 0 0 no-repeat; }
li#drawing05 a:hover { background: transparent url(../subarts/sml/drawing05.gif) 0 -20px no-repeat; }
li#drawing06 a { background: transparent url(../subarts/sml/drawing06.gif) 0 0 no-repeat; }
li#drawing06 a:hover { background: transparent url(../subarts/sml/drawing06.gif) 0 -20px no-repeat; }
li#drawing07 a { background: transparent url(../subarts/sml/drawing07.gif) 0 0 no-repeat; }
li#drawing07 a:hover { background: transparent url(../subarts/sml/drawing07.gif) 0 -20px no-repeat; }
li#drawing08 a { background: transparent url(../subarts/sml/drawing08.gif) 0 0 no-repeat; }
li#drawing08 a:hover { background: transparent url(../subarts/sml/drawing08.gif) 0 -20px no-repeat; }
li#drawing09 a { background: transparent url(../subarts/sml/drawing09.gif) 0 0 no-repeat; }
li#drawing09 a:hover { background: transparent url(../subarts/sml/drawing09.gif) 0 -20px no-repeat; }
li#drawing10 a { background: transparent url(../subarts/sml/drawing10.gif) 0 0 no-repeat; }
li#drawing10 a:hover { background: transparent url(../subarts/sml/drawing10.gif) 0 -20px no-repeat; }

li#illustration01 a { background: transparent url(../subarts/sml/illustration01.gif) 0 0 no-repeat; }
li#illustration01 a:hover { background: transparent url(../subarts/sml/illustration01.gif) 0 -20px no-repeat; }
li#illustration02 a { background: transparent url(../subarts/sml/illustration02.gif) 0 0 no-repeat; }
li#illustration02 a:hover { background: transparent url(../subarts/sml/illustration02.gif) 0 -20px no-repeat; }
li#illustration03 a { background: transparent url(../subarts/sml/illustration03.gif) 0 0 no-repeat; }
li#illustration03 a:hover { background: transparent url(../subarts/sml/illustration03.gif) 0 -20px no-repeat; }
li#illustration04 a { background: transparent url(../subarts/sml/illustration04.gif) 0 0 no-repeat; }
li#illustration04 a:hover { background: transparent url(../subarts/sml/illustration04.gif) 0 -20px no-repeat; }
li#illustration05 a { background: transparent url(../subarts/sml/illustration05.gif) 0 0 no-repeat; }
li#illustration05 a:hover { background: transparent url(../subarts/sml/illustration05.gif) 0 -20px no-repeat; }
li#illustration06 a { background: transparent url(../subarts/sml/illustration06.gif) 0 0 no-repeat; }
li#illustration06 a:hover { background: transparent url(../subarts/sml/illustration06.gif) 0 -20px no-repeat; }
li#illustration07 a { background: transparent url(../subarts/sml/illustration07.gif) 0 0 no-repeat; }
li#illustration07 a:hover { background: transparent url(../subarts/sml/illustration07.gif) 0 -20px no-repeat; }
li#illustration08 a { background: transparent url(../subarts/sml/illustration08.gif) 0 0 no-repeat; }
li#illustration08 a:hover { background: transparent url(../subarts/sml/illustration08.gif) 0 -20px no-repeat; }
li#illustration09 a { background: transparent url(../subarts/sml/illustration09.gif) 0 0 no-repeat; }
li#illustration09 a:hover { background: transparent url(../subarts/sml/illustration09.gif) 0 -20px no-repeat; }
li#illustration10 a { background: transparent url(../subarts/sml/illustration10.gif) 0 0 no-repeat; }
li#illustration10 a:hover { background: transparent url(../subarts/sml/illustration10.gif) 0 -20px no-repeat; }
li#illustration11 a { background: transparent url(../subarts/sml/illustration11.gif) 0 0 no-repeat; }
li#illustration11 a:hover { background: transparent url(../subarts/sml/illustration11.gif) 0 -20px no-repeat; }

li#print01 a { background: transparent url(../subarts/sml/print01.gif) 0 0 no-repeat; }
li#print01 a:hover { background: transparent url(../subarts/sml/print01.gif) 0 -20px no-repeat; }
li#print02 a { background: transparent url(../subarts/sml/print02.gif) 0 0 no-repeat; }
li#print02 a:hover { background: transparent url(../subarts/sml/print02.gif) 0 -20px no-repeat; }
li#print03 a { background: transparent url(../subarts/sml/print03.gif) 0 0 no-repeat; }
li#print03 a:hover { background: transparent url(../subarts/sml/print03.gif) 0 -20px no-repeat; }
li#print04 a { background: transparent url(../subarts/sml/print04.gif) 0 0 no-repeat; }
li#print04 a:hover { background: transparent url(../subarts/sml/print04.gif) 0 -20px no-repeat; }
li#print05 a { background: transparent url(../subarts/sml/print05.gif) 0 0 no-repeat; }
li#print05 a:hover { background: transparent url(../subarts/sml/print05.gif) 0 -20px no-repeat; }
li#print06 a { background: transparent url(../subarts/sml/print06.gif) 0 0 no-repeat; }
li#print06 a:hover { background: transparent url(../subarts/sml/print06.gif) 0 -20px no-repeat; }
li#print07 a { background: transparent url(../subarts/sml/print07.gif) 0 0 no-repeat; }
li#print07 a:hover { background: transparent url(../subarts/sml/print07.gif) 0 -20px no-repeat; }
li#print08 a { background: transparent url(../subarts/sml/print08.gif) 0 0 no-repeat; }
li#print08 a:hover { background: transparent url(../subarts/sml/print08.gif) 0 -20px no-repeat; }

li#ceramics01 a { background: transparent url(../subarts/sml/ceramics01.gif) 0 0 no-repeat; }
li#ceramics01 a:hover { background: transparent url(../subarts/sml/ceramics01.gif) 0 -20px no-repeat; }
li#ceramics02 a { background: transparent url(../subarts/sml/ceramics02.gif) 0 0 no-repeat; }
li#ceramics02 a:hover { background: transparent url(../subarts/sml/ceramics02.gif) 0 -20px no-repeat; }
li#ceramics03 a { background: transparent url(../subarts/sml/ceramics03.gif) 0 0 no-repeat; }
li#ceramics03 a:hover { background: transparent url(../subarts/sml/ceramics03.gif) 0 -20px no-repeat; }
li#ceramics04 a { background: transparent url(../subarts/sml/ceramics04.gif) 0 0 no-repeat; }
li#ceramics04 a:hover { background: transparent url(../subarts/sml/ceramics04.gif) 0 -20px no-repeat; }
li#ceramics05 a { background: transparent url(../subarts/sml/ceramics05.gif) 0 0 no-repeat; }
li#ceramics05 a:hover { background: transparent url(../subarts/sml/ceramics05.gif) 0 -20px no-repeat; }
li#ceramics06 a { background: transparent url(../subarts/sml/ceramics06.gif) 0 0 no-repeat; }
li#ceramics06 a:hover { background: transparent url(../subarts/sml/ceramics06.gif) 0 -20px no-repeat; }
li#ceramics07 a { background: transparent url(../subarts/sml/ceramics07.gif) 0 0 no-repeat; }
li#ceramics07 a:hover { background: transparent url(../subarts/sml/ceramics07.gif) 0 -20px no-repeat; }
li#ceramics08 a { background: transparent url(../subarts/sml/ceramics08.gif) 0 0 no-repeat; }
li#ceramics08 a:hover { background: transparent url(../subarts/sml/ceramics08.gif) 0 -20px no-repeat; }
li#ceramics09 a { background: transparent url(../subarts/sml/ceramics09.gif) 0 0 no-repeat; }
li#ceramics09 a:hover { background: transparent url(../subarts/sml/ceramics09.gif) 0 -20px no-repeat; }
li#ceramics10 a { background: transparent url(../subarts/sml/ceramics10.gif) 0 0 no-repeat; }
li#ceramics10 a:hover { background: transparent url(../subarts/sml/ceramics10.gif) 0 -20px no-repeat; }
li#ceramics11 a { background: transparent url(../subarts/sml/ceramics11.gif) 0 0 no-repeat; }
li#ceramics11 a:hover { background: transparent url(../subarts/sml/ceramics11.gif) 0 -20px no-repeat; }
li#ceramics12 a { background: transparent url(../subarts/sml/ceramics12.gif) 0 0 no-repeat; }
li#ceramics12 a:hover { background: transparent url(../subarts/sml/ceramics12.gif) 0 -20px no-repeat; }
/* end of fine arts */


li#webtest01 a { background: transparent url(../graphics/testbg.gif) 0 0 no-repeat; }
li#webtest01 a:hover { background: transparent url(../graphics/testbg.gif) 0 -20px no-repeat; }
li#webtest02 a { background: transparent url(../graphics/testbg.gif) 0 0 no-repeat; }
li#webtest02 a:hover { background: transparent url(../graphics/testbg.gif) 0 -20px no-repeat; }
/*** end of categories list content ***/


/* end of categories div */