body {
background-color: #5588ab;
}

div.main { /* styles common to all 3 main divs */
margin-left: auto;
margin-right: auto;	/* to center */
width: 800px;
}

#head {	/* style for head div */
height: 168px;
background-image: url(images/top.png);
position: relative;	/* so name and linkbar can be positioned absolutely within */
}

#head h1 {	/* style for name img */
display: block;
text-indent: -9000px;
margin: 0px;
background-image: url(images/name.png);
width: 263px;
height: 108px;
position: absolute;
bottom: 0px;
left: 60px;
border:0px;
}

#head h1 a {	/* for the Michael Wheeler logo link */
display: block;
height: 100%;
}

#head a {	/* style for links in the head */
border:0px;
}

#linkbar { /* style for the linkbar in the head */
position: absolute;
bottom: 60px;
right: 60px;
width: 329px;
height: 14px;
}

#linkbar img {
position: relative;
left:0px;
border: 0px;
}

#body {	/* style for body div */
background-image: url(images/body.png);
min-height: 300px; /* FOR TESTING */
padding-top: 30px;
padding-bottom: 30px;
}

.content { /*style for content divs */
width: 681px;
margin-left: 60px;
margin-top: 15px;
padding: 0px;
background-image: url(images/content_rule.png);
background-position: 175px 0px;
background-repeat: no-repeat;
position:relative; /* to position h1 headings within using position: absolute */
}

.content h1 { /* style for all graphic headers in content... */
text-indent: -9000px;
position: absolute;
top: 0px;
left: 0px;
background-repeat: no-repeat;
margin: 0;
}

/* for welcome page */

#welcome h1 { /* for the Welcome heading */
width: 151px;
height: 25px;
background-image: url(images/Welcome_head1.png);
}

#thanks h1 { /* for the Thanks! heading */
width: 119px;
height: 26px;
background-image: url(images/thanks_h1.png);
}

#welcome a, #thanks a {	/* for the text links on the main page */
color: black;
}

/* for contact page */

#contact h1 { /* for Contact heading */
width: 121px;
height: 26px;
background-image: url(images/contact_h1.png);
}

#formbox {
margin-left:175px;
padding-top: 1px;
width: 505px;
text-align: right;
}

input.sub_but {
width: 155px;
}

#namebox, #emailbox, #subbox {
width: 330px;
border: 1px solid black;
margin-left: 20px;
}

#formbox label {
/*width: 155;*/
font: bold 13pt/18pt Verdana, Arial, sans-serif;
display: -moz-inline-box;
display: inline-block;
vertical-align: top;
}

#formbox textarea {
width: 330px;
border: 1px solid black;
margin-left: 20px;
}

#formbox div{
width: 505px;
margin: 10px 0px 10px 0px;
}

/* for links page */

#links h1 { /* for Links heading */
width: 72px;
height: 25px;
background-image: url(images/links_h1.png);
}

#links a { /* for the links in the links section */
color: black;
font: bold 14px/18px Verdana, Arial, sans-serif;
text-decoration: none;}

.content h2 {
margin-left: 175px;
font: bold 18px/22px Verdana, Arial, sans-serif;
}

.content p { /* for content paragraphs */
margin-left: 175px;
font: normal 14px/18px Verdana, Arial, sans-serif;
}

#graphicdesign, #animation {
width: 710px;
}

#graphicdesign h1 { /* for the Graphic Design heading */
width: 117px;
height: 68px;
background-image: url(images/design_h1.png);
}

#animation {
margin-top: 40px;	/* for space between the graphic design and animation sections */
}

#animation h1 { /* for the Animation heading */
width: 155px;
height: 25px;
background-image: url(images/animation_h1.png);
}

div.thumb {
background-image: url(images/ThumbShadow.png);
width: 175px;
height: 169px;
float: left;
margin-top: 6px;
}

div.thumbbox {
margin-left: 165px;
}

.thumb img {
width: 155px;
height: 155px;
margin: 4px 10px 0px 10px;
border: 0px;
}

#foot {	/* style for foot div */
height: 56px;
background-image: url(images/foot.png);
clear: both;
}