@charset "UTF-8";
/* CSS Document */

body {margin: 0px;padding: 0px;}

#center { text-align: center; margin: 0px auto; padding: 0px; height: 768px; width: 1024px; z-index: 0; }

#mainbody { height: 768px; width: 1024px; top: 0px; background-image: url(images/bg.jpg); background-repeat: no-repeat; margin: 0px auto; padding: 0px; position: absolute; z-index: 1; background-attachment: scroll; }

#mainbodypress { height: 768px; width: 1024px; top: 0px; background-image: url(images/bgpress.jpg); background-repeat: no-repeat; margin: 0px auto; padding: 0px; position: absolute; z-index: 1; background-attachment: scroll; }

#mainbodybullet { height: 768px; width: 1024px; top: 0px; background-image: url(images/bgbullet.jpg); background-repeat: no-repeat; margin: 0px auto; padding: 0px; position: absolute; z-index: 1; background-attachment: scroll; }

#mainbodyseenme {height: 768px;width: 1024px;top:0px;background-image: url(images/bgseenme.jpg);background-repeat: no-repeat;margin: 0px auto;padding: 0px;position: absolute;z-index: 1;}

.movie { height: 100px; width: 400px; position: absolute; top: 0px; right: 0px; z-index: 2; text-align: right; vertical-align: top; }

#scroll { position: absolute; left: 170px; top: 156px; margin: 0px; padding: 0px; z-index: 3; height: 260px; width: 854px; visibility: visible; }

/*gallery zoom based on spry grow thumbnail*/

.gallery div {height: 260px;width: 280px;position: absolute;left: 509px;top: 84px;background-color: #FFFFFF;margin: 0px;padding: 0px;z-index: 4;display: inline}

.gallery img {width: 280px;height: 260px;cursor: pointer;-moz-user-select: none;-khtml-user-select: none;}

.zoom {padding: 10px 10px 20px 10px;margin-bottom: 5px;width: 616px;float: left;margin-right: 10px;position: absolute;left: 0px;top: 72px;height: 565px;}

/*special gallery for large paintings, detail view, link out to own page for full view*/

.gallery24 {height: 260px;width: 280px;position: absolute;left: 509px;top: 156px;margin: 0px;padding: 0px;z-index: 4;}

.gallery24x {height: 260px;width: 398px;position: absolute;left: 296px;top: 84px;margin: 0px;padding: 0px;z-index: 4;display: inline}

.gallery24x img {width: 398px;height: 260px;cursor: pointer;-moz-user-select: none;-khtml-user-select: none;}

.zoomx {padding: 10px 10px 20px 10px;margin-bottom: 5px;width: 770px;float: left;margin-right: 10px;position: absolute;left: 0px;top: 72px;height: 487px;}


/*brochure text for press page*/

.gallerytext { height: 240px; width: 260px; position: absolute; left: 509px; top: 156px; margin: 0px; z-index: 3; font-family: "Gill Sans", Futura, Arial, sans-serif; font-size: 12pt; font-weight: normal; color: #333333; text-indent: 6em; overflow: auto; text-align: right; font-style: normal; line-height: 18pt; padding: 10px; }


.thumb1 { padding: 0px; height: 46px; width: 50px; position: absolute; left: 514px; top: 78px; margin: 0px; z-index: 3; cursor:pointer; }
.thumb2 {padding: 0px;height: 46px;width: 50px;position: absolute;left: 444px;top: 297px;margin: 0px;z-index: 3;cursor: pointer;}
.thumb3 {padding: 0px;height: 46px;width: 50px;position: absolute;left: 803px;top: 360px;margin: 0px;z-index: 3;cursor: pointer;}
.thumb4 {padding: 0px;height: 46px;width: 50px;position: absolute;left: 514px;top: 493px;margin: 0px;z-index: 3;cursor: pointer;}
.thumb5 {padding: 0px;height: 46px;width: 50px;position: absolute;left: 377px;top: 539px;margin: 0px;z-index: 3;cursor: pointer;}
.thumb6 {padding: 0px;height: 46px;width: 50px;position: absolute;left: 630px;top: 630px;margin: 0px;z-index: 3;cursor: pointer;}

.hover { height: 40px; width: 40px; position: absolute; left: 285px; top: 204px; padding: 10px; margin: 0px; z-index: 3; visibility: hidden; }
.hoversee { height: 40px; width: 40px; position: absolute; left: 285px; top: 204px; padding: 10px; margin: 0px; z-index: 3; visibility: visible; }
.hoverlow { height: 40px; width: 40px; position: absolute; left: 585px; top: 454px; padding: 10px; margin: 0px; z-index: 3; visibility: visible; }
.hoverbullet { height: 40px; width: 40px; position: absolute; left: 550px; top: 445px; padding: 10px; margin: 0px; z-index: 3; visibility: visible; }

.control { position: absolute; height: 20px; width: 130px; left: 652px; top: 416px; padding: 5px; margin: 0px; z-index: 3; visibility: hidden; }
.cbutton { position: relative; height: 20px; width: 20px; left: 0px; top: 0px; padding: 0px; z-index: 3; float: left; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; cursor: pointer; }

/*for visible onload*/

.controlsee { position: absolute; height: 20px; width: 130px; left: 652px; top: 416px; padding: 5px; margin: 0px; z-index: 3;}

#nav {height: 50px;width: 200px;position: absolute;right: 0px;bottom: 0px;margin: 0px;background-image: url(images/nav.gif);padding: 0px;z-index: 3;}
#navpress {height: 50px;width: 200px;position: absolute;right: 0px;bottom: 0px;margin: 0px;background-image: url(images/navpress.gif);padding: 0px;z-index: 3;}
#navseenme {height: 50px;width: 200px;position: absolute;right: 0px;bottom: 0px;margin: 0px;background-image: url(images/navseenme.gif);padding: 0px;z-index: 3;}
#navbullet {height: 50px;width: 200px;position: absolute;right: 0px;bottom: 0px;margin: 0px;background-image: url(images/navbullet.gif);padding: 0px;z-index: 3;}

.hide { visibility: hidden; }

.spectext { height: 75px; width: 180px; overflow: auto; position: absolute; left: 302px; top: 355px; margin: 0px; z-index: 2; font-family: "Gill Sans", Futura, Arial, sans-serif; font-size: 12px; color: #CCCCCC; font-weight: normal; text-align: left; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px;}

img {border: 0px none;}

a:link { color: #000000; }
a:hover { color: #FFFFFF; }
a:active { color: #FFFFFF; }
a:visited { color: #666666; }