/*--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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
:focus {outline:0;}
body {line-height:1;color:#000;font-weight: 300;}
ul {list-style:none;}
ol {list-style:decimal;margin-left: 1em;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:400;}
.clear {clear: both;}
.clear.big {padding-bottom: 30px;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* ----- clear fix for floats ----- */
 .clearfix {display:inline-block;}
* html .clearfix {height:1%;}
/* hides clearfix from IE-mac */
 .clearfix {display:block;}
/* end hide from IE-mac */

/*--FRAMEWORK--*/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
html{height: 100%; overflow-x: hidden;}
.section {width: 100%;}
.wrapper {margin: 0 auto;width: 960px;padding: 40px 0 10px;position: relative;}
.wrapper.small {padding: 5px 0;}
p {margin-bottom: 20px;}
.container-12 {
    margin-left: auto;
    margin-right: auto;
    /*width: 720px;*/
}
.qtip-contentWrapper {background-color:transparent !important;}
.qtip-content {background:url('../rgba.php?name=black&a=80') repeat;background-color:rgba(0,0,0,0.8) !important;padding:0 0 0 11px !important;}
#global-submenu {margin:1.1em 0 0;}

.container-12 .grid-1 {width: 40px;margin:0px 10px 20px;float:left;position: relative;}
.container-12 .grid-2 {width: 100px;margin:0px 10px 20px;float:left;position: relative;}
.container-12 .grid-3 {width: 160px;margin:0px 10px 20px;float:left;position: relative;}
.container-12 .grid-4 {width: 220px;margin:0px 8px 20px;float:left;position: relative;}
.container-12 .grid-5 {width: 280px;margin:0px 10px 20px;float:left;position: relative;}
.container-12 .grid-6 {width: 340px;margin:0px 10px 20px;float:left;position: relative;}
.container-12 .grid-7 {width: 400px;margin:0px 10px 20px;float:left;position: relative;}
.container-12 .grid-8 {width: 480px;margin:0px 10px 20px;float:left;position: relative;}
.container-12 .grid-9 {width: 520px;margin:0px 10px 20px;float:left;position: relative;}
.container-12 .grid-10 {width: 580px;margin:0px 10px 20px;float:left;position: relative;}
.container-12 .grid-11 {width: 640px;margin:0px 10px 20px;float:left;position: relative;}
.container-12 .grid-12 {width: 700px;margin:0px 10px 20px;float:left;position: relative;}
.col1-1 {width:940px;margin:0px 10px 20px;float:none;display:inline-block;position: relative;}
.col1-2 {width:460px;margin:0px 10px 20px;float:left;position: relative;}
.col1-3 {width:300px;margin:0px 10px 20px;float:left;position: relative;}
.col2-3 {width:620px;margin:0px 10px 20px;float:left;position: relative;}
.col1-4 {width:220px;margin:0px 10px 20px;float:left;position: relative;}
.col3-4 {width:700px;margin:0px 10px 20px;float:left;position: relative;}
.col5-6 {width:780px;margin:0px 10px 20px;float:left;position: relative;}
.col1-6 {width:140px;margin:0px 10px 20px;float:left;position: relative;}

