body {
color: #222;
background: #999;
font: .9em "AvenirLTStd-Book", "Avenir LT Std 45 Book", "Avenir-Book", "Avenir 45 Book", sans-serif;
text-align: center;
margin: 0 auto;
padding: 0;
}

table {
background: #fff;
border: 2px solid #ccc;
}

td {
border-bottom: 1px dotted #ccc;
padding: 2px 10px;
}

th {
text-align: left;
text-transform: uppercase;
font-size: .7em;
padding: 2px 10px;
}

a {
color: #367;
text-decoration: none;
}

a:hover {
color: #c41;
text-decoration: underline;
}

img {
border: 0;
}

iframe {
background: #fff;
}

.frame {
text-align: left;
margin: 0 auto;
border: 1px solid #444;
}

.clearer {
clear: both;
}

#header{
background: #fff url(../img/bkgd-hdr.gif) repeat-x;
text-align: center;
}

#hdr-frame {
width: 850px;
height: 151px;
margin: 0 auto;
position: relative;
}

#logo {
float: left;
margin: 18px 10px;
}

#tagline {
float: right;
margin: 45px 10px;
}

#nav {
position: absolute;
bottom: 0; right:0;
width: 410px;
height: 50px;
font-size: 11px;
letter-spacing: 4px;
text-transform: uppercase;
/*
background: url(../img/nav-bkgd.gif) no-repeat 0 0;
*/
}

#nav a {
color: #555;
display:block;
float: left;
width:100px;
height: 16px;
padding-top: 4px;
text-decoration: none;
}

#nav a:hover {
color:#000;
background: #ddd;
border-top: 3px solid #ddd;
}

#nav a.selected {
background: #000;
color: #fff;
border-top: 3px solid #000;
}

#content {
padding: 20px;
background: #fff;
}

#content-frame {
width: 850px;
margin: 0 auto;
text-align: left;
}

#footer {
background: url(../img/bkgd-footer.gif) repeat-x;
min-height: 140px;
}

#footer-frame {
width: 850px;
margin: 0 auto;
text-align: left;
}

#copyright {
float: left;
margin: 30px auto;
}

#copyright {
float: left;
margin: 50px auto;
}

#lone-tiki {
float: right;
margin: 15px auto;
}

#subhead {
margin-bottom: 20px;
}

#intro {
font-size: 16px;
color: #421;
line-height: 1.6em;
margin-bottom: 30px;
text-align: center;
}

#main {
float: left;
width: 600px;
margin: 20px 0;
line-height: 1.6em;
}

#subnav {
font-size: .8em;
text-transform: uppercase;
margin: 10px 0;
text-align: right;
}

#subnav a {
color: #888;
padding: 2px 0;
margin: 0 7px;
text-decoration: none;
letter-spacing: 2px
}

#subnav a:hover {
color:#c40;
border-bottom: 2px solid #c40;
}

#subnav a.set-on {
color: #c40;
border-bottom: 2px solid #c40;
}

#exemplars-nav, #sidebar {
float: right;
width: 240px;
margin-top: 20px;
}

#exemplars-nav a
{
display: block;
float:right;
border: 3px solid #eee;
margin-left: 10px;
margin-bottom: 10px;
padding: 2px;
color: #777;
}

#exemplars-nav a:hover
{
border: 3px solid #c40;
}

#set1, #set2, #set3 {
display: none;
}

#exemplars-resume {
float:left;
text-align: center;
color: #777;
background-color: #eee;
width: 242px;
}

#exemplars-sample {
float: left;
margin-top: 20px;
padding-top: 3px;
}

#sample {
margin: 0; padding: 0;
background: #fff;
}

#sample-info {
width: 474px;
border: 1px solid #ccc;
margin-top: 5px;
color: #999;
padding: 3px;
font-family: sans-serif;
font-size: 10px;
line-height: 1em;
}