.gallerypages {margin-left:10px; margin-top:5px height: 600px;
}


/* The containing box for the realoil gallery. */
#dogoil {
    position:relative;
    width:650px;
    height:500px;
    margin:38px 0 0 0px;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#dogoil ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#dogoil a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#dogoil a.gallery, #dogoil a.gallery:visited {
    display:block;

    color:#000;

    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#dogoil a.slidea {
    background:url(webdog.jpg);
    height:70px;
    width:93px;
    }
#dogoil a.slideb {
    background:url();
    height:70px;
    width:93px;
    }
#dogoil a.slidec {
    background:url();
    height:70px;
    width:93px;
    }
#dogoil a.slided {
    background:url();
    height:70px;
    width:93px;
    }
* html #dogoil a.slided {
    width:91px;
    w\idth:93px;
    }
#dogoil a.slidee {
    background:url();
    height:70px;
    width:93px;
    }
#dogoil a.slidef {
    background:url();
    height:70px;
    width:93px;
    }
* html #dogoil a.slidef {
    width:91px;
    w\idth:93px;
    }
#dogoil a.slideg {
    background:url();
    height:70px;
    width:93px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#dogoil ul {
    width:225px;
    height:400px; margin:5px;
    float:right;
    }
#dogoil li {
    float:left; width:93px;
    }


/* change the thumbnail border color */
#dogoil a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#dogoil a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }
#dogoil a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#dogoil a.slideb:hover img, #dogoil a.slidei:hover img {
    float:right;
    }
#dogoil {
    background:#FFD2E8 url("webdog.jpg") 15px 10px no-repeat;
    }










/* The containing box for the print gallery. */
#print {
    position:relative;
    width:650px;
    height:500px;
    margin:38px 0 0 0px;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#print ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#print a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#print a.gallery, #print a.gallery:visited {
    display:block;

    color:#000;

    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#print a.slidea {
    background:url(webcontrolthumb.jpg);
    height:70px;
    width:93px;
    }
#print a.slideb {
    background:url(webcookiethumb.jpg);
    height:70px;
    width:93px;
    }
#print a.slidec {
    background:url(webstranglethumb.jpg);
    height:70px;
    width:93px;
    }
#print a.slided {
    background:url();
    height:70px;
    width:93px;
    }
* html #print a.slided {
    width:91px;
    w\idth:93px;
    }
#print a.slidee {
    background:url();
    height:70px;
    width:93px;
    }
#print a.slidef {
    background:url();
    height:70px;
    width:93px;
    }
* html #print a.slidef {
    width:91px;
    w\idth:93px;
    }
#print a.slideg {
    background:url();
    height:70px;
    width:93px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#print ul {
    width:225px;
    height:400px; margin:5px;
    float:right;
    }
#print li {
    float:left; width:93px;
    }


/* change the thumbnail border color */
#print a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#print a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }
#print a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#print a.slideb:hover img, #print a.slidei:hover img {
    float:right;
    }
#print {
    background:#FFD2E8 url("webcontrol.jpg") 15px 10px no-repeat;
    }








/* The containing box for the pen gallery. */
#pen {
    position:relative;
    width:650px;
    height:500px;
    margin:38px 0 0 0px;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#pen ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#pen a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#pen a.gallery, #pen a.gallery:visited {
    display:block;

    color:#000;

    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#pen a.slidea {
    background:url(pen1thumb.jpg);
    height:93px;
    width:70px;
    }
#pen a.slideb {
    background:url(pen2thumb.jpg);
    height:70px;
    width:93px;
    }
#pen a.slidec {
    background:url(pen3thumb.jpg);
    height:93px;
    width:70px;
    }
#pen a.slided {
    background:url(pen4thumb.jpg);
    height:70px;
    width:93px;
    }
* html #pen a.slided {
    width:91px;
    w\idth:93px;
    }
#pen a.slidee {
    background:url(pen5thumb.jpg);
    height:70px;
    width:93px;
    }
#pen a.slidef {
    background:url(pen6thumb.jpg);
    height:70px;
    width:93px;
    }
* html #pen a.slidef {
    width:91px;
    w\idth:93px;
    }
#pen a.slideg {
    background:url(pen7thumb.jpg);
    height:70px;
    width:93px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#pen ul {
    width:225px;
    height:400px; margin:5px;
    float:right;
    }
