/* layout */
#container { width:650px; margin: 40px auto; }
#header { text-align: center; }
#header h1 { display: none; }

#topcontent { border-bottom: 1pt solid #c7c8ca; padding: 12px 0px 84px 0px; margin-top:50px; position:relative; }
#topcontent p.byline { text-align:right; font-size:10px; text-transform: uppercase; margin:0.2em 1em; }
#bottomcontent { border-bottom: 1pt solid #c7c8ca; padding: 12px 0px; text-align: left;}

#title, #detail, #subdetail { display: block; float:left; clear:both; margin-bottom:.5em;}
#footer {  }

td { padding:.2em 0em; }

/* typography */
body {
    font-family: Georgia, garamond, serif;
    font-size:12pt;
    color:#AFAFAF;
}
p { margin-bottom: 1.4em; line-height:1.4em;}

h1 { font-size:28pt; font-weight:100; line-height:1.2em; letter-spacing:-2px; color:#c7c8ca;}
h2 { font-size:24pt; }
h3 { font-size:22pt; }
h4 { font-size:18pt; }
h5, h6, h7 { font-size: 14pt; font-style: italic; }

#header span{ letter-spacing:4px; }
#content p.title { font-size:13pt; font-style:italic; }

#prev, #next { font-size:28pt; font-weight:normal; line-height:1.2em; }
.taller { font-size: 19pt; }
#title { margin-top:0.4em;  }

#detail, #subdetail { color: #636466; font-size: 0.8em; line-height:1.7em; }
#subdetail { font-style: italic; }

/* link styles */
a { color:#AFAFAF; font-weight:bold; text-decoration:none; }
a:hover { color:#AFAFAF; font-weight:bold; }
a:active { color:#AFAFAF; font-weight:bold; }
a:visited { color:#AFAFAF; font-weight:bold; }

#header a,
#header:visited,
#footer a,
#footer:visited { color:#101010; letter-spacing: 2px; text-transform: lowercase; }

#website-text a { font-weight:normal; }

#topcontent h1 a { font-weight: normal; }

ul#main-nav { font-size:8pt;margin:0;padding:1em;width:100%;text-align:center;}
ul#main-nav li {margin:0;padding:0;list-style:none;display: inline;margin:0 0.3em 0 0;}
ul#main-nav li a {text-decoration:none;padding:1em;color:#101010;}
ul#main-nav li a:hover {color:#000;background:#efefef;}
ul#main-nav li a.current { background:#efefef; color:#000;}

/* by page */
.contactpage { border-bottom:none; padding-bottom: 200px; }
.contactpage h1 { margin-bottom:1em; }

.visionpage { padding-right:6px; }
.visiontwopage { border-bottom: none; padding-bottom: none; }

#website-slides { width:650px; height:352px; overflow: hidden; text-align: center;  }
#website-text { clear:both; overflow: auto; margin:0.5em 0em 1em 0em; height:130px;}
#collateral-slides { width:650px; height:410px; overflow: hidden; text-align: center;}
#collateral-text { clear:both; overflow: auto; margin:0.5em 0em 1em 0em; height:130px;}
#prev-next {  clear:both; bottom:0; position: absolute;}