/* Latest iteration, now with CSS3 */
/* Import Eric Meyer's lovely reset */
@import url(http://jbull.org/c/meyer_reset.css);

body {
font-size: 62.5%; /*Reset font size to 1em = 10px*/
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
text-align: center;
color: #2F2F2F;
}

/* Layout */
#wrapper {
margin: 5em auto;
text-align: left;
width: 65%;
}

#header {
width: 100%;
}

#main {
width: 100%;
float: left;
display: inline;
overflow: hidden;
padding-bottom: 1em;
}

#footer {
clear: both;
width: 100%;
text-align: right;
border-top: 1px solid #babdb6;
}

/* Typography */
h1 {
font-size: 4.8em;
line-height: 1.333em;
border-bottom: 2px solid #ff8800;
}

h2 {
font-size: 2.8em;
line-height: 1.0em;
margin-bottom: 1.0em;
margin-top: 1.0em;
}

p {
margin-bottom: 1.8em;
margin-top: 1.8em;
font-size: 1.8em;
line-height: 1.2em;
}

small {
font-size: 1.2em;
line-height: 1.8em;
margin-bottom: 1.8em;
margin-top: 1.8em;
}

/* Links */
a:link, a:visited, a:active {
color: #000;
font-weight: bold;
text-decoration: none;
}

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