#pen li {
    float:left; width:93px;
    }


/* change the thumbnail border color */
#pen a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#pen a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }
#pen a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#pen a.slideb:hover img, #pen a.slidei:hover img {
    float:right;
    }
#pen {
    background:#FFD2E8 url(pen1.jpg) 15px 10px no-repeat;
    }

/* The containing box for the mind gallery. */
#mind {
    position:relative;
    width:650px;
    height:500px;
    margin:38px 0 0 0;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#mind ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#mind a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#mind a.gallery, #mind a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#mind a.slidea {
    background:url(mind1thumb.jpg);
    height:70px;
    width:93px;
    }
#mind a.slideb {
    background:url(mind2thumb.jpg);
    height:93px;
    width:70px;
    }
#mind a.slidec {
    background:url(mind3thumb.jpg);
    height:93px;
    width:70px;
    }
#mind a.slided {
    background:url(mind4thumb.jpg);
    height:93px;
    width:70px;
    }

#mind a.slidee {
    background:url(mind5thumb.jpg);
    height:70px;
    width:93px;
    }
#mind a.slidef {
    background:url(mind6thumb.jpg);
    height:70px;
    width:93px;
    }
* html #mind a.slidef {
    width:91px;
    w\idth:93px;
    }
#mind a.slideg {
    background:url(mind7thumb.jpg);
    height:93px;
    width:70px;
    }
#mind a.slideh {
    background:url(mind8thumb.jpg);
    height:70px;
    width:93px;
    }
#mind a.slidei {
    background:url(mind9thumb.jpg);
    height:93px;
    width:70px;
    }
#mind a.slidej {
    background:url(mind10thumb.jpg);
    height:93px;
    width:70px;
    }
#mind a.slidek {
    background:url(mind11thumb.jpg);
    height:93px;
    width:70px;
    }
#mind a.slidel {
    background:url(mind12thumb.jpg);
    height:93px;
    width:70px;
    }

   #mind a.slidem {
    background:url(mind13thumb.jpg);
    height:93px;
    width:70px;
    } 

/* set the size of the unordered list to neatly house the thumbnails */
#mind ul {
    width:225px;
    height:400px;margin:5px;
    float:right;
    }
#mind li {
    float:left;width:93px;
    }

/* change the thumbnail border color */
#mind a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#mind a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }
#mind a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#mind a.slideb:hover img, #mind a.slidei:hover img {
    float:right;
    }
#mind {
    background:#FFD2E8 url(mind13.jpg) 15px 10px no-repeat;
    }





/* The containing box for the  1st oil gallery. */
#onegallery {
    position:relative;
    width:650px;
    height:500px; 
    
    margin:38px 0 0 0;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#onegallery ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#onegallery a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#onegallery a.gallery, #onegallery a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#onegallery a.slidea {
    background:url(anticipationthumb.jpg);
    height:70px;
    width:70px;
    }
#onegallery a.slideb {
    background:url(dreamerthumb.jpg);
    height:70px;
    width:70px;
    }
#onegallery a.slidec {
    background:url(bhweb3thumb.jpg);
    height:93px;
    width:66px;
    }
#onegallery a.slided {
    background:url(bhweb2thumb.jpg);
    height:93px;
    width:66px;
    }
* html #container a.slided {
    width:93px;
    w\idth:93px;
    }
#onegallery a.slidee {
    background:url(bhweb1thumb.jpg);
    height:93px;
    width:66px;
    }
#onegallery a.slidef {
    background:url(Blindfoldcopyright1thumb.jpg);
    height:93px;
    width:66px;
    }
* html #container a.slidef {
    width:91px;
    w\idth:93px;
    }
#onegallery a.slideg {
    background:url();
    height:70px;
    width:93px;
    }
#onegallery a.slideh {
    background:url();
    height:93px;
    width:70px;
    }
#onegallery a.slidei {
    background:url();
    height:93px;
    width:70px;
    }

    

/* set the size of the unordered list to neatly house the thumbnails */
#onegallery ul {
    width:225px;
    height:400px; margin:5px;
    float:right;
    }
#onegallery li {
    float:left;width:93px;
    }

   
    
