html, body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

body {
background: white;
font-family: Georgia, Times New Roman, Times, serif;
font-size: 14px;
line-height: 24px;
color: black;
position: relative;
height: auto !important;
height: 100%;
min-height: 100%;
}

#container {
background: url(../Images/top.gif) top left repeat-x;
padding-bottom: 100px;
}

#menu, #thumb, #footer, pre {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 12px;
}

a {
color: black;
text-decoration: none;
border-bottom: 1px dotted black;
}

a:hover {
background: black;
color: white;
}

#menu.negative a, #blot a {
color: white;
text-decoration: none;
border-bottom: 1px dotted white;
}

#menu.negative a:hover, #blot a:hover {
background: white;
color: black;
}

#headline span, table {
display: none;
}

ul {
list-style-type: none;
}

br {
clear: left;
}

span.bsp {
padding: 0 2px 0 2px;
}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
headline
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

#headline {
background: url(../Images/headline.png) left top no-repeat;
width: 910px;
height: 125px;
}

#headline a {
position: absolute;
left: 40px;
top: 21px;
width: 560px;
height: 75px;
border: none;
}

#headline a:hover {
background: url(../Images/label.gif) transparent right top no-repeat;
}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

#menu {
position: absolute;
top: 126px;
left: 0;
width: 120px;
padding: 61px 60px 100px 15px;
}

#menu.negative {
background: url(../Images/blot_menu.gif) left top no-repeat;
}

#menu a {
padding: 0 3px 0 3px;
}

#menu a.active {
background: #ddd;
}

#menu a.active:hover {
background: black;
}

#menu span {
padding: 0 3px 0 3px;
color: #999;
text-decoration: line-through;
}

#menu li.imglink {
margin-top: 24px;
}

#menu li.imglink a {
border: none;
}

#menu li.imglink a:hover {
background: white;
}

#menu li.imglink img {
border: none;
}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
content
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

#content {
width: 720px;
padding: 55px 0 0 180px;
}

#content.banner {
padding-top: 0;
}

#banner a.banner {
border-bottom: none;
}

#banner a.banner:hover {
background: white;
}

#content.banner a.banner img {
margin-bottom: 0;
}

h1 {
font-size: 24px;
font-style: italic;
font-weight: normal;
padding-bottom: 11px;
}

h1.banner {
margin-top: 48px;
}

h1 a {
border-bottom: none;
}

#content img {
margin-bottom: 50px;
border: none;
}

#content.gallery img {
margin-bottom: 0;
}

#content p {
margin: 0 70px 12px 0;
}

#content.gallery p {
margin: 12px 0 50px 0;
}

#content img.b1 {
border: 1px solid #999;
}

#content img.b2 {
border: 2px solid black;
}

#thumb {
width: 210px;
margin: 0 20px 64px 0;
float: left;
}

#thumb a {
padding-bottom: 3px;
}

#thumb img {
border: 1px solid #999;
margin-bottom: -10px;
}

#thumb a:hover img {
border: 1px solid black;
}

#thumb.wide {
width: 660px;
}

span.title {
font-style: italic;
}

#acrobat {
background: url(../Images/acrobat.gif) center left no-repeat;
padding-left: 20px;
}

#blot {
background: url(../Images/blot.gif) top left no-repeat;
margin: -50px 0 -50px -100px;
padding: 100px 0 0 200px;
width: 620px;
height: 550px;
color: white;
}

/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
footer
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/

#footer {
background: #eee;
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
border-top: 1px solid #ccc;
}

#footer p {
margin-left: 180px;
}