/* Framework	 					 */
/* 1. CSS Reset and Default Settings */
/* 2. Responsive Design 			 */
/* 3. Absolute & Relative Classes	 */
/* 4. Default Fonts & Other 		 */

/* //////////////////////////////////////////////// */
/* //////// CSS Reset and Default Settings //////// */
html {
    font-size: .8125em;
    background: initial;
    -webkit-text-size-adjust: .8125em;
    -ms-text-size-adjust: .8125em;
    background-image: initial;
}
body {
    margin: 0; padding: 0;
    color: #333;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    overflow-y: auto ! important;
    overflow-x: hidden ! important;
    font-family: "Arial","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}
body ul, body li {
    margin: 0; padding: 0
}
audio, canvas, video {
    display: inline;
    zoom: 1
}
audio:not([controls]) { height: 0 }
audio:not([controls]), [hidden], head, .remove, [hidden], head { display: none }
img {
    -ms-interpolation-mode: bicubic;
    border: 0;
}
svg:not(:root) { overflow: hidden }
legend {
    margin-left: -7px;
    padding: 0;
    white-space: normal;
    border: 0;
}
button, input, select, textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}
button::-moz-focus-inner, input::-moz-focus-inner {
    padding: 0;
    border: 0
}
button, input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
    overflow: visible;
}
button[disabled], input[disabled] { cursor: default }
input[type=checkbox], input[type=radio] {
    width: 13px; height: 13px;
    padding: 0;
    box-sizing: border-box
}
input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none }
textarea {
    overflow: auto;
    vertical-align: top;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.code {
    display: block;
    padding: 5px;
    background-color: #fafafa;
    font-size: 1em;
    line-height: 0;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    box-shadow: -25px 0px 0px #ffffff, -26px 0px 0px #f1f1f1;
    list-style-position: outside;
   
}
.code {
    display: block;
    list-style-type: decimal;
    margin: 0; padding: 0;
    margin-left: 25px;
   
}
.code li {
    padding-left: 8px;
   
    
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
   
}
q { quotes: none }
q:before, q:after { content: none }
small { font-size: 75% }
sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup { top: -.5em }
sub { bottom: -.25em }
.active, a:hover, a:active { text-decoration: none }
a, a:visited {
    color: #000;
    text-decoration: none;
    cursor: pointer
}
.a, a:visited, .active, a:hover { cursor: pointer }
html, button, input, select, textarea { font-family: sans-serif }
form, figure { margin: 0 }
fieldset {
    margin: 0 2px; padding: .3em .5em .7em;
    border: 1px solid rgba(191,191,191,.9)
}
button, input { line-height: normal }
code {
    padding: 5px 8px;
    color: #ff1f1f;
    font-size: 1.1em;
    -webkit-font-smoothing: antialiased;
    border: 1px solid #eaeaea;
    border-radius: 4px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary, div { display: block }
nav select { display: none }
nav ul, nav ol {
    list-style: none;
    list-style-image: none;
}
.reset {
    margin: 0; padding: 0;
    border: 0
}
.clear, .responsive:after, .responsive:before, .fluiddesign:before, .fluiddesign:after {
    display: block; float: none;
    height: 0;
    content: " ";
    clear: both;
    line-height: 0;
}
#content .column { margin-bottom: 40px }
#content .column .column { margin-bottom: 0 }



/* //////////////////////////////////////////////// */
/* //////// 	  Responsive Design 	   //////// */
@media only screen and (min-width: 1000px) { 
    body { font-size: 1em }
    .responsive {
        width: 960px;
        margin: 0 auto; padding: 0
    }
    .responsive .column.sixteen { width: 940px }
    .responsive .text.thirteen, .responsive .column.thirteen { width: 760px }
    .responsive .text.fourteen, .responsive .column.fourteen { width: 820px }
    .responsive .text.sixteen {
        width: 940px;
        margin: 0
    }
    .responsive .text.fifteen, .responsive .column.fifteen { width: 880px }
    .responsive .text.twelve, .responsive .column.twelve { width: 700px }
    .responsive .text.eleven, .responsive .column.eleven { width: 640px }
    .responsive .text.third, .responsive .column.third { width: 298px }
    .responsive .text.seven, .responsive .column.seven { width: 400px }
    .responsive .text.three, .responsive .column.three { width: 160px }
    .responsive .text.eight, .responsive .column.eight { width: 460px }
    .responsive .text.nine, .responsive .column.nine { width: 520px }
    .responsive .text.only {
        width: 100%;
        margin: 0
    }
    .responsive .text.five, .responsive .column.five { width: 280px }
    .responsive .text.four, .responsive .column.four { width: 220px }
    .responsive .text.six, .responsive .column.six { width: 340px }
    .responsive .text.two, .responsive .column.two { width: 100px }
    .responsive .text.one, .responsive .column.one { width: 40px }
    .responsive .text.ten, .responsive .column.ten { width: 580px }
    .responsive .column {
        float: left;
        min-height: 1px;
        margin: 0 10px
    }
    .responsive .column .column { padding: 0 }
    .responsive .column .column:first-of-type, .responsive .column .column.firstchild { margin: 0 10px 0 0 }
    .responsive .column .column:last-of-type, .responsive .column .column.lastchild { margin: 0 0 0 10px }
    .responsive .column .column:only-of-type, .responsive .column .column.onlychild { margin: 0 }
    .responsive .column .column:only-child, .responsive .column .column.onlychild { margin: 0 }
    .responsive .text {
        display: block; float: left;
        margin: 0 10px
    }
    .responsive .text:first-child { margin: 0 10px 0 0 }
    .responsive .text:last-child { margin: 0 0 0 10px }
    .responsive .text:only-child {
        width: 100%;
        margin: 0
    }
}
@media only screen and (min-width: 768px) and (max-width: 1000px) { 
    body { font-size: 1em }
    .responsive {
        width: 720px;
        margin: 0 auto; padding: 0
    }
    .responsive .column.sixteen { width: 700px }
    .responsive .text.fourteen, .responsive .column.fourteen { width: 610px }
    .responsive .text.thirteen, .responsive .column.thirteen { width: 565px }
    .responsive .text.fifteen, .responsive .column.fifteen { width: 655px }
    .responsive .text.eleven, .responsive .column.eleven { width: 475px }
    .responsive .text.twelve, .responsive .column.twelve { width: 520px }
    .responsive .text.seven, .responsive .column.seven { width: 295px }
    .responsive .text.three, .responsive .column.three { width: 115px }
    .responsive .text.third, .responsive .column.third { width: 218.5px }
    .responsive .text.eight, .responsive .column.eight { width: 340px }
    .responsive .text.five, .responsive .column.five { width: 205px }
    .responsive .text.nine, .responsive .column.nine { width: 385px }
    .responsive .text.four, .responsive .column.four { width: 160px }
    .responsive .text.only {
        width: 100%;
        margin: 0
    }
    .responsive .text.one, .responsive .column.one { width: 25px }
    .responsive .text.six, .responsive .column.six { width: 250px }
    .responsive .text.two, .responsive .column.two { width: 70px }
    .responsive .text.ten, .responsive .column.ten { width: 430px }
    .responsive .column {
        float: left;
        min-height: 1px;
        margin: 0 10px
    }
    .responsive .column .column { padding: 0 }
    .responsive .column .column:first-of-type, .responsive .column .column.firstchild { margin: 0 10px 0 0 }
    .responsive .column .column:last-of-type, .responsive .column .column.lastchild { margin: 0 0 0 10px }
    .responsive .column .column:only-of-type, .responsive .column .column.onlychild { margin: 0 }
    .responsive .column .column:only-child, .responsive .column .column.onlychild { margin: 0 }
    .responsive .text {
        display: block; float: left;
        margin: 0 10px
    }
    .responsive .text:first-child { margin: 0 10px 0 0 }
    .responsive .text:only-child {
        width: 100%;
        margin: 0
    }
    .responsive .text:last-child { margin: 0 0 0 10px }
}
@media only screen and (min-width: 660px) and (max-width: 767px) { 
    body { font-size: 1em }
    .responsive {
        width: 640px;
        margin: 0 auto; padding: 0
    }
    .responsive .column.four.extend {
        float: left;
        width: 300px
    }
    .responsive .text.only {
        width: 100%;
        margin: 0
    }
    .responsive .column {
        float: left;
        width: 620px; min-height: 1px;
        margin: 0 10px
    }
    .responsive .column .column {
        margin: 0; padding: 0
    }
    .responsive .column .column {
        margin: 0; padding: 0
    }
    .responsive .column span {
        margin-right: 0; margin-left: 0
    }
    .responsive .text {
        display: block; float: left;
        margin: 0 10px
    }
    .responsive .text:first-child { margin: 0 10px 0 0 }
    .responsive .text:only-child {
        width: 100%;
        margin: 0
    }
    .responsive .text:last-child { margin: 0 0 0 10px }
}
@media only screen and (min-width: 460px) and (max-width: 659px) { 
    body { font-size: .9em }
    .responsive {
        width: 420px;
        margin: 0 auto; padding: 0
    }
    .responsive .column.four.extend {
        float: left;
        width: 190px
    }
    .responsive .column {
        float: left;
        width: 400px; min-height: 1px;
        margin: 0 10px
    }
    .responsive .column .column {
        margin: 0; padding: 0
    }
    .responsive .column span {
        margin-right: 0; margin-left: 0
    }
}
@media only screen and (min-width: 0) and (max-width: 460px) { 
    body { font-size: .9em }
    .responsive {
        width: 300px;
        margin: 0 auto; padding: 0
    }
    .responsive .column.four.extend {
        float: left;
        width: 130px
    }
    .responsive .column {
        float: left;
        width: 280px; min-height: 1px;
        margin: 0 10px
    }
    .responsive .column .column {
        margin: 0; padding: 0
    }
    .responsive .column span {
        margin-right: 0; margin-left: 0
    }
}
@media only screen and (max-width: 767px) { 
    #ab-menu ul { display: none }
    #ab-menu select {
        display: inline-block;
        margin-bottom: 40px
    }
}


/* //////////////////////////////////////////////// */
/* ////////  Absolute & Relative Classes   //////// */
.absolute, .relative { float: left }
.absolute.onehundred { width: 100% }
.absolute.ninety { width: 90% }
.absolute.eighty { width: 80% }
.absolute.seventy { width: 70% }
.absolute.sixty { width: 60% }
.absolute.fifty { width: 50% }
.absolute.fourty { width: 40% }
.absolute.thirty { width: 30% }
.absolute.twenty { width: 20% }
.absolute.ten { width: 10% }
.fluid.eight, .relative.eight { width: 12.5% }
.fluid.seven, .relative.seven { width: 14.2857% }
.fluid.six, .relative.six { width: 16.6667% }
.fluid.five, .relative.five { width: 20% }
.fluid.four, .relative.four { width: 25% }
.fluid.three, .relative.three { width: 33.3333% }
.fluid.two, .relative.two { width: 50% }
.fluid.one, .relative.one { width: 100% }


/* //////////////////////////////////////////////// */
/* ////////     Default Fonts & Other      //////// */
h1 {
    margin: .67em 0;
    font-size: 2em
}
h2 {
    margin: .83em 0;
    font-size: 1.6em
}
h3 {
    margin: 1em 0;
    font-size: 1.17em
}
h4 {
    margin: 1.33em 0;
    font-size: 1.17em
}
h5 {
    margin: 1.67em 0;
    font-size: .83em
}
h6 {
    margin: 2.33em 0;
    font-size: .75em
}
#container {
    margin-top: 0;
    padding-right: 0; padding-left: 0;
    margin: 0 auto
}
.lb-data .lb-caption, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans','Lato',sans-serif;
}
p { padding-bottom: 10px }
#content li, #footer li { line-height: 1.6em }
p::after, p::before, .clear {
    float: none;
    clear: both
}
.left { float: left }
.right { float: right }
p, blockquote, section#content li {
    font-size: .95em; font-weight: 500;
    line-height: 1.7em
}
p, #pinpoint h2, .code { font-family: 'Droid Sans','Helvetica Neue',Helvetica,Arial,sans-serif }
input {
    font-size: 1em; font-weight: 500;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6em;
}