h1, ul {
margin: 0px 0px 0px 0px;
}

a {
outline-color: invert;
outline-style: none;
outline-width: medium;
}

#centering {
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
}

#frame {
width: 949px;
height: 649px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px 0px;
position: relative;
background: url(i/frame1.gif) no-repeat;
xbackground: url(i/temp-template.gif) no-repeat;
}

#header h1 {
position: absolute;
top: 74px;
left: 53px;
}

#header h1 a {
display: block;
background: url(i/courtneyholton-title.gif) no-repeat;
text-indent: -999em;
width: 254px;
height: 28px;
}

#header ul {
position: absolute;
top: 18px;
top: expression('18px');
right: 58px;
right: expression('48px');
}

#header ul li {
margin: 0px 10px 0px 0px;
float: left;
list-style-type: none;
}

#header ul li a {
display: block;
width: 70px;
height: 23px;
background: #eee;
text-indent: -999em;
}

#header ul #resume-button a { background: url(i/mainmenu.gif) no-repeat 0px 0px; }
#resume-page #header ul #resume-button a { background: url(i/mainmenu.gif) no-repeat 0px -23px; }
#header ul #resume-button a:hover { background: url(i/mainmenu.gif) no-repeat 0px -23px; }

#header ul #work-button a { background: url(i/mainmenu.gif) no-repeat -83px 0px; }
#work-page #header ul #work-button a { background: url(i/mainmenu.gif) no-repeat -83px -23px; }
#header ul #work-button a:hover { background: url(i/mainmenu.gif) no-repeat -83px -23px; }

#header ul #contact-button a { background: url(i/mainmenu.gif) no-repeat -164px 0px; }
#contact-page #header ul #contact-button a { background: url(i/mainmenu.gif) no-repeat -164px -23px; }
#header ul #contact-button a:hover { background: url(i/mainmenu.gif) no-repeat -164px -23px; }

#copyright {
position: absolute;
bottom: 60px;
left: 52px;
text-indent: -999em;
background: url(i/copyright.gif) no-repeat;
width: 200px;
height: 20px;
}

/* -- Resume Page -- */

#exhibitions {
text-indent: -999em;
position: absolute;
top: 250px;
left: 45px;
background: url(i/exhibitions.gif) no-repeat;
width: 420px;
height: 260px;
}

#cover-image {
position: absolute;
top: 160px;
right: 70px;
width: 400px;
height: 300px;
text-align: right;
}

/* -- Work Page -- */
#work-description {
position: absolute;
top: 425px;
left: 67px;
width: 400px;
height: 20px;
background: url(i/work-titles.gif) no-repeat 0px 0px;
text-indent: -999em;
}

#work-image {
position: absolute;
top: 160px;
right: 70px;
width: 500px;
height: 300px;
}

#work-image {
text-align: right;
}

#work-nav-left {
position: absolute;
top: 455px;
left: 68px;
}

#work-nav-left a {
display: block;
background: url(i/work-navigation.gif) no-repeat 0px 0px;
width: 30px;
height: 25px;
text-indent: -999em;
}

#work-nav-left a:hover { background-position: 0px -25px }

#work-nav-divider {
position: absolute;
top: 455px;
left: 100px;
background: url(i/work-navigation.gif) no-repeat -30px 0px;
width: 4px;
height: 25px;
text-indent: -999em;
}

#work-nav-right {
position: absolute;
top: 455px;
left: 107px;
}

#work-nav-right a {
display: block;
background: url(i/work-navigation.gif) no-repeat -35px 0px;
width: 30px;
height: 25px;
text-indent: -999em;
}

#work-nav-right a:hover { background-position: -35px -25px }

/* -- Contact Page -- */

#contact-info {
position: absolute;
top: 250px;
left: 45px;
text-indent: -999em;
width: 350px;
height: 200px;
background: url(i/contact-info.gif) no-repeat;
}

#contact-email {
position: absolute;
top: 267px;
left: 45px;
}

#contact-email a {
display: block;
text-indent: -999em;
width: 200px;
height: 20px;
background: url(i/contact-email.gif) no-repeat 0px 0px;
}

#contact-email a:hover { background-position: 0px -20px; }

#contact-web {
position: absolute;
top: 455px;
left: 45px;
}

#contact-web a {
display: block;
text-indent: -999em;
width: 200px;
height: 20px;
background: url(i/contact-web.gif) no-repeat 0px 0px;
}

#contact-web a:hover { background-position: 0px -20px; }