/* change the thumbnail border color */
#onegallery a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#onegallery a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }
#onegallery a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#onegallery a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }
#onegallery {
    background:#FFD2E8 url("anticipation2.jpg") 15px 10px no-repeat;
    }


/* The containing box for the 2nd oil gallery. */
#container {
    position:relative;
    width:650px;
    height:500px; 
    
    margin:38px 0 0 0;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#container ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#container a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#container a.slidea {
    background:url(firstkissthumb.jpg);
    height:70px;
    width:93px;
    }
#container a.slideb {
    background:url(peacethumb.jpg);
    height:70px;
    width:93px;
    }
#container a.slidec {
    background:url(permissionthumb.jpg);
    height:70px;
    width:93px;
    }
#container a.slided {
    background:url(lonelythumb.jpg);
    height:70px;
    width:93px;
    }
* html #container a.slided {
    width:91px;
    w\idth:93px;
    }
#container a.slidee {
    background:url(fantasythumb.jpg);
    height:93px;
    width:40px;
    }
#container a.slidef {
    background:url(splitthumb.jpg);
    height:70px;
    width:93px;
    }
* html #container a.slidef {
    width:91px;
    w\idth:93px;
    }
#container a.slideg {
    background:url(bellythumb.jpg);
    height:70px;
    width:93px;
    }
#container a.slideh {
    background:url(peppersthumb.jpg);
    height:93px;
    width:70px;
    }
#container a.slidei {
    background:url(showerthumb.jpg);
    height:93px;
    width:70px;
    }

    

/* set the size of the unordered list to neatly house the thumbnails */
#container ul {
    width:225px;
    height:400px; margin:5px;
    float:right;
    }
#container li {
    float:left;width:93px;
    }

   
    
/* change the thumbnail border color */
#container a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#container a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }


#container a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#container a.slideb:hover img, #container a.slidei:hover img {
    float:right;
    }
#container {
    background:#FFD2E8 url("5test copy.jpg") 15px 10px no-repeat;
    }

/* The containing box for the silks gallery. */
#silks {
    position:relative;
    width:650px;
    height:500px;
    margin:38px 0 0 0;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#silks ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#silks a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#silks a.gallery, #silks a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#silks a.slidea {
    background:url(image10thumb.jpg);
    height:70px;
    width:93px;
    }
#silks a.slideb {
    background:url(image11thumb.jpg);
    height:93px;
    width:70px;
    }
#silks a.slidec {
    background:url(image12thumb.jpg);
    height:93px;
    width:70px;
    }

#silks a.slided {
    background:url(webdevembthumb.JPG);
    height:65px;
    width:93px;
    }
#silks a.slidee {
    background:url(webquietthumb.JPG);
    height:93px;
    width:70px;
    }
#silks a.slidef {
    background:url(webechothumb.JPG);
    height:93px;
    width:70px;
    }

#silks a.slideg {
    background:url(webpicnicthumb.JPG);
    height:70px;
    width:93px;
    }
#silks a.slideh {
    background:url(websavthumb.JPG);
    height:70px;
    width:93px;
    }
#silks a.slidei {
    background:url(image12thumb.jpg);
    height:93px;
    width:70px;
    }






* html #silks a.slided {
    width:91px;
    w\idth:93px;
    }
   
* html #silks a.slidef {
    width:91px;
    w\idth:93px;
    }
   

/* set the size of the unordered list to neatly house the thumbnails */
#silks ul {
    width:225px;
    height:400px;margin:5px;
    float:right;
    }
#silks li {
    float:left;width:93px;
    }

/* change the thumbnail border color */
#silks a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#silks a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }
#silks a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#silks a.slideb:hover img, #silks a.slidei:hover img {
    float:right;
    }

#silks {
    background:#FFD2E8 url(image11.jpg) 15px 10px no-repeat;
    }

 /* The containing box for the pastel gallery. */
#pastel {
    position:relative;
    width:650px;
    height:500px;
    margin:38px 0 0 0;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#pastel ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#pastel a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#pastel a.gallery, #pastel a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#pastel a.slidea {
    background:url(Andythumb.jpg);
    height:93px;
    width:65px;
    }
#pastel a.slideb {
    background:url(oliverthumb.jpg);
    height:93px;
    width:54px;
    }
