/* CSS Document */

/* global styles */

body {margin: 0;}
img {border: 0;}
#main {width: 760px; margin: 0 auto 0 auto; padding: 0;}
.rollimage {width: 100px; height: 100px; position: relative; display: block; cursor: default;}
.rollimage img {width: 100px; height: 100px;}
#preload {position: absolute; margin: -720px; padding: 0; height: 0; width: 0; visibility: hidden; top: 0; left: 0;}

/* header styles */

#header {width: 760px; margin: 0 0 19px 0; padding: 0;}
#headmondrian {width: 108px;}
#headlogo {width: 285px;}
#headyellow img {width: 54px; height: 27px; background: #FFFF00;}
#headwhite img {width: 27px; height: 27px; background: #FFFFFF;}
#headblack img {width: 27px; height: 27px; background: #000000;}
#headred img {width: 54px; height: 54px; background: #FF0000;}
#headimage {width: 54px; height: 54px; background: #FFFFFF;}
#headnavigation {vertical-align: top; text-align: right;}
.navbug {margin: 24px 0 13px 19px;}
#clickbug {margin: 0 0 11px 16px; padding: 0;}

/* home page styles */

#homeimgone {background: url(images/roll-home-01a.jpg) top left no-repeat; top: -19px; left: 54px; margin-bottom: -19px;}
#homeimgone:hover {background: url(images/roll-home-01b.jpg) top left no-repeat;}
#homeimgtwo {background: url(images/roll-home-02a.jpg) top left no-repeat; top: -100px; left: 254px; margin-bottom: -100px;}
#homeimgtwo:hover {background: url(images/roll-home-02b.jpg) top left no-repeat;}
#homeimgthree {background: url(images/roll-home-03a.jpg) top left no-repeat; left: 154px; z-index: 10;}
#homeimgthree:hover {background: url(images/roll-home-03b.jpg) top left no-repeat;}
#homeimgfour {background: url(images/roll-home-04a.jpg) top left no-repeat; left: 254px; margin-bottom: -100px;}
#homeimgfour:hover {background: url(images/roll-home-04b.jpg) top left no-repeat;}
#homeimgfive {background: url(images/roll-home-05a.jpg) top left no-repeat; left: 356px; margin-bottom: -100px;}
#homeimgfive:hover {background: url(images/roll-home-05b.jpg) top left no-repeat;}
#homeimgsix {background: url(images/roll-home-06a.jpg) top left no-repeat; left: 458px; margin-bottom: -100px;}
#homeimgsix:hover {background: url(images/roll-home-06b.jpg) top left no-repeat;}
#homeimgseven {background: url(images/roll-home-07a.jpg) top left no-repeat; left: 560px; margin-bottom: -100px;}
#homeimgseven:hover {background: url(images/roll-home-07b.jpg) top left no-repeat;}
#homeimgeight {background: url(images/roll-home-08a.jpg) top left no-repeat; left: 662px; margin-bottom: -100px;}
#homeimgeight:hover {background: url(images/roll-home-08b.jpg) top left no-repeat;}

#welcome {width: 210px; height: 82px; position: relative; top: -91px; left: 266px; margin-bottom: -82px;}
#artmice {width: 233px; height: 162px; position: relative; top: -163px; left: 529px; margin-bottom: -162px;}
#bodytext {width: 439px; height: 130px; position: relative; top: 115px; left: 254px; margin-bottom: -130px;}
#copynotice {width: 435px; height: 20px; position: relative; top: 285px; left: 254px; margin-bottom: -20px;}
#zebra {width: 365px; height: 325px; position: relative; top: -14px; left: -115px; margin-bottom: -325px;}

/* artist index table styles */

#content {margin: 0; padding: 0;}
#artistsindex {margin: 0 0 0 15px; padding: 0;}
#artistsindex td {vertical-align: top; text-align: center; padding: 0 12px 0 8px;}
.artisticon {margin: 0 0 10px 0; padding: 0;}
.artisticon img {width: 64px; height: 64px;}
.artistname {margin: 0 0 3px 0; padding: 0;}
.artiststyle {margin: 0 0 23px 0; padding: 0;}
#clickmessage {position: absolute; top: 101px; left: 8px; z-index: 10;}

/* individual artist page styles */

