/**
 * RESET
 * Reference: http://meyerweb.com/eric/tools/css/reset/
 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
    display: block;
}

/* ********************************************************************** *********************************** 
   Grabbed this from w3bits, where I stole the menu. Don't think I need any of the below stuff...
   ********************************************************************** *********************************** */
/*
body {
    line-height: 1.618;
    font-family: Arial, Helvetica, sans-serif;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

code, pre, samp {
  font-family: monospace;
}
*/
/**
 * BASIC TYPE
 */
/*
p {
    margin: 0 0 1em;
}

h1, h2, h3, h4 {
    margin: .5em 0 .75em;
    line-height: 1.3;
}

h1 {
    font-size: 1.5em;
}

h2 {
    font-size: 1.25em;
}

h3 {
    font-size: 1.125em;
}

h4 {
    font-size: 1em;
}
*/
/**
 * BOX HACKING
 */
/*
html {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
}
*/
/**
 * CLEAR FLOATS
 * Reference: http://w3bits.com/clearfix
 */
/*
.cf:after {
    content: "";
    display: table;
    clear: both;
}
*/
/**
 * CONTENT WRAPPER
 */
/*
.wrapper {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 1366px) {
    .wrapper {
        width: 1080px;
    }
}
*/
/**
 * ICON SYSTEM
 */
/*
.icon {
    height: 1em;
    width: 1em;
    display: inline-block;
    vertical-align: middle;
    fill: currentColor;
}

.icon-reverse {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
*/
/**
 * BUTTONS
 */
/*
.buttons {
    margin: 1.5em 0;
}

.button {
    padding: 1em 1.5em;
    color: rgba(255, 255, 255, 0.75);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.button:hover {
    color: rgba(255, 255, 255, 0.9);
}

.green-sea {
    background: #16a085;
}

.button.green-sea:hover {
    background: #1abc9c;
}

.belize-hole {
    background: #2980b9;
}

.button.belize-hole:hover {
    background: #3498db;
}

.pomegranate {
    background: #c0392b;
}

.button.pomegranate:hover {
    background: #e74c3c;
}
*/
/**
 * HYPERLINKS & NAVIGATION
 */
/*
a {
  color: #555;
  text-decoration:none;
}
*/
 /* normalize fonts for forms */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}