#pastel a.slidec {
    background:url(oliver2thumb.jpg);
    height:93px;
    width:70px;
    }

#pastel a.slided {
    background:url(beththumb.jpg);
    height:93px;
    width:70px;
    }

* html #pastel a.slided {
    width:70px;
    w\idth:70px;
    }
   
* html #pastel a.slidef {
    width:91px;
    w\idth:93px;
    }
   

/* set the size of the unordered list to neatly house the thumbnails */
#pastel ul {
    width:225px;
    height:400px;margin:5px;
    float:right;
    }
#pastel li {
    float:left;width:93px;
    }

/* change the thumbnail border color */
#pastel a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#pastel a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }
#pastel a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#pastel a.slideb:hover img, #pastel a.slidei:hover img {
    float:right;
    }
   
#pastel {
    background:#FFD2E8 url(Andy.jpg) 15px 10px no-repeat;
    }

body 
 {background-color: #FF96CA;
}

h1 {background-color: #FF96CA; 
    font-size: 200%;
	font-family: times;
margin-left: 0%; padding: 1px 1px 1px 1px;
 	text-align: left;}
	
h2 {background-color: #FFD2E8; 
margin-left: 2%;
text-decoration: underline;}
p.bottommargin { text-align: center;
background-color:#FFD2E8}
p.aboutme {

font-size: 103%;
		margin-left: 2%;
                margin-right: 15%;}


p.aboutleft {font-size: 125%;
		margin-left: 2%;
                margin-right: 15%;
display: block; float: left;}
p.linkaboutme {font-size: 125%;
		margin-left: 40%;
                margin-right: 15%;
}

p.shop {font-size: 200%;
		font-family:times;
 	text-align: center;}

p.enter {font-size:400%;
		font-family:times;font-weight: bold; padding: 100px 0px 0px 0px;
 	text-align: center;}

p.entertwo {font-size:150%;
		font-family:times;font-weight: bold; padding: 0px 0px 150px 0px;
 	text-align: center;}

p.mailing {font-size: 125%;
		margin-left: 2%;background-color: #000000; color: #ffffff; font-weight: bolder;margin-right: 15%;}
img.portrait {margin: 10px 20px 10px 10px;
		padding: 10px; float:left; }

img.choice {margin: 10px 20px 500px 10px;
		padding: 10px; float:left; }

img.indextwo {margin: 10px 20px 10px 10px;
		padding: 0px; float:left; }

img.logo {margin: 5px 5px 5px 5px; float: left;}

#floatright {margin: 10px 20px 10px 10px;
		padding: 10px; float: right; width:249px;}

form {margin-left:2%;}

p.cant {font-size: 125%;background-color: #FF96CA;}
p.shade {font-size: 100%;background-color: #FF96CA;}
h2.shade {background-color: #FF96CA;}
a {color: #000000}

.Wkdphoto {float: right; }

.wkdleftpara  {float: left; width:300px; min-height:250px;
padding: 10px 10px 375px 10px ; margin: 10px ; background-color: #FF96CA;
}

.wkdrightpara {float: right; margin: 100px 10px 10px 10px;width:500px; }

.leftpara  {float: left; width:150px; min-height:250px;
padding: 10px 10px 375px 10px ; margin: 10px ; background-color: #FF96CA;
}
.rightpara {float: right; margin-left: 0px;width:650px; }

.homepageleft  {float: left; width:320px; 
padding: 10px 10px 10px 10px ; margin: 10px ; background-color: #FF96CA;
}
.homepageright {float: right; margin: 20px 0px 0px 0px;width:455px; }

.galleryleftpara  {width:550px; height: 400px;
padding: 30px 30px 30px 30px ; margin: 40px 40px 20px 90px; background-color: #FF96CA;
}

.wkddleftpara  {float: left; width:400px; min-height:250px;
padding: 10px 10px 10px 10px ; margin: 10px ; background-color: #FF96CA;
}

.wkddrightpara {float: right; margin-left: 0px;width:400px; padding: 10px 10px 10px 10px}

	
.excvbutton  {float: left;
	border: 1px inset #FF96CA;
	padding: 3px 20px;
	
	margin:0px;
	height:auto;
	
	background-color: #FFD2E8;
	text-align: center;
	text-decoration: none;
	}


.excvbuttontwo  {float: left;
	border: 1px inset #FF96CA;
	padding: 3px 15px;
	
	margin:0px;
	height:auto;
	
	background-color: #FFD2E8;
	text-align: center;
	text-decoration: none;
	}
	
.button {float: left;
	border: 1px inset #FF96CA;
	padding: 3px 20px;
	
	margin:0px;
	height:auto;
	
	background-color: #FF69B4;
	text-align: center;
	text-decoration: none;
	}

.gallborder
{border-style:solid;
border-width:5px;}


/* problem images and table */

.gallerynavigate {float: left;
	border: 1px inset #000000;
	padding: 3px 15px;
	
	margin: 0px 0px 0px 0px;
	
	
	background-color: #9e7bff;
	
	text-decoration: none;
	}

.mindbutton {float: left;
	border: 1px inset #000000;
	padding: 3px 165px;
	
	margin: 0px 0px 0px 0px;
	
	
	background-color: #FF69B4;
	
	text-decoration: none;
	}

.mindbuttontwo {float: left;
	border: 1px inset #FF96CA;
	padding: 3px 165px;
	
	margin:0px;
	height:auto;
	
	background-color: #FFD2E8;
	text-align: center;
	text-decoration: none;
	}


p {background-color:#FFD2E8}

 li {display:inline}

#navbot {vertical-align: bottom
}


li.exhibitions {display:block;font-size: 103%;}

li.shop {display:block;font-size: 125%;}

#footer { font-size: 100%;
		font-style: italic;
		text-align:center;
		background-color: #FFD2E8; width: 864px; 
		margin-left:auto;
margin-right:auto;
 background-color:#FF96CA; padding: 5px;




 }

#sitenav { font-size: 110%;
		
		text-align:left;
		background-color: #FFD2E8; width: 864px;
		margin-left:auto;
margin-right:auto;
 background-color:#FFD2E8;




 }




a:hover {background-color:#FFD2E8;}

#wrapper { width: 864px; 
		margin: auto; background-color:#FF96CA }

#wrappernav { width: 864px; 
		margin: auto;
}


#wrappertwo
{
text-align:center;
}

#mainblock   { width: 864px; min-height:575px;
		margin: auto;
 background-color:#FFD2E8; float: right;} 
#outerblock   { width: 864px;
		margin: auto;
 background-color:#FF96CA; ;
}

#gallerymainblock   { width: 864px; min-height:575px;
		margin: auto; 
 background-color:#FFD2E8; float: right;} 


p.small {line-height: 90%}
p.big {line-height: 200%}
div.gall
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: 20px;
  float: left;
  text-align: center;

}	
div.gall img
{ 
  display: block;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.gall a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}

#none {list-style-type: none; 
	display: list-item; margin:5px; }




    {
		float:left;
		width:100%;
		padding:0;
		margin:0px auto;
		list-style-type: none
		}

