/* rollover.css */

body {
margin:0;
padding:0;
background-image: url(pics/bg_gradient.png);
background-repeat: repeat-x; 
background-color: #232323;
}

#sq_nav {
position: relative;
width: 791px;
height: 791px;
background: #000 url(pics/2_squares_webpage.jpg) no-repeat;
margin: 2em auto;
padding: 0;
}
#sq_nav li {
display:block;
position:absolute;
list-style:none;
margin:0;
padding:0;
}
#sq_nav a {
display:block;
text-indent:-9999px;
text-decoration:none;
outline:none;
cursor:default;
}
#thedicelab {left: 494px; top: 494px; width: 294px; height: 294px; z-index: 10;}
#bookcoversandposters {left: 494px; top: 368px; width: 126px; height: 126px; z-index: 10;}
#autological {left: 620px; top: 326px; width: 168px; height: 168px; z-index: 10;}
#instagram {left: 578px; top: 326px; width: 42px; height: 42px; z-index: 10;}
#tshirts {left: 655px; top: 193px; width: 133px; height: 133px; z-index: 10;}
#will {left: 382px; top: 417px; width: 112px; height: 112px; z-index: 10;}
#mastodon {left: 445px; top: 368px; width: 49px; height: 49px; z-index: 10;}
#about2 {left: 382px; top: 354px; width: 63px; height: 63px; z-index: 10;}
#about1 {left: 4px; top: 4px; width: 784px; height: 784px; z-index: 5;}
#autologlyphs {left: 459px; top: 249px; width: 119px; height: 119px; z-index: 10;}
#printables {left: 578px; top: 249px; width: 77px; height: 77px; z-index: 10;}
#youtube {left: 599px; top: 193px; width: 56px; height: 56px; z-index: 10;}
#math {left: 599px; top: 4px; width: 189px; height: 189px; z-index: 10;}
#vis_math_3d_printing {left: 354px; top: 4px; width: 245px; height: 245px; z-index: 10;}
#printgallery {left: 354px; top: 249px; width: 105px; height: 105px; z-index: 10;}
#three_dim_space {left: 235px; top: 529px; width: 259px; height: 259px; z-index: 10;}
#mathmechs {left: 4px; top: 557px; width: 231px; height: 231px; z-index: 10;}
#github {left: 207px; top: 529px; width: 28px; height: 28px; z-index: 10;}
#XR {left: 207px; top: 354px; width: 175px; height: 175px; z-index: 10;}
#vis_hyp_honeycombs {left: 4px; top: 354px; width: 203px; height: 203px; z-index: 10;}
#threeDprinting {left: 4px; top: 4px; width: 350px; height: 350px; z-index: 10;}

#thedicelab a {height: 294px;}
#bookcoversandposters a {height: 126px;}
#autological a {height: 168px;}
#instagram a {height: 42px;}
#tshirts a {height: 133px;}
#will a {height: 112px;}
#mastodon a {height: 49px;}
#about2 a {height: 63px;}
#about1 a {height: 784px;}
#autologlyphs a {height: 119px;}
#printables a {height: 77px;}
#youtube a {height: 56px;}
#math a {height: 189px;}
#vis_math_3d_printing a {height: 245px;}
#printgallery a {height: 105px;}
#three_dim_space a {height: 259px;}
#mathmechs a {height: 231px;}
#github a {height: 28px;}
#XR a {height: 175px;}
#vis_hyp_honeycombs a {height: 203px;}
#threeDprinting a {height: 350px;}

#thedicelab a:hover, #bookcoversandposters a:hover, #autological a:hover, #instagram a:hover, #tshirts a:hover, #will a:hover, #mastodon a:hover, #about2 a:hover, #about1 a:hover, #autologlyphs a:hover, #printables a:hover, #youtube a:hover, #math a:hover, #vis_math_3d_printing a:hover, #printgallery a:hover, #three_dim_space a:hover, #mathmechs a:hover, #github a:hover, #XR a:hover, #vis_hyp_honeycombs a:hover, #threeDprinting a:hover {background: url(pics/2_squares_webpage.jpg); background-repeat:no-repeat;}

#thedicelab a:hover {background-position:-494px -1285px;}
#bookcoversandposters a:hover {background-position:-494px -1159px;}
#autological a:hover {background-position:-620px -1117px;}
#instagram a:hover {background-position:-578px -1117px;}
#tshirts a:hover {background-position:-655px -984px;}
#will a:hover {background-position:-382px -1208px;}
#mastodon a:hover {background-position:-445px -1159px;}
#about2 a:hover {background-position:-382px -1145px;}
#about1 a:hover {background-position:-4px -795px;}
#autologlyphs a:hover {background-position:-459px -1040px;}
#printables a:hover {background-position:-578px -1040px;}
#youtube a:hover {background-position:-599px -984px;}
#math a:hover {background-position:-599px -795px;}
#vis_math_3d_printing a:hover {background-position:-354px -795px;}
#printgallery a:hover {background-position:-354px -1040px;}
#three_dim_space a:hover {background-position:-235px -1320px;}
#mathmechs a:hover {background-position:-4px -1348px;}
#github a:hover {background-position:-207px -1320px;}
#XR a:hover {background-position:-207px -1145px;}
#vis_hyp_honeycombs a:hover {background-position:-4px -1145px;}
#threeDprinting a:hover {background-position:-4px -795px;}