/* 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;
}
#printgallery {left: 493px; top: 493px; width: 295px; height: 295px; z-index: 10;}
#misc_art {left: 493px; top: 367px; width: 127px; height: 127px; z-index: 10;}
#wordlesque {left: 619px; top: 325px; width: 169px; height: 169px; z-index: 10;}
#twitter {left: 577px; top: 325px; width: 43px; height: 43px; z-index: 10;}
#colloq_posters {left: 654px; top: 192px; width: 134px; height: 134px; z-index: 10;}
#ambigrams {left: 381px; top: 416px; width: 113px; height: 113px; z-index: 10;}
#youtube {left: 444px; top: 367px; width: 50px; height: 50px; z-index: 10;}
#will {left: 381px; top: 353px; width: 64px; height: 64px; z-index: 10;}
/* #about1 {left: 444px; top: 353px; width: 15px; height: 15px;} */
#about1 {left: 3px; top: 3px; width: 785px; height: 785px; z-index: 5;}
#threed {left: 458px; top: 248px; width: 120px; height: 120px; z-index: 10;}
#prisoners {left: 577px; top: 248px; width: 78px; height: 78px; z-index: 10;}
#about2 {left: 598px; top: 192px; width: 57px; height: 57px; z-index: 10;}
#math {left: 598px; top: 3px; width: 190px; height: 190px; z-index: 10;}
#sl {left: 353px; top: 3px; width: 246px; height: 246px; z-index: 10;}
#diamond {left: 353px; top: 248px; width: 106px; height: 106px; z-index: 10;}
#book_covers {left: 234px; top: 528px; width: 260px; height: 260px; z-index: 10;}
#autological {left: 3px; top: 556px; width: 232px; height: 232px; z-index: 10;}
#facebook {left: 206px; top: 528px; width: 29px; height: 29px; z-index: 10;}
#tshirts {left: 206px; top: 353px; width: 176px; height: 176px; z-index: 10;}
#photos {left: 3px; top: 353px; width: 204px; height: 204px; z-index: 10;}
#autologlyphs {left: 3px; top: 3px; width: 351px; height: 351px; z-index: 10;}


#printgallery a {height: 295px;}
#misc_art a {height: 127px;}
#wordlesque a {height: 169px;}
#twitter a {height: 43px;}
#colloq_posters a {height: 134px;}
#ambigrams a {height: 113px;} 
#youtube a {height: 50px;}
#will a {height: 64px;}
#about1 a {height: 785px;}
#threed a {height: 120px;}
#prisoners a {height: 78px;}
#about2 a {height: 57px;}
#math a {height: 190px;}
#sl a {height: 246px;}
#diamond a {height: 106px;}
#book_covers a {height: 260px;}
#autological a {height: 232px;}
#facebook a {height: 29px;}
#tshirts a {height: 176px;}
#photos a {height: 204px;}
#autologlyphs a {height: 351px;}

#printgallery a:hover, #misc_art a:hover, #wordlesque a:hover, #twitter a:hover, 
#colloq_posters a:hover, #ambigrams a:hover, #youtube a:hover, #will a:hover, 
#about1 a:hover, #threed a:hover, #prisoners a:hover, #about2 a:hover, 
#math a:hover, #sl a:hover, #diamond a:hover, #book_covers a:hover, 
#autological a:hover, #facebook a:hover, #tshirts a:hover, #photos a:hover, 
#autologlyphs a:hover {background: url(pics/2_squares_webpage.jpg); background-repeat:no-repeat;}

#printgallery a:hover {background-position:-493px -1284px;}
#misc_art a:hover {background-position:-493px -1158px;}
#wordlesque a:hover {background-position:-619px -1116px;}
#twitter a:hover {background-position:-577px -1116px;}
#colloq_posters a:hover {background-position:-654px -983px;}
#ambigrams a:hover {background-position:-381px -1207px;}
#youtube a:hover {background-position:-444px -1158px;}
#will a:hover {background-position:-381px -1144px;}
#about1 a:hover {background-position:-3px -794px;}
#threed a:hover {background-position:-458px -1039px;}
#prisoners a:hover {background-position:-577px -1039px;}
#about2 a:hover {background-position:-598px -983px;}
#math a:hover {background-position:-598px -794px;}
#sl a:hover {background-position:-353px -794px;}
#diamond a:hover {background-position:-353px -1039px;}
#book_covers a:hover {background-position:-234px -1319px;}
#autological a:hover {background-position:-3px -1347px;}
#facebook a:hover {background-position:-206px -1319px;}
#tshirts a:hover {background-position:-206px -1144px;}
#photos a:hover {background-position:-3px -1144px;}
#autologlyphs a:hover {background-position:-3px -794px;}