ul    {
		float:left;
		width:100%;
		padding:0px;
		margin:0px auto;
		list-style-type: none
		}


img.shop {float: left; display: block;}

div.writingshop {float: left; display: block;}

img.choice {float:none; margin:20px; padding: 40px;}

#poo 
{
float:left; width:15%;
}



.block {display:block;}
	
.leftnav
	{

	font-weight: bold;
	font-size: 100%;  
	font-family:times;text-decoration: none;
	list-style-type: none; color: #000000; 
	}


.mindnav
	{

	font-weight: bold;
	font-size: 100%;  
	font-family:times;text-decoration: none;
	list-style-type: none; color: #000000; 
	}



.nav { font-weight: bold;
	font-size: 100%;  
	font-family:times; text-decoration: none;
	list-style-type: none; color: #000000;
background-color:#FF96CA;
; 


	}
.spacenav { font-weight: bold;
	font-size: 125%;  
	font-family:times;text-decoration:none;
	list-style-type: none; color: #000000; 

}

	}
div.content
	{
	padding:1em;
	}

div.container
	{
	width:100%;

	margin:0px;
	border: solid #0000FF;
	line-height:150%;

	}
img.dimension {width:auto;
height:auto;}




/* The containing box for the poster gallery. */
#poster {
    position:relative;
    width:650px;
    height:500px;
    margin:38px 0 0 0;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#poster ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#poster a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#poster a.gallery, #zebra a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#poster a.slidea {
    background:url(poster1thumb.jpg);
    height:93px;
    width:70px;
    }