#portfolio {margin: 0 0 10px 0px; padding: 0;}
#leftcolumn {vertical-align: top; padding: 0; width: 112px;}
.portartistname {margin: 0 0 22px 0; padding: 0; text-align: center;}
.artistlinks {margin: 0 0 35px 0; padding: 0; text-align: center;}
#edulink {margin: 0 10px 0 0; padding: 0;}
#artistlink {margin: 0 4px 0 0; padding: 0;}
.returnlink {margin: 0 0 21px 0; padding: 0; text-align: center;}
#index {margin: 0; padding: 0;}
.columnone {margin: 8px 8px 0 0; padding: 0; width: 48px; height: 48px;} 
.columntwo {margin: 8px 0 0 0; padding: 0; width: 48px; height: 48px;}
#fullview {vertical-align: top;}
#fullview img {margin: 0 0 0 21px; padding: 0;}

/* contact page styles */

#contactinfo {width: 240px; height: 172px; position: relative; top: 6px; left: 108px; margin-bottom: -19px;}
#email {width: 200px; height: 14px; position: relative; display: block; top: 55px; left: 108px; background: url(images/contact-email-a.gif) top left no-repeat; margin-bottom: -14px;}
#email:hover {background: url(images/contact-email-b.gif) top left no-repeat;}
#email img {width: 200px; height: 14px;}
#crayonmouse {width: 100px; height: 97px; position: relative; top: -147px; margin-bottom: -28px;}
#artmouse {width: 169px; height: 200px; position: relative; top: -199px; left: 438px; margin-bottom: -200px;}

#conimgone {background: url(images/roll-contact-01a.jpg) top left no-repeat; top: 50px; margin-bottom: -50px;}
#conimgone:hover {background: url(images/roll-contact-01b.jpg) top left no-repeat;}
#conimgtwo {background: url(images/roll-contact-02a.jpg) top left no-repeat; left: 102px; margin-bottom: -100px;}
#conimgtwo:hover {background: url(images/roll-contact-02b.jpg) top left no-repeat;}
#conimgthree {background: url(images/roll-contact-03a.jpg) top left no-repeat; left: 204px; margin-bottom: -100px;}
#conimgthree:hover {background: url(images/roll-contact-03b.jpg) top left no-repeat;}
#conimgfour {background: url(images/roll-contact-04a.jpg) top left no-repeat; left: 306px; margin-bottom: -100px; z-index: 4;}
#conimgfour:hover {background: url(images/roll-contact-04b.jpg) top left no-repeat;}
#conimgsix {background: url(images/roll-contact-06a.jpg) top left no-repeat; left: 612px; margin-bottom: 2px; z-index: 6;}
#conimgsix:hover {background: url(images/roll-contact-06b.jpg) top left no-repeat;}
#conimgseven {background: url(images/roll-contact-07a.jpg) top left no-repeat; margin-bottom: -100px;}
#conimgseven:hover {background: url(images/roll-contact-07b.jpg) top left no-repeat;}
#conimgeight {background: url(images/roll-contact-08a.jpg) top left no-repeat; left: 102px; margin-bottom: -100px;}
#conimgeight:hover {background: url(images/roll-contact-08b.jpg) top left no-repeat;}
#conimgnine {background: url(images/roll-contact-09a.jpg) top left no-repeat; left: 204px; margin-bottom: -100px;}
#conimgnine:hover {background: url(images/roll-contact-09b.jpg) top left no-repeat;}
#conimgeleven {background: url(images/roll-contact-11a.jpg) top left no-repeat; left: 408px; margin-bottom: -100px; z-index: 11;}
#conimgeleven:hover {background: url(images/roll-contact-11b.jpg) top left no-repeat;}
#conimgtwelve {background: url(images/roll-contact-12a.jpg) top left no-repeat; left: 510px; margin-bottom: -100px; z-index: 12;}
#conimgtwelve:hover {background: url(images/roll-contact-12b.jpg) top left no-repeat;}
#conimgthirteen {background: url(images/roll-contact-13a.jpg) top left no-repeat; left: 612px; margin-bottom: -100px; z-index: 13;}
#conimgthirteen:hover {background: url(images/roll-contact-13b.jpg) top left no-repeat;}
#conimgfourteen {background: url(images/roll-contact-14a.jpg) top left no-repeat; top: -368px; left: 560px; margin-bottom: -100px; z-index: 14;}
#conimgfourteen:hover {background: url(images/roll-contact-14b.jpg) top left no-repeat;}
#conimgfifteen {background: url(images/roll-contact-15a.jpg) top left no-repeat; top: -268px; left: 660px; margin-bottom: -100px; z-index: 15;}
#conimgfifteen:hover {background: url(images/roll-contact-15b.jpg) top left no-repeat;}
td#addsamples {
	text-align:right;
	padding:0;
	margin:0;
}