/* Reset (YUI 3.9.1) */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{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;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

* { 
    margin: 0;
    padding: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    background: transparent;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

html * {/* lte IE 9 */ /**behavior: url(boxsizing.htc);*/}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
blockquote,
q {quotes: none;}
img {display: block;}
ul, ol {list-style: none;}


/* Helpers */

/*
.clearfix,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
*/

.hidden {display:none;}

.visuallyHidden { 
    position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; 
    padding: 0; 
    border: 0; 
    line-height:0;
}

.float-left { float: left; }
.float-right { float: right; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.margin-center { margin-left: auto; margin-right: auto;}

.padding-top {padding-top: 40px;}
.padding-bottom {padding-bottom: 40px;}
.padding-tb {padding: 40px 0;}
.padding-rl {padding-right: 20px; padding-left: 20px;}



/**********************************************************************************


    LAYOUT > Clobal elements


***********************************************************************************/

body {
    background: #434343;
}

.container {
    width:100%;
    background: #fff;
}

.section-wrapper {
    position: relative;
    display: block;
    width: 100%;
    clear: both;
}

.section-container {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1280px;
    clear: both;
    margin: 0 auto;
}


/* Lists */

ul, ol, dl {list-style-position: outside;}

ul.square, 
ul.circle, 
ul.disc {margin-left: 17px;}

ul.square {list-style-type: square;}
ul.square li ul {list-style: inherit;}
ul.circle {list-style-type: circle;}
/*ul.circle li ul {list-style: inherit;}*/
ul.disc {list-style-type: disc;}
/*ul.disc li ul {list-style: inherit;}*/
ul.no-bullet {list-style: none;}

ol {margin-left: 20px;}
ol li ul, 
ol li ol {margin-left: 20px; margin-bottom: 0;}

/* Links */

a {
    background: none repeat scroll 0 0 transparent;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* Images */

/* Grey border with padding */
.border-pad-grey {
    border: 1px solid #c0c0c0;
    padding: 7px;
}

/* Image Link */
img.img-link {
    text-decoration: none;
    border: none;
}

/**********************************************************************************


    TYPOGRAPHY > Global rules


***********************************************************************************/

html {
    font-size: 100%;
}

body {
    color: #000;
    font-family: "proxima-nova", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-weight: 400;
}

/* Default section header */

.section-wrapper header h1 {
    color: #333;
    font-family: "franklin-gothic-urw-cond", "Arial Narrow", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: 900;
    letter-spacing: 1.0px;
    word-spacing: -0.5px;
    padding:30px 0;
    font-size: 50px;
    line-height: 48px;
}

/* Reset for home */
body.home .section-wrapper header h1 {padding: 0;}

p, li, dt, dd, ul, ol, dl {
    font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    /*text-rendering: optimizeLegibility;
    line-height: 1;
    margin-top: 0;*/
}

/* Override header defaults with class name */
.text-xxxlarge {
    font-size: 60px;
    /*margin-bottom: 0.495rem;*/
}

.text-xxlarge {
    font-size: 50px;
    /*margin-bottom: 0.61875rem;*/
}

.text-xlarge {
    font-size: 36px;
    /*margin-bottom: 0.825rem;*/
}

.text-large {
    font-size: 24px;
    /*margin-bottom: 1.2375rem;*/
}

.text-medium {
    font-size: 21px;
    /*margin-bottom: 1.41429rem;*/
}

.text-small {
    font-size: 18px;
    /*margin-bottom: 1.65rem;*/
}

.text-xsmall {
    font-size: 16px;
    /*margin-bottom: 1.65rem;*/
}

.text-xxsmall {
    font-size: 14px;
    /*margin-bottom: 1.65rem;*/
}

/**********************************************************************************


    Headers - Centered with left/right horizontal line

    Centered hdr idea:
    http://www.impressivewebs.com/centered-heading-horizontal-line/;

    Gradients idea:
    http://css-tricks.com/forums/discussion/10375/sexy-css3-fading-line/p1;


***********************************************************************************/

.centered-hdr-line {
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    color: #555;
    font-size: 18px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}

.centered-hdr-line span {
    background:  #fff;
    padding: 0 15px;
    position: relative;
    top: 10px;
    height: auto;
}

.centered-hdr-line {
    text-transform: uppercase;
    border-bottom: 1px solid #eee;
    color: #555;
    font-size: 18px;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}

.centered-hdr-line span.orange {
    background:  #d54101;
}

.hdr-gradient-line {
    margin-bottom: 30px;
    height: 1px;
    border: 0;
    background: black;
    background: -webkit-gradient(linear, 0 0, 100% 0, from(white), to(white), color-stop(50%, black));
}

.hdr-gradient-line span {
    background:  #fff;
    padding: 0 15px;
    position: relative;
    top: 10px;
}

.centered-gradient {
    background-image: linear-gradient(left , #FFFFFF 10%, #F5F5F5 50%, #FFFFFF 90%);
    background-image: -o-linear-gradient(left , #FFFFFF 10%, #F5F5F5 50%, #FFFFFF 90%);
    background-image: -moz-linear-gradient(left , #FFFFFF 10%, #F5F5F5 50%, #FFFFFF 90%);
    background-image: -webkit-linear-gradient(left , #FFFFFF 10%, #F5F5F5 50%, #FFFFFF 90%);
    background-image: -ms-linear-gradient(left , #FFFFFF 10%, #F5F5F5 50%, #FFFFFF 90%);

    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.1, #FFFFFF),
        color-stop(0.5, #F5F5F5),
        color-stop(0.9, #FFFFFF)
    );
}

/* Line with left and right gradient (hr or div) */

.gradient-div-line {
    border: 0;
    height: 1px;
    background: #333;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,0%,0)), color-stop(50%,hsla(0,0%,0%,.75)), color-stop(100%,hsla(0,0%,0%,0)));
    background: -webkit-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:    -moz-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:     -ms-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:      -o-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:         linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
}


/**********************************************************************************


    Colors (.section-wrapper, text)


***********************************************************************************/

/* Background colors */
.bg-blue {background: #08899e;}
.bg-dkblue {}
.bg-ltgrey {background: #f6f6f6;}
.bg-ltblue {}
.bg-orange {background: #d54101;}
.bg-gold {background: #f9b900;}
.bg-purple {background: #4f0060;}
.bg-red {}
.bg-skyblue {background: #d0eef0;}
.bg-tan {}
.bg-yellow {background: #fab800;}

/* Text colors */
.text-white {color: #fff !important;}
.text-ltblue {color: #18899b !important;}
.text-blue {color: #0680cd !important;}
.text-dkred {color: #631323 !important;}
.text-gold {color: #f09905 !important;}
.text-green {color: #829539 !important;}
.text-orange {color: #d34215 !important;}
.text-purple {color: #4d005e !important;}
.text-yellow {color: #f7d55f !important;}

/* Text Link colors */
.text-white a {color: #fff !important;}
.text-ltblue a {color: #18899b !important;}
.text-blue a {color: #0680cd !important;}
.text-dkred a {color: #631323 !important;}
.text-gold a {color: #f09905 !important;}
.text-orange a {color: #d34215 !important;}
.text-purple a {color: #4d005e !important;}
.text-yellow a {color: #f7d55f !important;}


/**********************************************************************************


    Borders (.section-wrapper .section-borders)


***********************************************************************************/

.section-border {border: 1px solid #cbcbcb;}
.section-border-tb {border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb;}
.section-border-t {border-top: 1px solid #cbcbcb;}
.section-border-b {border-bottom: 1px solid #cbcbcb;}


/**********************************************************************************


    Adjust Content Block Width


***********************************************************************************/

.max-1280   {max-width: 1280px !important;}
.max-1200   {max-width: 1200px !important;}
.max-1180   {max-width: 1180px !important;}
.max-1160   {max-width: 1160px !important;}
.max-1140   {max-width: 1140px !important;}
.max-1120   {max-width: 1120px !important;}
.max-1100   {max-width: 1100px !important;}
.max-1080   {max-width: 1080px !important;}
.max-1060   {max-width: 1060px !important;}
.max-1040   {max-width: 1040px !important;}
.max-1020   {max-width: 1000px !important;}
.max-1000   {max-width: 1000px !important;}
.max-980    {max-width: 980px !important;}
.max-960    {max-width: 960px !important;}
.max-940    {max-width: 940px !important;}
.max-920    {max-width: 920px !important;}
.max-900    {max-width: 900px !important;}
.max-880    {max-width: 880px !important;}
.max-860    {max-width: 860px !important;}
.max-840    {max-width: 840px !important;}
.max-820    {max-width: 820px !important;}
.max-800    {max-width: 820px !important;}
.max-745    {max-width: 745px !important;}