/**********************/
/*     Typography     */
/**********************/

body {
  font-family: Arial, Verdana, sans-serif;
  font-size: 62.5%; /* 1em = 10px */
}

/* Headings */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2.5em; margin-bottom: 0.75em; }
h3 { font-size: 2.167em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.667em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1.167em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text Elements */
p           { margin: 0 0 1.5em; }
a           { color: #009; text-decoration: none; }
a:hover     { color: #000; text-decoration: underline; }
a:active    { color: #099; }

/* Form Elements */
label   { font-weight: bold; }
legend  { font-weight: bold; font-size:1.2em; }


/**************************/
/*     Custom Classes     */
/**************************/

.fullspan { margin-left: auto; margin-right: auto; width: 960px; }
.clear    { clear: both; }

/**********************************/
/*     Reusable Page Elements     */
/**********************************/

/* Columns */
.column  { float: left; margin-right: 20px; }
.column.last { margin-right: 0; }

/*************************/
/*     Page Elements     */
/*************************/

/* Body */
html        { overflow: auto; }
body        { background-color: #FFF; }
#container  { margin: 0 auto; width: 960px; font-size: 1.2em; }