body {
font-family: Helvetica Neue, Helvetica, Tahoma, sans-serif;
font-size: small;

margin-top: 10px;


}

#main {
width: 1000px;
margin: 0 auto;
position: relative;

}

#header {
background: #CCC;
position: relative;
margin-left: 50px;
padding: 30px 30px 37px 30px;
width: 840px;
length: 60px;

}

#fullname {
position: absolute;
top: 12px;


}
#name {
color: gray;
}

h1 {
text-transform: uppercase; 
text-align: left;
letter-spacing: 5px;

}

#nav {

font-weight: bold;
position: absolute;
top: 22px;
left: 430px;
list-style-type: none;
text-align: right;
word-spacing: .5em;
font-size: medium;

}
#nav li {
display:inline;

}
a:link, a:visited, a:hover, a:active {
text-decoration: none;
color: black;
}

#footer {
position: absolute;
top: 500px;
right: 67px;
color: dimgray;
font: 12px century gothic, helvetica, arial, sans-serif;
}
 

/*style for art page*/

#thumbnails {
position: absolute;
width: 200px;
height: 475px;
margin-top: 10px;
margin-left: 50px;
padding-top: 5px;
color: dimgray;
font: 11px century gothic, helvetica, arial, sans-serif;



}


#artimage {
position: absolute;

margin-top: 30px;
margin-left: 300px;
 
text-align: right;
}

#names {
position: absolute;

right: -170px;
bottom: 25px;
text-align: left;
color: dimgray;
font: 12px century gothic, helvetica, arial, sans-serif;

}

#names2 {
color: dimgray;
font: 12px century gothic, helvetica, arial, sans-serif;
line-height: 8px;



}

.onethumb {
margin: 2px;
}

/*style for contact*/

#contact {
font: 12px helvetica, arial, sans-serif;
}

#thankyou {
margin-top: 30px;
}

#thankyou {
text-align: center;
font: 15px Helvetica, arial, verdana, sans-serif;
margin-top: 20px;
margin-left: 50px;
margin-right: 40px;
background-image: url(images/blurdot-charcoal.jpg);
background-repeat: repeat;
color: white;
padding: 20px;
width: 860px;
height: 500px;
}

/*style for illustration pages*/

#introillustration {
position: absolute;
color: dimgray;
font: 13px century gothic, helvetica, arial, sans-serif;
text-align: left;
margin-left: 50px;
margin-top: 80px;
font-weight: bold;
}

#thumbsillustration {

color: dimgray;
font: 12px century gothic, helvetica, arial, sans-serif;


}

#whatfollows {
position: absolute;
margin-left: 80px;
margin-top: 140px;
}

#smallwonders {
position: absolute;
margin-left: 303px;
margin-top: 140px;
}

#CAT {
position: absolute;
margin-left: 526px;
margin-top: 140px;
}

#party {
position: absolute;
margin-left: 749px;
margin-top: 140px;
}

#ill {
position: absolute;
margin-top: 10px;
margin-left: 350px;


}

#next  {
position: absolute;
margin-top: 30px;
margin-left: 820px;
color: dimgray;
font: 12px century gothic, helvetica, arial, sans-serif;

}

#next1 {
position: absolute;
margin-top: 30px;
margin-left: 870px;
color: dimgray;
font: 12px century gothic, helvetica, arial, sans-serif;
}

#illustrationthumbs {
position: absolute;
width: 200px;
height: 300px;
margin-top: 10px;
margin-left: 50px;

padding-top: 10px;
padding-bottom: 20px;
color: dimgray;
font: 12px century gothic, helvetica, arial, sans-serif;
line-height: 10%;
}

#synop {
position: absolute;
margin-top: 230px;
margin-left: 700px;
width: 200px;
height: 200px;
text-align: right;
color: dimgray;
font: 12px century gothic, helvetica, arial, sans-serif;
}



#synop1 {
position: absolute;
margin-top: 275px;
margin-left: 700px;
width: 200px;
height: 200px;
text-align: right;
color: dimgray;
font: 12px century gothic, helvetica, arial, sans-serif;
}

#synop2 {
position: absolute;
margin-top: 170px;
margin-left: 700px;
width: 200px;
height: 200px;
text-align: right;
color: dimgray;
font: 12px century gothic, helvetica, arial, sans-serif;
}

#synop3 {
position: absolute;
margin-top: 280px;
margin-left: 700px;
width: 200px;
height: 200px;
text-align: right;
color: dimgray;
font: 12px century gothic, helvetica, arial, sans-serif;
}

#newsimage {
position: absolute;
margin-left: 370px;

}