#poster a.slideb {
    background:url(poster2thumb.jpg);
    height:93px;
    width:70px;
    }
#poster a.slidec {
    background:url(poster3thumb.jpg);
    height:93px;
    width:70px;
    }
#poster a.slided {
    background:url(poster4thumb.jpg);
    height:93px;
    width:70px;
    }

#poster a.slidee {
    background:url(poster5thumb.jpg);
    height:70px;
    width:93px;
    }
#poster a.slidef {
    background:url(poster6thumb.jpg);
    height:70px;
    width:93px;
    }

#poster a.slideg {
    background:url(bellythumb.jpg);
    height:70px;
    width:93px;
    }
#poster a.slideh {
    background:url(peppersthumb.jpg);
    height:93px;
    width:70px;
    }
#poster a.slidei {
    background:url(showerthumb.jpg);
    height:93px;
    width:70px;
    }

    

/* set the size of the unordered list to neatly house the thumbnails */
#poster ul {
    width:225px;
    height:400px; margin:5px;
    float:right;
    }
#poster li {
    float:left;width:93px;
    }

/* change the thumbnail border color */
#poster a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#poster a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }
#poster a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#poster a.slideb:hover img, #poster a.slidei:hover img {
    float:right;
    }
#poster {
    background:#FFD2E8  url(poster4.jpg) 15px 10px no-repeat;
    }



/* The containing box for the pen gallery. */
#pentwo {
    position:relative;
    width:650px;
    height:500px;
    margin:38px 0 0 0px;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#pentwo ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#pentwo a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#pentwo a.gallery, #pentwo a.gallery:visited {
    display:block;

    color:#000;

    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#pentwo a.slidea {
    background:url(pen1thumb.jpg);
    height:93px;
    width:70px;
    }
#pentwo a.slideb {
    background:url(pen2thumb.jpg);
    height:70px;
    width:93px;
    }
#pentwo a.slidec {
    background:url(pen3thumb.jpg);
    height:93px;
    width:70px;
    }
#pentwo a.slided {
    background:url(pen4thumb.jpg);
    height:70px;
    width:93px;
    }
* html #pentwo a.slided {
    width:91px;
    w\idth:93px;
    }
#pentwo a.slidee {
    background:url(pen5thumb.jpg);
    height:93px;
    width:40px;
    }
#pentwo a.slidef {
    background:url(pen6thumb.jpg);
    height:70px;
    width:93px;
    }
* html #pen a.slidef {
    width:91px;
    w\idth:93px;
    }
#pentwo a.slideg {
    background:url(pen7thumb.jpg);
    height:70px;
    width:93px;
    }
#pentwo a.slideh {
    background:url(pen8thumb.jpg);
    height:93px;
    width:70px;
    }
#pentwo a.slidei {
    background:url(pen9thumb.jpg);
    height:93px;
    width:70px;
    }
#pentwo a.slidej {
    background:url(pen10thumb.jpg);
    height:93px;
    width:70px;
    }
#pentwo a.slidek {
    background:url(pen11thumb.jpg);
    height:93px;
    width:70px;
    }
#pentwo a.slidel {
    background:url(pen12thumb.jpg);
    height:93px;
    width:70px;
    }

   #pentwo a.slidem {
    background:url(pen13thumb.jpg);
    height:93px;
    width:70px;
    } 

/* set the size of the unordered list to neatly house the thumbnails */
#pentwo ul {
    width:225px;
    height:400px; margin:5px;
    float:right;
    }
#pentwo li {
    float:left; width:93px;
    }


/* change the thumbnail border color */
#pentwo a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#pentwo a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }
#pentwo a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#pentwo a.slideb:hover img, #pentwo a.slidei:hover img {
    float:right;
    }
#pentwo {    background:#FFD2E8 url(pen13.jpg) 15px 10px no-repeat;    }



/* The containing box for the portrait gallery. */
#portrait {
    position:relative;
    width:650px;
    height:500px;
    margin:38px 0 0 0;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#portrait ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#portrait a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#portrait a.gallery, #portrait a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#portrait a.slidea {
    background:url(portrait1thumb.jpg);
    height:93px;
    width:70px;
    }
