/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
fieldset,img {
  border: 0
}
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal
}
ol,ul {
  list-style: none
}
caption,th {
  text-align: left
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal
}
q:before,q:after {
  content:''
}
abbr,acronym {
  border:0
}
/* FONTS */
@font-face {
  font-family:'Biolinum_Re';
  src:url(../fonts/LinBiolinum_Re-0.6.4.otf) format('opentype'),
  url(../fonts/LinBiolinum_Re-0.6.4.ttf) format('truetype');
}
@font-face {
  font-family:'Libertine_Re';
  src:url(../fonts/LinLibertine_Re-4.7.5.otf) format('opentype'),
  url(../fonts/LinLibertine_Re-4.7.5.ttf) format('truetype');
}
@font-face {
  font-family:'Biolinum_Bb';
  src:url(../fonts/LinBiolinum_Bd-0.5.5.otf) format('opentype'),
  url(../fonts/LinBiolinum_Bd-0.5.5.ttf) format('truetype');
}
/* MAIN */
html {
  font-size: 100%;
  min-height: 101%
}
body {
  font: 16px/1.5 Biolinum_Re;
  color: #444;
  background: #f2f2f2 url("../img/main_bg.png") repeat-x;
}
.wrap {
  width: 960px;
  margin: 0 auto
}
#header {
  padding-top: 1.5em;
  margin: 1em 0 2em;
  height: 140px;
  position: relative;
  background: url("../img/nav_bg.png") repeat-x;
}
#logo {
  float: left;
  margin: -24px 0 0 2em;
  width: 300px;
  height: 140px;
  background: url("../img/logo_bg.png") no-repeat;
  font-family: Palatino;
  text-align: center;
}
#logo h1 {
  padding: 0;
  margin: 0.8em 0 0;
  font-style: normal;
  font-size: 3.5em;
  color:#b84202;
  line-height: 0.2em;
  text-shadow: 1px 1px 1px #f2f2f2;
}
#logo i {
  font-size: 1.5em;
  color: #444;
}
#container {
  background: #fff;
  width: 960px;
  margin: -100px auto 20px;
  box-shadow: 1px 1px 4px #ccc;
}
#page {
  padding: 3em 2em 2em;
  font-size: 1.3em;

}
#main-nav {
  float: left;
  margin: 2em 1.5em 1em;
}
#main-nav ul {
  list-style: none;
}
#main-nav ul li {
  display: inline-block;
  padding: 0 30px 0 0;
}
#main-nav ul .active a {
  color: #b84202;
}
#main-nav a {
  color:#8c8c8c;
  text-decoration: none;
  font-size: 1.4em;
}
#main-nav a:hover {
  color:#f2f2f2;
}

#footer {
  background: #222222;
  padding: 2em;
  overflow: hidden;
}

#footer h2 {
  margin: 0 0 .3em;
  color: #666;
}
.box {
  float: left;
  padding-right: 2em;
  margin-right: 2em;
}
/*PARAGRAPHS */
p, pre {
  line-height: 1.5em;
  margin: 0 0 1.5em;
}
p.intro:first-line {
  font-variant: small-caps
}
p.drop:first-letter {
  float: left;
  font-size: 3em;
  margin: -.05em .1em -.5em 0;
}
/*HEADINGS */
h1, h2, h3, h4, h5, h6 {margin-bottom: .5em; color: #000}
h3, h4, h5 {font-variant: small-caps}
h1 {
  font-size: 2.4em;
  margin-top: .6em;
  line-height: 1.2em
}
h2 {
  font-size: 1.5em;
  margin-top: .9em;
  line-height: .9em
}
h3 {
  font-size: 1.5em;
  margin-top: 1.2em;
  line-height: 1.2em
}
h4 {
  font-size: 1.2em;
  margin-top: 1.5em;
  line-height: 1.5em
}
h5 {
  font-size: 1em;
  margin-top: 1.8em;
  line-height: 1.8em
}
h6 {
  font-size: 1em;
  margin-top: 1.8em;
  line-height: 1.8em
}
/*LINKS */
a {color: #000}
a:hover {text-decoration: none}
.none-deco {
  text-decoration: none;
}
/*ALL THE TRIMMINGS */
blockquote p {
  font-size: 1.2em!important;
  line-height: 1.5em!important;
  margin-bottom: 1.5em!important;
  font-style: italic;
  font-weight: bold
}
blockquote p cite {font-style: normal}
em {font-variant:small-caps}
strong {
  font-family: Biolinum_Bb;
  font-weight: inherit
}
.amp { /* Give those ampersands a right sexy look */
  font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
  font-style: italic;
  font-weight: normal;
  line-height: inherit
}
abbr {
  border-bottom: 1px dotted;
  cursor: help
}
.clear {clear:both}
.right-float { /* Float any item to the right */
  float: right;
  margin: 0 0 0 2em
}
.left-float { /* Float any item to the left */
  float:left;
  margin: 0 2em 0 0
}
pre, code { /* Styling for and code type items */
  font-family: consolas, lucida console, bitstream vera sans mono, courier new, monospace;
  font-size: 87.5%;
  color: #007A00
}
pre code {font-size: 1em}
.border-right {
  border-right: 1px solid #444;
}
/* IMAGE STYLES */
img {font-size: 1em}
img.left-img { /* Float any image to the LEFT and give it some margin */
  float: left;
  padding: 4px;
  border: 1px solid #ccc;
  margin: .3em 2em 1.8em 0
}
img.right-img { /* Float any image to the RIGHT and give it some margin */
  float: right;
  padding: 4px;
  border: 1px solid #ccc;
  margin: .3em 0 1.8em 2em
}
/* LIST STYLE */
ul {
  margin-bottom: 1.8em;
  list-style: square inside;
}
ul li {line-height:1.5em}
ul li.caption {
  font-variant: small-caps;
  list-style: none;
  color: #000
}
li > ul, li > ol {
  margin-bottom: 0;
  margin-left: 5em
}
li > ul li, li > ol li {font-size: 1em}
ol {
  margin-bottom: 1.8em;
  list-style: decimal inside
}
ol li {line-height:1.5em}

.submits {margin: 1em 0}
.submits input {font-size: 112%}