html {
border: 0;
margin: 0;
padding: 0;
}
body {
border: 0;
margin: 0;
padding: 0;
font-family: Tahoma, helvetica, arial, san-serif;
font-size: 0.8em;
line-height: normal;
}
form, fieldset { border: 0; margin: 0; padding: 0; }
a { text-decoration: none; margin: 0; padding: 0; outline: none; }
a:link, a:visited { color: #9b9b9b; }
a:hover, a:active { color: #94835f; text-decoration: none; }
a img { border: 0; margin: 0; }

/* ---- Typography ------ */
.bold, .company, span.price { font-weight: bold; }
.goddard { font-weight: bold; color: #79264b; }
.payne { font-weight: bold; color: #000; }
kbd { font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
font-family: Tahoma, helvetica, arial, san-serif;
margin-top: 3px;
margin-bottom: 3px;
padding: 0;
text-transform: uppercase;
color: #9b9b9b;
}
input, textarea, em { font-family: Tahoma, helvetica, arial, san-serif; }
ol, ul, pre, blockquote {
margin-top: 5px;
margin-bottom: 5px;
}
blockquote { font: 1.1em Tahoma, helvetica, arial, san-serif; }
h1 {
border-left: 1px solid #f00;
margin-bottom: 10px;
font-size: large;
text-transform: uppercase;
font-weight: normal;
color: #9b9b9b;
padding-left: 10px;
}
h2, h3 {
font-size: 1.2em;
padding: 10px 0;
}
p {
margin-top: 5px;
}
/* standard helper classes */

.hide { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }

#wrapper {
margin: 0;
padding: 5px;
clear: both;
background: #fff;
}
#header {
padding: 0;
}
#header h1 {
}
#pagebody {
}
#sidebar {
margin: 0;
padding: 10px 0;
}

#maincontent {
margin: 0;
padding: 10px 0;
}
#viewer {
margin: 0;
padding: 0;
text-align: center;
}
#footer {
margin: 0 auto;
padding: 20px 0 10px 0;
clear: both;
font-size: 0.8em;
text-transform: uppercase;
}
#footer span {
color: #999;
}
#footer ul {
}

div#home p {
display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;
}

/* -- Main navigation -- */

ul#nav {
padding-bottom: 10px;
}

/* -- projects Pics -- */

div#projects {
padding: 0 0 10px 0;
}
#frame {
padding-left: 20px;
}
#frame img {
width: 300px;
display: block;
}

div.thumb-holder {
clear: both;
}
div.thumb-box {
float: left;
position: relative;
height: 100px;
padding-right: 5px;
}
div.more-box {
float: left;
position: relative;
height: 100px;
}
div.more-box a {
background: url(img/more.gif) no-repeat;
width: 22px;
height: 100px;
display: block;
text-indent: -10000px;
}
div.gapper a {
background: transparent;
}
div.thumb-box span {
}
div.thumb-box a img, div.more-box a img {
display: block;
}
#prevpic img, #nextpic img {
height: 20px;
width: 100px;
}
#prevpic {
float: left;
position: absolute;
left: 0;
width: 80px;
background: transparent;
z-index: 3;
}
#prevpic a {
position: absolute;
left: 0;
float: left;
display: block;
width: 100px;
height: 200px;
z-index: 10;
background: url(img/left.gif) no-repeat;

}
#nextpic {
float: right;
position: absolute;
right: 0;
width: 80px;
background: transparent;
z-index: 3;
}
#nextpic a {
position: absolute;
float: right;
right: 0;
display: block;
width: 100px;
height: 200px;
z-index: 10;
background: url(img/right.gif) top right no-repeat;
}
a#expander {
display: block;
}
a:hover#expander {
display: block;
z-index: 10;
}