#portrait a.slideb {
    background:url();
    height:93px;
    width:70px;
    }
#portrait a.slidec {
    background:url();
    height:93px;
    width:70px;
    }
#portrait a.slided {
    background:url();
    height:93px;
    width:70px;
    }

#portrait a.slidee {
    background:url();
    height:70px;
    width:93px;
    }
#portrait a.slidef {
    background:url();
    height:70px;
    width:93px;
    }

#portrait a.slideg {
    background:url();
    height:70px;
    width:93px;
    }
#portrait a.slideh {
    background:url();
    height:93px;
    width:70px;
    }
#portrait a.slidei {
    background:url();
    height:93px;
    width:70px;
    }

    

/* set the size of the unordered list to neatly house the thumbnails */
#portrait ul {
    width:225px;
    height:400px; margin:5px;
    float:right;
    }
#portrait li {
    float:left;width:93px;
    }

/* change the thumbnail border color */
#portrait a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#portrait a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }
#portrait a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#portrait a.slideb:hover img, #portrait a.slidei:hover img {
    float:right;
    }
#portrait {
    background:#FFD2E8  url("portrait1.jpg") 15px 10px no-repeat;
    }


/* The containing box for the neighbours gallery. */
#neighbours {
    position:relative;
    width:650px;
    height:500px;
    margin:38px 0 0 0px;
    border:0px solid #aaa;
    }
/* Removing the list bullets and indentation */
#neighbours ul {
    padding:0;
    margin:0;
    list-style-type:none;
    }
/* Remove the images and text from sight */
#neighbours a.gallery span {
    position:absolute;
    width:1px;
    height:1px;
    top:5px;
    left:5px;
    overflow:hidden;
    background:#fff;
    }
/* Adding the thumbnail images */
#neighbours a.gallery, #pen a.gallery:visited {
    display:block;

    color:#000;

    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#neighbours a.slidea {
    background:url(neportrait1thumb.jpg);
    height:93px;
    width:70px;
    }
#neighbours a.slideb {
    background:url(neportrait2thumb.jpg);
    height:93px;
    width:70px;
    }
#neighbours a.slidec {
    background:url(pen3thumb.jpg);
    height:93px;
    width:70px;
    }
#neighbours a.slided {
    background:url(pen4thumb.jpg);
    height:70px;
    width:93px;
    }
* html #neighbours a.slided {
    width:70px;
    w\idth:93px;
    }
#neighbours a.slidee {
    background:url(pen5thumb.jpg);
    height:93px;
    width:40px;
    }
#neighbours a.slidef {
    background:url(pen6thumb.jpg);
    height:70px;
    width:93px;
    }
* html #neighbours a.slidef {
    width:91px;
    w\idth:93px;
    }
#neighbours a.slideg {
    background:url(pen7thumb.jpg);
    height:70px;
    width:93px;
    }


/* set the size of the unordered list to neatly house the thumbnails */
#neighbours ul {
    width:225px;
    height:400px; margin:5px;
    float:right;
    }
#neighbours li {
    float:left; width:93px;
    }


/* change the thumbnail border color */
#neighbours a.gallery:hover {
    border:1px solid #fff;
    }
/* styling the :hover span */
#neighbours a.gallery:hover span {
    position:absolute;
    width:372px;
    height:372px;
    top:10px;
    left:15px;
    color:#000;
    background:#FFD2E8;
    }
#neighbours a.gallery:hover img {
    border:1px solid #fff;
    float:left;
    margin-right:5px;
    }
#neighbours a.slideb:hover img, #neighbours a.slidei:hover img {
    float:right;
    }
#neighbours {
    background:#FFD2E8 url(neportrait1.jpg) 15px 10px no-repeat;
    }
div.img
{
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
 float: left;
  text-align: center;
}	
div.img img
{
 display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
}
div.img a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}


/* homepage pictures */

div.homeimg
{
  margin: 2px;
  border: 0px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.homeimg img
{
  display: inline;
  margin: 30px 0px 0px 0px;
  border: 0px solid #ffffff;
}
div.homeimg a:hover img {border: 0px solid #000000;}
div.homedesc
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
}