.grid-8.links a {padding-right:.9em;display:inline-block;font-size:.75em;}
.grid-8.links {background-color:#000000;display:block;margin:0 0 0 -10px !important;padding:20px;width:103%;}
#global-submenu p {color: rgb(226, 226, 226); font-family: Georgia; font-style: italic; font-size: 0.85em; padding: 0.5em 0px 0px; margin: 0px;}

.floatright {float: right;}

.floatleft {float: left;}

.video-container {position: relative;padding-bottom: 52%;padding-top: 30px;height: 0;overflow: hidden;margin-bottom: 20px;}

.video-container iframe,  
.video-container object,  
.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.full_width {width: 100%;}
.one_half { width: 48%; }
.one_third { width: 30.66%; }
.two_thirds { width: 65.33%; }
.one_fourth { width: 22%; }
.three_fourths { width: 74%; }
.one_fifth { width: 16.8%; }
.two_fifth { width: 37.6%; }
.three_fifth { width: 58.4%; }
.four_fifth { width: 67.2%; }
.one_sixth { width: 110px; }
.five_sixth { width: 82.67%; }

.one_half,
.one_third,
.two_thirds,
.three_fourths,
.one_fourth,
.one_fifth,
.two_fifth,
.three_fifth,
.four_fifth,
.one_sixth,
.five_sixth {position: relative;margin-right: 4%;margin-bottom: 20px;float: left;}

.last {margin-right: 0;}

img {max-width: 100%; height: auto;}

/**
 *
 * ======================================================================= Word Wrap
 * =======================================================================
 */

.breakword {word-wrap: break-word;}

.normal-wrap {word-wrap: normal;}


/**
 *
 * =======================================================================
 * Drop Capitals:
 * Extend this object into your markup.
 <p class="drop-cap">What a wonderful day it is out there wouldn't you'd say?</p>
* =======================================================================
 */

.drop-cap:first-letter {float: left;margin: auto .25em auto auto;padding: inherit;font-size: 4em;font-family: inherit;line-height: 1;text-indent: 0;background: transparent;color: inherit;}

p + .drop-cap {text-indent: 0;margin-top: 0;}


/**
 *
 * ======================================================================= Base Type
 * =======================================================================
 *
 */

html {font: normal 100%/1.65 serif; /* base font size 18px with 1.65 line-height */}

body {-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;-o-hyphens: auto;hyphens: auto;word-wrap: break-word;color: #444444;}


/**
 *
 * ======================================================================= Fine Print
 * =======================================================================
 */

small {font-size: 65%;}


/**
 *
 * ======================================================================= Headings
 * =======================================================================
 */

h1,
h2,
h3,
h4,
h5,
h6 {line-height: 1;margin-top: 0;text-rendering: optimizeLegibility; /*  voodoo to enable ligatures and kerning | https://developer.mozilla.org/en-US/docs/CSS/text-rendering */color: #222222;}


/**
* Extend included classes on any element of your
* choosing for adjusting type based on the scale
* provided.

* For example:

 <h6 class="giga">Awesome Headline</h6>
 <p class="tera">a story about a dude</p>

* Our Type Scale is as follows with px fallbacks
* for IE 6-8 as they do not understand REM units.
*
* 18, 21, 24, 36, 48, 60, 72, 90, 117
*
*/

.tera {font-size: 117px;font-size: 6.5rem; /* 117 / 18 = 6.5 */margin-bottom: 0.25385em;}

.giga {font-size: 90px;font-size: 5rem; /* 90 / 18 = 5 */margin-bottom: 0.33em;}

.mega {font-size: 72px;font-size: 2.4rem; /* 72 / 18 = 4 */margin-bottom: 0.4125em;}

h1,
.alpha {font-size: 60px;font-size: 3.33333rem; /* 60 / 18 = 3.3333 */margin-bottom: 0.495em;}

h2,
.beta {font-size: 48px;font-size: 2.4rem; /* 48 / 18 = 2.6667 */margin-bottom: 0.61875rem;}

h3,
.gamma {font-size: 36px;font-size: 2rem; /* 36 / 18 = 2 */margin-bottom: 0.825em;}
h4.mega {font-size:2em;}
h4,
.delta {font-size: 24px;font-size: 1.3333333333333333rem; /* 24 / 18 = 1.3333 */margin-bottom: 1.2375em;}

h5,
.epsilon,footer h2 {font-size: 21px;font-size: 1.16667rem; /* 21 / 18 = 1.1667 */margin-bottom: 1.4142857142857141em; /* measure( base font-size(18) * base line-height(1.65) ) / current font-size(21) = margin-bottom(1.4142857142857141) */}

h6,
.zeta {font-size: 18px;font-size: 1rem; /* 18 = 18 × 1 */margin-bottom: 1.65em; /* measure( base font-size(18) * base line-height(1.65) ) / current font-size(18) = margin-bottom(1.65) */}

/**
 *
 * ======================================================================= Paragraphs and Indentation
 * =======================================================================
 */

p {margin: auto auto 1.4em; /* bottom margin for paragraphs */}

/**
 *
 * ======================================================================= Hyphens
 * =======================================================================
 */

abbr,
acronym,
blockquote,
code,
dir,
kbd,
listing,
plaintext,
q,
samp,
tt,
var,
xmp {/* Accepted values: [ none | manual | auto ] */ /* http://meyerweb.com/eric/thoughts/2012/12/17/where-to-avoid-css-hyphenation */-webkit-hyphens: none; /* Safari 5.1 thru 6, iOS 4.2 thru 6 */-moz-hyphens: none; /* Firefox 16 thru 20 */-ms-hyphens: none; /* IE10 */-o-hyphens: none; /* PRESTO...haha LOL */hyphens: none;	 /* W3C standard */}


/**
 *
 * ======================================================================= Code Blocks
 * =======================================================================
 */

pre code {word-wrap: normal;white-space: -moz-pre-wrap;white-space: pre-wrap; /* http://css-tricks.com/almanac/properties/w/whitespace */}

pre {white-space:pre;}

code {white-space:pre;font-family: monospace;}


/**
 *
 * =======================================================================
 * Abbreviations Markup
 * Extend this object into your markup
<abbr title="hyper text markup language">HMTL</abbr>

 * Extend this object into your markup.
 * =======================================================================
 */

abbr {font-variant: small-caps; /* https://developer.mozilla.org/en-US/docs/CSS/font-variant */font-weight: 600;text-transform: lowercase;color: #808080;}

abbr:hover {cursor: help; /* cursor changed to a question mark */}

 /*Additional Styles*/
.cke_show_borders {font-family: 'Verdana',Arial,Helvetica,sans-serif;background-color:#FFF;background-image:none;}
div.typo-title {border-bottom: 1px dashed #454545;color: #454545;font-family: Georgia,"Times New Roman",Times,serif;font-size: 1.8em;font-style: italic;margin-bottom: 16px;padding: 5px 10px 10px 0;}
blockquote {/*background: url("../images/typo/blockquote.gif") no-repeat scroll left 0 transparent;*/color: #454545;font-family: Georgia,"Times New Roman",Times,serif;font-size: 1.33em;font-style: italic;margin: 8px;padding-left: 38px;}
blockquote p {/*background: url("../images/typo/blockquote-inner.gif") no-repeat right bottom transparent;*/margin: 0;padding-bottom: 5px;padding-right: 33px;padding-top: 5px;display:inline-block;}
pre, code {background: none repeat scroll 0 0 #E5E5E5;border-left: 12px solid #A0A0A0;font-family: Verdana,Arial,Helvetica,sans-serif;font-size: 0.75em;margin: 20px 0;padding: 10px;position:relative;}
pre:before {font-family:'FontAwesome';content:'\f15c';position:absolute;bottom:35px;right:10px;font-size:90px;color:rgba(0,0,0,0.1);font-style:normal;z-index:1;}
code {background: none repeat scroll 0 0 #F0F0F0;border: 2px solid #B6B6B6;display: block;padding: 10px;font-size:1em;}
code a {color:#00A0FF;}
ul.check-list, ul.arrow-list {margin-left: 0 !important;}
ul.check-list li, ul.arrow-list li{background-position: 0 5px;background-repeat: no-repeat;list-style: none outside none;padding-bottom: 4px;padding-left:0;padding-top: 4px;list-style:none;}
ul.check-list li:before, ul.arrow-list li:before {font-family:'FontAwesome';display: inline-block;font-style: normal;font-weight: normal;line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;margin-left: -1.4em;padding-right: 0.5em;}
ul.arrow-list li:before {content:"\f061";}
ul.check-list li:before {content: "\f00c";}

.download:before, .upload:before, .file:before, .note:before, .tip:before, .comment:before, .check:before, .arrow:before, .alert:before, .info:before, .mobile:before, .email:before, .tag:before, .home:before, .image:before, .video:before {font-family:'FontAwesome';display: inline-block;font-style: normal;font-weight: normal;line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;padding-right: 0.5em;}
.download:before {content: "\f0ab";}
.upload:before {content: "\f0aa";}
.file:before {content: "\f15b";}
.note:before {content: "\f016";}
.tip:before {content: "\f0eb";}
.comment:before {content: "\f075";}
.check:before {content: "\f00c";}
.arrow:before {content: "\f061";}
.alert:before {content: "\f071";}
.info:before {content: "\f05a";}
.mobile:before {content: "\f095";}
.email:before {content: "\f003";}
.tag:before {content: "\f02b";}
/*.home:before {content: "\f015";}*/
.image:before {content: "\f03e";}
.video:before {content: "\f03d";}