/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */



/* #Base 960 Grid
================================================== */

    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { /*width: 640px;*/ width: 680px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }
    }


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


	/*NNds+-
	sBa:/+syddyo.
	eBa      `:ymdNMm-
	eBa   `yddysd-.yBa
	eBa   /+   .y  eBa
	eBa   //   :y  eBa
	eBackbonetech  eBa
	.ydhs+/dhso/:-.yBa
	         .:+shmNd-

	BACKBONE TECHNOLOGY & EXPRESSION CMS
===============================================================================
	boutique digital agency with offices in Vancouver, Bogota, & Athens
===============================================================================
	Website:   http://www.backbonetechnology.com
	Blog:      http://www.backbonetechnology.com/blog/
	Facebook:  http://www.facebook.com/backbonetech
	Twitter:   https://twitter.com/backbonetech
	Pinterest: https://pinterest.com/backbonetech
	LinkedIn:  http://www.linkedin.com/company/backbone-technology-inc.
	Email:     info@backbonetechnology.com
	Phone:     604.713.8560
===============================================================================
	HTML5 Reset
===============================================================================
	Version 2.0
===============================================================================
	1.01 General
	1.02 Image
	1.03 Anchor
	1.04 Typography
	1.05 Float Left, Right, Clearfix, Alignment
	1.06 List
	1.07 Center UL
	1.08 Horizontal UL
	1.09 Form, Input, Fields
	1.10 Expression Tinymce Style
-------------------------------------------------------------------------------
	1.1 General
-------------------------------------------------------------------------------*/

html { border: 0; margin: 0; padding: 0; }
html, html body { height: 100%; width: 100%; }
body { font-size: 100%; }
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video	{ border: 0; margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, dialog, footer, hettader, hgroup, menu, nav, section { display:block; position:relative; }

/*-------------------------------------------------------------------------------
	1.2 Image
-------------------------------------------------------------------------------*/

object, embed {  max-width: 100%; }
img { height: auto; display: block;  overflow: hidden; }

.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} /* prevent BG image flicker upon hover */
.ie7 img {-ms-interpolation-mode: bicubic;} /* scale images in IE7 more attractively */

.mwidth, .mwidth > img{ max-width:100%; }
.mheight, .mheight > img{ max-height:100%; }

/*-------------------------------------------------------------------------------
	1.3 Anchor
-------------------------------------------------------------------------------*/

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; }
a:hover, a:active { outline: none; cursor: pointer; }
a img { border: none; }


/*-------------------------------------------------------------------------------
	1.4 Typography
-------------------------------------------------------------------------------*/

blockquote:before, blockquote:after, q:before, q:after {  content: ''; }
blockquote, q { quotes: "" ""; }
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}

.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
.capitalize{ text-transform:capitalize; }

.normal{ font-weight:normal; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.underline{ text-decoration: underline; }

/*-------------------------------------------------------------------------------
	1.5 Float Left, Right, Clearfix, Alignment
-------------------------------------------------------------------------------*/

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { zoom:1; }
.clear{ clear:both; overflow: hidden; height:0; zoom: 1; }

.right { float:right !important; display:block !important; }
.left { float:left !important; display:block !important; }

body .show { display:block; }
body .show-0 { display:none; }
body .show-1 { display:block; }

body .hide { display:none; }
body .hide-0 { display:block; }
body .hide-1 { display:none; }

.show-if-not-empty{ display:none; }

.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.tl > img, .tr > img, .tc > img{ display: inline; }

/*-------------------------------------------------------------------------------
	1.6 List
-------------------------------------------------------------------------------*/

ul, ul li, ol, ol li { margin:0; padding: 0; list-style-type: none; }

/*-------------------------------------------------------------------------------
	1.7 Center UL
-------------------------------------------------------------------------------*/

.cul { width:100%; overflow:hidden; position:relative }
.cul > ul { clear:left; float:left; position:relative; left:50%; text-align:center; list-style:none; margin:0; padding:0 }
.cul > ul > li { display:block; float:left; position:relative; right:50% }
.cul > ul > li > a { display:block; margin:0 10px }
.cul > ul > li > a:hover, .cul > ul > li > a:active, .cul > ul > li.active > a { }

/*-------------------------------------------------------------------------------
	1.8 Horizontal UL
-------------------------------------------------------------------------------*/

.hul > ul{ display:block; float:left; width:auto; }
.hul > ul > li{ display:block; float:left; }
.hul > ul > li > a{ display:block; float:left; }
.hul > ul > li > a:hover, .hul > ul > li > a:active, .hul > ul > li.active > a{ }

/*-------------------------------------------------------------------------------
	1.9 Form, Input, Fields
-------------------------------------------------------------------------------*/

input[type=text], input[type=password], input[type=url], input[type=email], input[type=submit], textarea, select, button, fieldset, legend{ font-family: inherit; font-size: 100%; margin:0; padding: 0; border: 0; }
input, select {vertical-align: middle;}
pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }
input[type="radio"], input.radio { vertical-align: text-bottom; }
input[type="checkbox"], input.checkbox { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
.clickable, input[type=button], input[type=submit], button, input.button, input.submit{cursor: pointer;} /* hand cursor on clickable elements */
button, input, select, textarea {margin: 0;} /* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input { line-height: normal; }
button {width: auto; overflow: visible;} /* make buttons play nice in IE */
input::-moz-focus-inner{ border:none; }
textarea{ resize:none; overflow: auto;  vertical-align: top; }
:focus { outline:0; }
textarea,input[type="text"], input[type="password"], input[type="url"], input[type="email"], textarea, select, fieldset, legend{border: 1px solid #ccc;}
/*-------------------------------------------------------------------------------
	1.10 Expression Text Editor
-------------------------------------------------------------------------------*/

#tinymce body{ background:#FFF !important; color:#000 !important; }
#tinymce a, #tinymce a:hover, #tinymce a:active{ color:blue !important; text-decoration: underline !important; }
#tinymce ul{ padding-left:20px; margin-left:10px; margin-bottom: 15px; }
#tinymce ol{ padding-left:20px; margin-left:10px; margin-bottom: 15px; }
#tinymce ul li{ list-style: disc !important; }
#tinymce ol li{ list-style: decimal !important; }
body#tinymce, #tinymce p{ font: 15px/17px Helvetica,Arial !important; margin-bottom: 15px; }
#tinymce strong, #tinymce b{ font-weight: bold !important; }
#tinymce p{ margin:0; margin-bottom:15px !important; }
#tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6{ font-weight:bold; }
#tinymce h1{ font-size:30px !important; }
#tinymce h2{ font-size:25px !important; }
#tinymce h3{ font-size:20px !important; }
#tinymce h4{ font-size:17px !important; }
#tinymce h5{ font-size:14px !important; }
#tinymce h6{ font-size:12px !important; }

/*	===========================================================================
	Backbone Shortcodes CSS.min
===============================================================================
	Version 2.2
===============================================================================
		1.01 Margin
		1.02 Padding
		1.03 Border Radius
		1.04 CSS3 Transition
		1.05 CSS Background Image Framework
		1.06 Font-size
		1.07 Line-height
		1.08 Letter-Spacing
		1.09 Color, Background Color, Border Color
		1.10 Opacity
		1.11 Width & Percentage
		1.12 Height
		1.13 Position
		1.14 Cursor
		1.15 Z-index
		1.16 Overflow
		1.17 Border
===============================================================================
	Update Log
===============================================================================
		2013-03-21 // added letter-spacing

/*-------------------------------------------------------------------------------
	Margin
-------------------------------------------------------------------------------*/

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

.m5{ margin:5px; } .mt5{ margin-top:5px; } .mb5{ margin-bottom:5px; } .ml5{ margin-left:5px; } .mr5{ margin-right:5px; }
.m10{ margin:10px; } .mt10{ margin-top:10px; } .mb10{ margin-bottom:10px; } .ml10{ margin-left:10px; } .mr10{ margin-right:10px; }
.m15{ margin:15px; } .mt15{ margin-top:15px; } .mb15{ margin-bottom:15px; } .ml15{ margin-left:15px; } .mr15{ margin-right:15px; }
.m20{ margin:20px; } .mt20{ margin-top:20px; } .mb20{ margin-bottom:20px; } .ml20{ margin-left:20px; } .mr20{ margin-right:20px; }
.m25{ margin:25px; } .mt25{ margin-top:25px; } .mb25{ margin-bottom:25px; } .ml25{ margin-left:25px; } .mr25{ margin-right:25px; }
.m30{ margin:30px; } .mt30{ margin-top:30px; } .mb30{ margin-bottom:30px; } .ml30{ margin-left:30px; } .mr30{ margin-right:30px; }
.m35{ margin:35px; } .mt35{ margin-top:35px; } .mb35{ margin-bottom:35px; } .ml35{ margin-left:35px; } .mr35{ margin-right:35px; }
.m40{ margin:40px; } .mt40{ margin-top:40px; } .mb40{ margin-bottom:40px; } .ml40{ margin-left:40px; } .mr40{ margin-right:40px; }
.m45{ margin:45px; } .mt45{ margin-top:45px; } .mb45{ margin-bottom:45px; } .ml45{ margin-left:45px; } .mr45{ margin-right:45px; }
.m50{ margin:50px; } .mt50{ margin-top:50px; } .mb50{ margin-bottom:50px; } .ml50{ margin-left:50px; } .mr50{ margin-right:50px; }

.ml1p{ margin-left:1%; } .ml2p{ margin-left:2%; } .ml3p{ margin-left:3%; } .ml4p{ margin-left:4%; } .ml5p{ margin-left:5%; } .ml6p{ margin-left:6%; } .ml7p{ margin-left:7%; } .ml8p{ margin-left:8%; } .ml9p{ margin-left:9%; } .ml10p{ margin-left:10%; } .ml11p{ margin-left:11%; } .ml12p{ margin-left:12%; } .ml13p{ margin-left:13%; } .ml14p{ margin-left:14%; } .ml15p{ margin-left:15%; } .ml16p{ margin-left:16%; } .ml17p{ margin-left:17%; } .ml18p{ margin-left:18%; } .ml19p{ margin-left:19%; } .ml20p{ margin-left:20%; }
.mr1p{ margin-right:1%; } .mr2p{ margin-right:2%; } .mr3p{ margin-right:3%; } .mr4p{ margin-right:4%; } .mr5p{ margin-right:5%; } .mr6p{ margin-right:6%; } .mr7p{ margin-right:7%; } .mr8p{ margin-right:8%; } .mr9p{ margin-right:9%; } .mr10p{ margin-right:10%; } .mr11p{ margin-right:11%; } .mr12p{ margin-right:12%; } .mr13p{ margin-right:13%; } .mr14p{ margin-right:14%; } .mr15p{ margin-right:15%; } .mr16p{ margin-right:16%; } .mr17p{ margin-right:17%; } .mr18p{ margin-right:18%; } .mr19p{ margin-right:19%; } .mr20p{ margin-right:20%; }

/*-------------------------------------------------------------------------------
	Padding
-------------------------------------------------------------------------------*/

.p5{ padding:5px; } .pt5{ padding-top:5px; } .pb5{ padding-bottom:5px; } .pl5{ padding-left:5px; } .pr5{ padding-right:5px; }
.p10{ padding:10px; } .pt10{ padding-top:10px; } .pb10{ padding-bottom:10px; } .pl10{ padding-left:10px; } .pr10{ padding-right:10px; }
.p15{ padding:15px; } .pt15{ padding-top:15px; } .pb15{ padding-bottom:15px; } .pl15{ padding-left:15px; } .pr15{ padding-right:15px; }
.p20{ padding:20px; } .pt20{ padding-top:20px; } .pb20{ padding-bottom:20px; } .pl20{ padding-left:20px; } .pr20{ padding-right:20px; }
.p25{ padding:25px; } .pt25{ padding-top:25px; } .pb25{ padding-bottom:25px; } .pl25{ padding-left:25px; } .pr25{ padding-right:25px; }
.p30{ padding:30px; } .pt30{ padding-top:30px; } .pb30{ padding-bottom:30px; } .pl30{ padding-left:30px; } .pr30{ padding-right:30px; }
.p35{ padding:35px; } .pt35{ padding-top:35px; } .pb35{ padding-bottom:35px; } .pl35{ padding-left:35px; } .pr35{ padding-right:35px; }
.p40{ padding:40px; } .pt40{ padding-top:40px; } .pb40{ padding-bottom:40px; } .pl40{ padding-left:40px; } .pr40{ padding-right:40px; }
.p45{ padding:45px; } .pt45{ padding-top:45px; } .pb45{ padding-bottom:45px; } .pl45{ padding-left:45px; } .pr45{ padding-right:45px; }
.p50{ padding:50px; } .pt50{ padding-top:50px; } .pb50{ padding-bottom:50px; } .pl50{ padding-left:50px; } .pr50{ padding-right:50px; }

.pl1p{ padding-left:1%; } .pl2p{ padding-left:2%; } .pl3p{ padding-left:3%; } .pl4p{ padding-left:4%; } .pl5p{ padding-left:5%; } .pl6p{ padding-left:6%; } .pl7p{ padding-left:7%; } .pl8p{ padding-left:8%; } .pl9p{ padding-left:9%; } .pl10p{ padding-left:10%; } .pl11p{ padding-left:11%; } .pl12p{ padding-left:12%; } .pl13p{ padding-left:13%; } .pl14p{ padding-left:14%; } .pl15p{ padding-left:15%; } .pl16p{ padding-left:16%; } .pl17p{ padding-left:17%; } .pl18p{ padding-left:18%; } .pl19p{ padding-left:19%; } .pl20p{ padding-left:20%; }
.pr1p{ padding-right:1%; } .pr2p{ padding-right:2%; } .pr3p{ padding-right:3%; } .pr4p{ padding-right:4%; } .pr5p{ padding-right:5%; } .pr6p{ padding-right:6%; } .pr7p{ padding-right:7%; } .pr8p{ padding-right:8%; } .pr9p{ padding-right:9%; } .pr10p{ padding-right:10%; } .pr11p{ padding-right:11%; } .pr12p{ padding-right:12%; } .pr13p{ padding-right:13%; } .pr14p{ padding-right:14%; } .pr15p{ padding-right:15%; } .pr16p{ padding-right:16%; } .pr17p{ padding-right:17%; } .pr18p{ padding-right:18%; } .pr19p{ padding-right:19%; } .pr20p{ padding-right:20%; }

/*-------------------------------------------------------------------------------
	Border Radius
-------------------------------------------------------------------------------*/

.br1{	border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; }
.br2{	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.br3{	border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.br4{	border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.br5{	border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.br6{	border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.br7{	border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.br8{	border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.br9{	border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; }
.br10{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.br11{ border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; }
.br12{ border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
.br13{ border-radius: 13px; -moz-border-radius: 13px; -webkit-border-radius: 13px; }
.br14{ border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px; }
.br15{ border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }

/*-------------------------------------------------------------------------------
	CSS3 Transition
-------------------------------------------------------------------------------*/

.unselectable{ -webkit-user-select: none;	-khtml-user-select: none;	-moz-user-select: none;	-o-user-select: none;	user-select: none; }

.trans200, .trans200:hover, .trans200:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; -o-transition:all 200ms ease; transition:all 200ms ease; }
.trans250, .trans250:hover, .trans250:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 250ms ease; -moz-transition:all 250ms ease; -o-transition:all 250ms ease; transition:all 250ms ease; }
.trans300, .trans300:hover, .trans300:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 300ms ease; -moz-transition:all 300ms ease; -o-transition:all 300ms ease; transition:all 300ms ease; }
.trans350, .trans350:hover, .trans350:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 350ms ease; -moz-transition:all 350ms ease; -o-transition:all 350ms ease; transition:all 350ms ease; }
.trans400, .trans400:hover, .trans400:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 400ms ease; -moz-transition:all 400ms ease; -o-transition:all 400ms ease; transition:all 400ms ease; }
.trans450, .trans450:hover, .trans450:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 450ms ease; -moz-transition:all 450ms ease; -o-transition:all 450ms ease; transition:all 450ms ease; }
.trans500, .trans500:hover, .trans500:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease; }
.trans550, .trans550:hover, .trans550:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 550ms ease; -moz-transition:all 550ms ease; -o-transition:all 550ms ease; transition:all 550ms ease; }
.trans600, .trans600:hover, .trans600:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 600ms ease; -moz-transition:all 600ms ease; -o-transition:all 600ms ease; transition:all 600ms ease; }
.trans650, .trans650:hover, .trans650:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 650ms ease; -moz-transition:all 650ms ease; -o-transition:all 650ms ease; transition:all 650ms ease; }
.trans700, .trans700:hover, .trans700:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 700ms ease; -moz-transition:all 700ms ease; -o-transition:all 700ms ease; transition:all 700ms ease; }
.trans750, .trans750:hover, .trans750:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 750ms ease; -moz-transition:all 750ms ease; -o-transition:all 750ms ease; transition:all 750ms ease; }
.trans800, .trans800:hover, .trans800:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 800ms ease; -moz-transition:all 800ms ease; -o-transition:all 800ms ease; transition:all 800ms ease; }
.trans850, .trans850:hover, .trans850:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 850ms ease; -moz-transition:all 850ms ease; -o-transition:all 850ms ease; transition:all 850ms ease; }
.trans900, .trans900:hover, .trans900:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 900ms ease; -moz-transition:all 900ms ease; -o-transition:all 900ms ease; transition:all 900ms ease; }
.trans950, .trans950:hover, .trans950:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 950ms ease; -moz-transition:all 950ms ease; -o-transition:all 950ms ease; transition:all 950ms ease; }
.trans1000, .trans1000:hover, .trans1000:active{ -webkit-backface-visibility: hidden; -webkit-transition:all 1000ms ease; -moz-transition:all 1000ms ease; -o-transition:all 1000ms ease; transition:all 1000ms ease; }

/*-------------------------------------------------------------------------------
	CSS Background Image Framework
-------------------------------------------------------------------------------*/

.bgimg{ overflow:hidden; display:block; } .bgimg img{ display:none; }

/*-------------------------------------------------------------------------------
	Font-size (8px - 30px)
-------------------------------------------------------------------------------*/

.fsize8,.font-size-8{font-size:8px;line-height:normal}.fsize9,.font-size-9{font-size:9px;line-height:normal}.fsize11,.font-size-11{font-size:11px;line-height:normal}.fsize12,.font-size-12{font-size:12px;line-height:normal}.fsize13,.font-size-13{font-size:13px;line-height:normal}.fsize14,.font-size-14{font-size:14px;line-height:normal}.fsize15,.font-size-15{font-size:15px;line-height:normal}.fsize16,.font-size-16{font-size:16px;line-height:normal}.fsize17,.font-size-17{font-size:17px;line-height:normal}.fsize18,.font-size-18{font-size:18px;line-height:normal}.fsize19,.font-size-19{font-size:19px;line-height:normal}.fsize20,.font-size-20{font-size:20px;line-height:normal}.fsize21,.font-size-21{font-size:21px;line-height:normal}.fsize22,.font-size-22{font-size:22px;line-height:normal}.fsize23,.font-size-23{font-size:23px;line-height:normal}.fsize24,.font-size-24{font-size:24px;line-height:normal}.fsize25,.font-size-25{font-size:25px;line-height:normal}.fsize26,.font-size-26{font-size:26px;line-height:normal}.fsize27,.font-size-27{font-size:27px;line-height:normal}.fsize28,.font-size-28{font-size:28px;line-height:normal}.fsize29,.font-size-29{font-size:29px;line-height:normal}.fsize30,.font-size-30{font-size:30px;line-height:normal}

/*-------------------------------------------------------------------------------
	Line-height (8px - 40px)
-------------------------------------------------------------------------------*/

.lh8{line-height:8px}.lh9{line-height:9px}.lh10{line-height:10px}.lh11{line-height:11px}.lh12{line-height:12px}.lh13{line-height:13px}.lh14{line-height:14px}.lh15{line-height:15px}.lh16{line-height:16px}.lh17{line-height:17px}.lh18{line-height:18px}.lh19{line-height:19px}.lh20{line-height:20px}.lh21{line-height:21px}.lh22{line-height:22px}.lh23{line-height:23px}.lh24{line-height:24px}.lh25{line-height:25px}.lh26{line-height:26px}.lh27{line-height:27px}.lh28{line-height:28px}.lh29{line-height:29px}.lh30{line-height:30px}.lh31{line-height:31px}.lh32{line-height:32px}.lh33{line-height:33px}.lh34{line-height:34px}.lh35{line-height:35px}.lh36{line-height:36px}.lh37{line-height:37px}.lh38{line-height:38px}.lh39{line-height:39px}.lh40{line-height:40px}

/*-------------------------------------------------------------------------------
	Letter Spacing (1px - 10px)
-------------------------------------------------------------------------------*/

.ls1{ letter-spacing:1px; } .ls2{ letter-spacing:2px; } .ls3{ letter-spacing:3px; } .ls4{ letter-spacing:4px; } .ls5{ letter-spacing:5px; } .ls6{ letter-spacing:6px; } .ls7{ letter-spacing:7px; } .ls8{ letter-spacing:8px; } .ls9{ letter-spacing:9px; } .ls10{ letter-spacing:10px; }

/*-------------------------------------------------------------------------------
	Color, Background (#000 - #FFF)
-------------------------------------------------------------------------------*/

.color000{color:#000}.color111{color:#111}.color222{color:#222}.color333{color:#333}.color444{color:#444}.color555{color:#555}.color666{color:#666}.color777{color:#777}.color888{color:#888}.color999{color:#999}.colorAAA{color:#AAA}.colorBBB{color:#BBB}.colorCCC{color:#CCC}.colorDDD{color:#DDD}.colorEEE{color:#EEE}.colorFFF{color:#FFF}

.bc000{ border-color:#000; } .bc111{ border-color:#111; } .bc222{ border-color:#222; } .bc333{ border-color:#333; } .bc444{ border-color:#444; } .bc555{ border-color:#555; } .bc666{ border-color:#666; } .bc777{ border-color:#777; } .bc888{ border-color:#888; } .bc999{ border-color:#999; } .bcAAA{ border-color:#AAA; } .bcBBB{ border-color:#BBB; } .bcCCC{ border-color:#CCC; } .bcDDD{ border-color:#DDD; } .bcEEE{ border-color:#EEE; } .bcFFF{ border-color:#FFF; }

.bg000{background-color:#000}.bg111{background-color:#111}.bg222{background-color:#222}.bg333{background-color:#333}.bg444{background-color:#444}.bg555{background-color:#555}.bg666{background-color:#666}.bg777{background-color:#777}.bg888{background-color:#888}.bg999{background-color:#999}.bgAAA{background-color:#AAA}.bgBBB{background-color:#BBB}.bgCCC{background-color:#CCC}.bgDDD{background-color:#DDD}.bgEEE{background-color:#EEE}.bgFFF{background-color:#FFF}

.red{ color:red; }
.blue{ color:blue; }
.green{ color:green; }
.yellow{ color:yellow; }

/*-------------------------------------------------------------------------------
	Opacity
-------------------------------------------------------------------------------*/

.opacity10{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity: 1; }
.opacity9 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90); filter:alpha(opacity=90); -moz-opacity:.9; -khtml-opacity:.9; opacity:.9 }
.opacity8 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.opacity7 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}
.opacity6 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
.opacity5 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.opacity4 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
.opacity3 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;opacity:.3}
.opacity2 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);filter:alpha(opacity=20);-moz-opacity:.2;-khtml-opacity:.2;opacity:.2}
.opacity1 {-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10);filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;opacity:.1}

.opacity10, .opacity9, .opacity8, .opacity7, .opacity6, .opacity5, .opacity4, .opacity3, .opacity2, .opacity1{
	transition:			250ms all ease;
	-moz-transition:	250ms all ease;
	-webkit-transition:	250ms all ease;
	-o-transition:		250ms all ease;
	-ms-transition:		250ms all ease;
}

/*-------------------------------------------------------------------------------
	Width px & percentage
-------------------------------------------------------------------------------*/

/* 1%-5% - 100% by 5% each*/
.width1p{ width:1%; }.width2p{ width:2%; }.width3p{ width:3%; }.width4p{ width:4%; }.width5p{width:5%;}.width10p{width:10%}.width15p{width:15%}.width20p{width:20%}.width25p{width:25%}.width30p{width:30%}.width35p{width:35%}.width40p{width:40%}.width45p{width:45%}.width50p{width:50%}.width55p{width:55%}.width60p{width:60%}.width65p{width:65%}.width70p{width:70%}.width75p{width:75%}.width80p{width:80%}.width85p{width:85%}.width90p{width:90%}.width95p{width:95%}.width100p{width:100%}

/* 5px - 100px by 5px each*/
.width5{width:5px}.width10{width:10px}.width15{width:15px}.width20{width:20px}.width25{width:25px}.width30{width:30px}.width35{width:35px}.width40{width:40px}.width45{width:45px}.width50{width:50px}.width55{width:55px}.width60{width:60px}.width65{width:65px}.width70{width:70px}.width75{width:75px}.width80{width:80px}.width85{width:85px}.width90{width:90px}.width95{width:95px}.width100{width:100px}

/* 150px - 1500px by 50px each */
.width150{width:150px}.width200{width:200px}.width250{width:250px}.width300{width:300px}.width350{width:350px}.width400{width:400px}.width450{width:450px}.width500{width:500px}.width550{width:550px}.width600{width:600px}.width650{width:650px}.width700{width:700px}.width750{width:750px}.width800{width:800px}.width850{width:850px}.width900{width:900px}.width950{width:950px}.width1000{width:1000px}.width1050{width:1050px}.width1100{width:1100px}.width1150{width:1150px}.width1200{width:1200px}.width1250{width:1250px}.width1300{width:1300px}.width1350{width:1350px}.width1400{width:1400px}.width1450{width:1450px}.width1500{width:1500px}

/* special*/
.width33p{ width:33.33%; } .width46p{ width:46%; } .width47p{ width:47%; } .width48p{ width:48%; } .width49p{ width:49%; }

/*-------------------------------------------------------------------------------
	Height
-------------------------------------------------------------------------------*/

/* 5% - 100% by 5% each*/
.height5p{height:5%}.height10p{height:10%}.height15p{height:15%}.height20p{height:20%}.height25p{height:25%}.height30p{height:30%}.height35p{height:35%}.height40p{height:40%}.height45p{height:45%}.height50p{height:50%}.height55p{height:55%}.height60p{height:60%}.height65p{height:65%}.height70p{height:70%}.height75p{height:75%}.height80p{height:80%}.height85p{height:85%}.height90p{height:90%}.height95p{height:95%}.height100p{height:100%}

/* 5px - 100px by 5px each*/
.height5{height:5px}.height10{height:10px}.height15{height:15px}.height20{height:20px}.height25{height:25px}.height30{height:30px}.height35{height:35px}.height40{height:40px}.height45{height:45px}.height50{height:50px}.height55{height:55px}.height60{height:60px}.height65{height:65px}.height70{height:70px}.height75{height:75px}.height80{height:80px}.height85{height:85px}.height90{height:90px}.height95{height:95px}.height100{height:100px}

/* 150px - 1500px by 50px each */
.height150{height:150px}.height200{height:200px}.height250{height:250px}.height300{height:300px}.height350{height:350px}.height400{height:400px}.height450{height:450px}.height500{height:500px}.height550{height:550px}.height600{height:600px}.height650{height:650px}.height700{height:700px}.height750{height:750px}.height800{height:800px}.height850{height:850px}.height900{height:900px}.height950{height:950px}.height1000{height:1000px}.height1050{height:1050px}.height1100{height:1100px}.height1150{height:1150px}.height1200{height:1200px}.height1250{height:1250px}.height1300{height:1300px}.height1350{height:1350px}.height1400{height:1400px}.height1450{height:1450px}.height1500{height:1500px}

/*-------------------------------------------------------------------------------
	Position
-------------------------------------------------------------------------------*/

/* top: 0px - 10px by 1px each */
.top0{top:0}.top1{top:1px}.top2{top:2px}.top3{top:3px}.top4{top:4px}.top5{top:5px}.top6{top:6px}.top7{top:7px}.top8{top:8px}.top9{top:9px}.top10{top:10px}

/* top: 15px - 70px by 5px each */
.top15{top:15px}.top20{top:20px}.top25{top:25px}.top30{top:30px}.top35{top:35px}.top40{top:40px}.top45{top:45px}.top50{top:50px}.top55{top:55px}.top60{top:60px}.top65{top:65px}.top70{top:70px}

/* bottom: 0px - 10px by 1px each */
.bottom0{bottom:0}.bottom1{bottom:1px}.bottom2{bottom:2px}.bottom3{bottom:3px}.bottom4{bottom:4px}.bottom5{bottom:5px}.bottom6{bottom:6px}.bottom7{bottom:7px}.bottom8{bottom:8px}.bottom9{bottom:9px}.bottom10{bottom:10px}

/* bottom: 15px - 70px by 5px each */
.bottom15{bottom:15px}.bottom20{bottom:20px}.bottom25{bottom:25px}.bottom30{bottom:30px}.bottom35{bottom:35px}.bottom40{bottom:40px}.bottom45{bottom:45px}.bottom50{bottom:50px}.bottom55{bottom:55px}.bottom60{bottom:60px}.bottom65{bottom:65px}.bottom70{bottom:70px}

/* left: 0px - 10px by 1px each */
.left0{left:0}.left1{left:1px}.left2{left:2px}.left3{left:3px}.left4{left:4px}.left5{left:5px}.left6{left:6px}.left7{left:7px}.left8{left:8px}.left9{left:9px}.left10{left:10px}

/* left: 15px - 70px by 5px each */
.left15{left:15px}.left20{left:20px}.left25{left:25px}.left30{left:30px}.left35{left:35px}.left40{left:40px}.left45{left:45px}.left50{left:50px}.left55{left:55px}.left60{left:60px}.left65{left:65px}.left70{left:70px}

/* right: 0px - 10px by 1px each */
.right0{right:0}.right1{right:1px}.right2{right:2px}.right3{right:3px}.right4{right:4px}.right5{right:5px}.right6{right:6px}.right7{right:7px}.right8{right:8px}.right9{right:9px}.right10{right:10px}

/* right: 15px - 70px by 5px each */
.right15{right:15px}.right20{right:20px}.right25{right:25px}.right30{right:30px}.right35{right:35px}.right40{right:40px}.right45{right:45px}.right50{right:50px}.right55{right:55px}.right60{right:60px}.right65{right:65px}.right70{right:70px}

/*-------------------------------------------------------------------------------
	Cursor
-------------------------------------------------------------------------------*/

.cpointer{ cursor:pointer; }
.cdefault{ cursor:default; }
.cmove{ cursor:move; }
.ccrosshair{ cursor:crosshair; }

/*-------------------------------------------------------------------------------
	Z Index
-------------------------------------------------------------------------------*/

/* z-index: 1-10 */
.z1{position:relative;z-index:1}.z2{position:relative;z-index:2}.z3{position:relative;z-index:3}.z4{position:relative;z-index:4}.z5{position:relative;z-index:5}.z6{position:relative;z-index:6}.z7{position:relative;z-index:7}.z8{position:relative;z-index:8}.z9{position:relative;z-index:9}.z10{position:relative;z-index:10}

.static{ position: static; }
.relative{ position: relative; }
.absolute{ position:absolute; }
.fixed{ position:fixed; }

/*-------------------------------------------------------------------------------
	Overflow
-------------------------------------------------------------------------------*/

.of-hidden, .overflow-hidden{ overflow:hidden; }
.ofx-hidden, .overflow-x-hidden{ overflow-x:hidden; }
.ofy-hidden, .overflow-y-hidden{ overflow-y:hidden; }

/*-------------------------------------------------------------------------------
	Border
-------------------------------------------------------------------------------*/

.bt{ border-top:1px solid #CCC; }
.bb{ border-bottom:1px solid #CCC; }
.bl{ border-left:1px solid #CCC; }
.br{ border-right:1px solid #CCC; }

/*-------------------------------------------------------------------------------
	Box Sizing
-------------------------------------------------------------------------------*/

.box-sizing-bb{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.box-sizing-cb{
	box-sizing:	content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.box-sizing-pb{
	box-sizing:	padding-box;
	-moz-box-sizing: padding-box;
	-webkit-box-sizing: padding-box;
}

/*-------------------------------------------------------------------------------
	3 Columns with Equal Height Framework
-------------------------------------------------------------------------------*/

.equal-height-3col .container3{
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
}

.equal-height-3col .container2{
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
}

.equal-height-3col .container1{
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
}

.equal-height-3col .col1{
	float:left;
	width:33.33%;
	position:relative;
	left:66.66%;
	overflow:hidden;
}

.equal-height-3col .col2{
	float:left;
	width:33.33%;
	position:relative;
	left:66.66%;
	overflow:hidden;
}

.equal-height-3col .col3{
	float:left;
	width:33.33%;
	position:relative;
	left:66.66%;
	overflow:hidden;
}

/*-------------------------------------------------------------------------------
	Responsive Shortcodes
-------------------------------------------------------------------------------*/

.browser-only, .container .browser-only{ display:block; }
.mobile-only, .container .mobile-only{ display:none; }
.landscape-only, .container .landscape-only{ display:none; }
.portrait-only, .container .portrait-only{ display:none; }

@media only screen and (max-width: 767px)
{
	.browser-only, .container .browser-only{ display:none; }
	.mobile-only, .container .mobile-only{ display:block; }
	.mobile-tc{ text-align: center; }
	.mobile-tc > img{ display: inline; }

	.mobile-hul-to-cul{
		width:100%;
		overflow:hidden;
		position:relative;
	}

	.mobile-hul-to-cul > ul{
		clear:left;
		float:left;
		position:relative;
		left:50%;
		text-align:center;
		list-style: none;
		margin:0;
		padding:0;
	}

	.mobile-hul-to-cul > ul > li{
		display:block;
		float:left;
		position:relative;
		right:50%;
	}

	.mobile-hul-to-cul > ul > li > a{
		display:block;
		margin:0 5px;
	}
}

@media only screen and (max-width: 767px)
{
	.portrait-only, .container .portrait-only{ display:block; }
	.landscape-only, .container .landscape-only{ display:none; }
}

@media only screen and (min-width: 480px) and (max-width: 767px)
{
	.portrait-only, .container .portrait-only{ display:none; }
	.landscape-only, .container .landscape-only{ display:block; }
}

/*-------------------------------------------------------------------------------
	Flexslider
-------------------------------------------------------------------------------*/

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus{
	outline:none;
}

.slides,
.flex-control-nav,
.flex-direction-nav{
	margin:0;
	padding:0;
	list-style:none;
}

/* FlexSlider Necessary Styles
*********************************/

.flexslider{
	margin:0;
	padding:0;
}

.flexslider .slides > li{
	display:none;
	-webkit-backface-visibility:hidden;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img{
	width:100%;
	display:block;
}

.flex-pauseplay span{
	text-transform:capitalize;
}

/* Clearfix for the .slides element */
.slides:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}

html[xmlns] .slides{
	display:block;
}

* html .slides{
	height:1%;
}

/* No JavaScript Fallback */
/* If you are not using another script,such as Modernizr,make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child{
	display:block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider{
	margin:0;
	position:relative;
	zoom:1;
}

.flex-viewport{
	max-height:2000px;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	transition:all 1s ease;
}

.loading .flex-viewport{
	max-height:300px;
}

.flexslider .slides{
	zoom:1;
}

.carousel li{
	margin-right:5px;
}

/* Direction Nav */
.flex-direction-nav{
	*height:0;
}

.flex-direction-nav a{
	width:30px;
	height:30px;
	margin:-20px 0 0;
	display:block;
	background:url(/media/templates/bg_direction_nav.png) no-repeat 0 0;
	position:absolute;
	top:50%;
	z-index:10;
	cursor:pointer;
	text-indent:-9999px;
	opacity:0;
	-webkit-transition:all .3s ease;
}

.flex-direction-nav .flex-next{
	background-position:100% 0;
}

.flex-direction-nav .flex-prev{
}

.flexslider:hover .flex-next{
	opacity:.8;
}

.flexslider:hover .flex-prev{
	opacity:.8;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover{
	opacity:1;
}

.flex-direction-nav .flex-disabled{
	opacity:.3!important;
	filter:alpha(opacity=30);
	cursor:default;
}

/* Control Nav */
.flex-control-nav{
	width:100%;
	position:absolute;
	bottom:-40px;
	text-align:center;
}

.flex-control-nav li{
	margin:0 6px;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.flex-control-paging li a{
	width:11px;
	height:11px;
	display:block;
	background:#666;
	background:rgba(0,0,0,0.5);
	cursor:pointer;
	text-indent:-9999px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
	box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover{
	background:#333;
	background:rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active{
	background:#000;
	background:rgba(0,0,0,0.9);
	cursor:default;
}

.flex-control-thumbs{
	margin:5px 0 0;
	position:static;
	overflow:hidden;
}

.flex-control-thumbs li{
	width:25%;
	float:left;
	margin:0;
}

.flex-control-thumbs img{
	width:100%;
	display:block;
	opacity:.7;
	cursor:pointer;
}

.flex-control-thumbs img:hover{
	opacity:1;
}

.flex-control-thumbs .flex-active{
	opacity:1;
	cursor:default;
}

@media screen and (max-width: 860px)
{
	.flex-direction-nav .flex-prev{
		opacity:1;
		left:0;
	}

	.flex-direction-nav .flex-next{
		opacity:1;
		right:0;
	}
}

/*-------------------------------------------------------------------------------
	Fancybox Core CSS
-------------------------------------------------------------------------------*/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
					border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
		 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
					box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/media/templates/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/media/templates/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/media/templates/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
		overflow: hidden !important;
		width: auto;
}

.fancybox-lock body {
		overflow: hidden !important;
}

.fancybox-lock-test {
		overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/media/templates/fancybox_overlay.png');
    z-index:999999;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
		 -moz-border-radius: 15px;
					border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		 only screen and (min--moz-device-pixel-ratio: 1.5),
		 only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('/media/templates/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('/media/templates/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/*-------------------------------------------------------------------------------
	Fancybox Buttons Helper
-------------------------------------------------------------------------------*/

#fancybox-buttons {
	position: fixed;
	left: 0;
	width: 100%;
	z-index: 8050;
}

#fancybox-buttons.top {
	top: 10px;
}

#fancybox-buttons.bottom {
	bottom: 10px;
}

#fancybox-buttons ul {
	display: block;
	width: 166px;
	height: 30px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	border: 1px solid #111;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
		 -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
					box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
	background: rgb(50,50,50);
	background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
	background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#fancybox-buttons a {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url('/media/templates/fancybox_buttons.png');
	background-repeat: no-repeat;
	outline: none;
	opacity: 0.8;
}

#fancybox-buttons a:hover {
	opacity: 1;
}

#fancybox-buttons a.btnPrev {
	background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
	background-position: -33px 0;
	border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
	background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
	background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
	background-position: 3px -60px;
	border-left: 1px solid #111;
	border-right: 1px solid #3e3e3e;
	width: 35px
}

#fancybox-buttons a.btnToggleOn {
	background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
	border-left: 1px solid #111;
	width: 35px;
	background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
	opacity : 0.4;
	cursor: default;
}

/*-------------------------------------------------------------------------------
	Fancybox Thumb Helper
-------------------------------------------------------------------------------*/

#fancybox-thumbs {
	position: fixed;
	left: 0;
	width: 100%;
	overflow: hidden;
	z-index: 8050;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
	max-width: none;
}

/* ============================================================================
  Base
===============================================================================
  Version 1.0
===============================================================================
  1. General
-------------------------------------------------------------------------------
    1.1 Font-Face
    1.2 Layout
    1.2 Highlighted Text
    1.3 Anchor 
    1.4 Form Wrap, Fields, Inputs
-------------------------------------------------------------------------------
  2. Plugin & JS Shortcodes
-------------------------------------------------------------------------------
    2.1 Password Input
    2.2 Custom Select Stylsheet Template
    2.3 Custom Radio/Checkbox Template
    2.4 jQuery Placeholder
-------------------------------------------------------------------------------
  3. Layout & Content
-------------------------------------------------------------------------------
    3.1 Default Article
    3.2 Typograph
    3.3 Header
    3.4 Footer
    3.5 Main Menu
    3.6 Home Page Styles
    4.6 Sub Page Styles

-------------------------------------------------------------------------------
  1.1 Font-Face
-------------------------------------------------------------------------------*/
@font-face {
  font-family: 'MinionPro-B';
  src: url('/media/templates/MinionPro-Bold.eot');
  src: url('/media/templates/MinionPro-Bold.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MinionPro-BoldIt';
  src: url('/media/templates/MinionPro-BoldIt.eot');
  src: url('/media/templates/MinionPro-BoldIt.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MinionPro-It';
  src: url('/media/templates/MinionPro-It.eot');
  src: url('/media/templates/MinionPro-It.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'MinionPro-Regular';
  src: url('/media/templates/MinionPro-Regular.eot');
  src: url('/media/templates/MinionPro-Regular.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/*-------------------------------------------------------------------------------
  1.2 Layout
-------------------------------------------------------------------------------*/

body {
  color: #000;
  font-family: "Helvetica", Arial, Tahoma, sans-serif;
  position:relative;
}
#page.home-template{
  background: url("/media/templates/DSRF-bg.jpg") no-repeat scroll center 600px transparent;
}
#page {
  min-height: 100%;
  height: auto !important;
  height: 100%;
}

#content{}
.home-template .container .eleven.columns{width:670px;}
/*-------------------------------------------------------------------------------
  1.3 Highlighted Text
-------------------------------------------------------------------------------*/

::-moz-selection{ background-color: #FF7600; color: #000; text-shadow: none;}
::selection  { background-color: #FF7600; color: #000; text-shadow: none;}
ins      { background-color: #FF7600; color: #000; text-decoration: none;}
mark       { background-color: #FF7600; color: #000; font-style: normal; font-weight: normal;}
a:link       { -webkit-tap-highlight-color: #FF7600;}

/*-------------------------------------------------------------------------------
  1.4 Anchor
-------------------------------------------------------------------------------*/

a,
a:hover,
a:active {
  -webkit-transition:color 200ms ease;
  -moz-transition:color 200ms ease;
  -o-transition:color 200ms ease;
  transition:color 200ms ease;
}

a{

}

a:hover{

}

/*-------------------------------------------------------------------------------
  1.4 Form Wrap, Fields, Inputs (Empty Template)
-------------------------------------------------------------------------------*/

input, textarea, select{
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

input,
input:hover,
input:focus,
textarea,
textarea:hover,
textarea:focus{
  transition:     250ms all ease;
  -moz-transition:  250ms all ease;
  -webkit-transition: 250ms all ease;
  -o-transition:    250ms all ease;
  -ms-transition:   250ms all ease;
}

.form input:hover,
.form input:focus,
.form textarea:hover,
.form textarea:focus{
  border-color:#111;
}

.form.style1 .field{ }
.form.style1 .field label{ }
.form.style1 .field input{ }
.form.style1 .field textarea{ }
.form.style1 .field select{ }

.form.style1 .field label.error{
  display:none !important;
}

.form.style1 .field input.error,
.form.style1 .field textarea.error,
.form.style1 .field select.error{
  border-color:red !important;
}

/*-------------------------------------------------------------------------------
  2.1 Password Input (Empty Template)
-------------------------------------------------------------------------------*/

.password-input-wrap{
  position: relative;
  width:100%;
}

.password-input-wrap .password-label{
  position: absolute;
  top:0;
  left:0;
  display:block;
  cursor: text;

  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.password-input-wrap.error .password-input{
  border-color:red !important;
}

/*-------------------------------------------------------------------------------
  2.2 Custom Select Stylsheet Template (Empty Template)
-------------------------------------------------------------------------------*/

.custom-select-wrap{
  position:relative;
}

.custom-select{
  z-index: 3;
  position: relative;
  cursor: pointer;
  width:100% !important;
}

.custom-select option{
  font-style: normal;
  font:12px/25px HelveticaR,Helvetica,Arial;
  padding:3px 5px;
}

.customSelect{
}

.customSelect:hover,
.customSelect.customSelectOpen
.customSelect.customSelectFocus{
}

.customSelectInner{
  cursor: pointer;
  display: block !important;
  overflow: hidden;
}

.custom-select-wrap.has-value .customSelect{ }
.custom-select-wrap.error .customSelect{ }
.custom-select-wrap label.error{ }

/*-------------------------------------------------------------------------------
  Custom Checkbox & Radio
-------------------------------------------------------------------------------*/

.icheckbox,
.iradio{
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  margin: 0;
  padding: 0;
  margin-top:2px;
  cursor: pointer;
  background: url(/xpr/media/xpr-custom-cb.png) no-repeat;
  border: none;
}

.icheckbox{ background-position: 0 0 !important; }
.icheckbox.checked { background-position: -20px 0 !important; }
.icheckbox.disabled {}
.icheckbox.checked.disabled {}

.iradio{ background-position: -40px 0 !important; }
.iradio.checked { background-position: -60px 0 !important; }
.iradio.disabled {}
.iradio.checked.disabled {}

/*-------------------------------------------------------------------------------
  2.3 Custom Radio/Checkbox Template (Empty Template)
-------------------------------------------------------------------------------*/

.ez-hide {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity: 0;
  opacity: 0;
}

.field .checkbox {
  background: transparent url('/media/templates/dl-checkbox.png') 0 0 no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  float:left;
  cursor:pointer;
}

.field .radio {
  background: transparent url('/media/templates/dl-checkbox.png') 0 0 no-repeat;
  display:inline-block;
  width:24px;
  height:24px;
  float:left;
  cursor:pointer;
}

.checkbox.checked { background-position: 0 -30px; }
.radio.selected { background-position: 0 -30px; }
.checkbox, .radio { zoom: 1; *display:inline; _height:24px; }

/*-------------------------------------------------------------------------------
  2.4 jQuery Placeholder
-------------------------------------------------------------------------------*/

.placeholder{ color:#666; }
.placeholderFocus{ color:#000; }

/*-------------------------------------------------------------------------------
  3.1 Default Article
-------------------------------------------------------------------------------*/

.marticle .btext h1,
.marticle .btext h2,
.marticle .btext h3,
.marticle .btext h4,
.marticle .btext h5,
.marticle .btext h6{
  margin:0;
  padding:0;
    font-family: "MinionPro-B";
}

.marticle .btext h1{ font-size:35px; }
.marticle .btext h2{ font-size:30px; }
.marticle .btext h3{ font-size:25px; }
.marticle .btext h4{ font-size:20px; }
.marticle .btext h5{ font-size:17px; }
.marticle .btext h6{ font-size:14px; }

.marticle .btext ul{
  margin-left:30px;
  margin-bottom:15px;
}

.marticle .btext ul li{
  list-style: disc;
}

.marticle .btext ol{
  margin-left:30px;
  margin-bottom:15px;
}

.marticle .btext ol li{
  list-style: decimal;
}

.marticle .btext a{
  color:blue;
}

.marticle .btext a:hover,
.marticle .btext a:active{
  color:blue;
  text-decoration: underline;
}

.marticle .btext p{
  margin-bottom:15px;
}
.marticle a{
  color:#A32638;
}
a.button{
    background: none repeat scroll 0 0 #A32638;
    color: #FFFFFF;
    display: inline-block;
    font: 20px/13px MinionPro-BoldIt;
    padding: 15px 74px;
    border:1px solid #A32638;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
a.button:hover{
  background: none repeat scroll 0 0 #FFFFFF;
  color: #A32638;
  box-sizing: border-box;
}
blockquote{
  content:'"';
  display: block;
  margin-bottom:15px;
  font-style: italic;
  font-family: Georgia !important;
  font-style: italic !important;
}

blockquote p{
  display: inline;
  font-family: Georgia !important;
  font-style: italic !important;
}

/*-------------------------------------------------------------------------------
  3.2 Typograph
-------------------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 40px; }
h2 { font-size: 35px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 15px; }
h6 { font-size: 10px; }

p {
  font-size: 12px;
  line-height: 18px;
}

strong  { font-weight: bold; }
em    { font-style: italic; }
small { font-size: 85%; }

/*-------------------------------------------------------------------------------
  3.3 Header
-------------------------------------------------------------------------------*/

#header{
    background: url("/media/templates/Header-BG.png") repeat-x scroll 0 0 transparent;
    height: 110px;
    padding-top: 9px;
    position: relative;
    z-index: 2;
}
#mobile-header{
    background: none repeat scroll 0 0 #fff;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    display: none;
    left: 0;
}
.mobile-top{    
    background: url("/media/templates/DSRF_mobile_nav.png") no-repeat scroll 95% center #fff;
    padding: 10px;
                      cursor: pointer;
}
.mobile-hidden{
  display: none;
  padding: 0 10px 10px;
  box-shadow: 0 16px 5px 0 rgba(50, 50, 50, 0.1);
  border-top: 1px solid #d4d4d4;
}
#mobile-header #logo{
  float: left;
}
#logo{}
#social-media-header{
  clear: right;
}
#social-media-header li{
  float:left;
  margin-left: 5px;
}
#social-media-header .social-button{
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 39px;
    width: 39px;
}
#social-media-header .social-button-donate{
    height: 39px;
    width: 138px; 
    background-image:url('/media/templates/DSRF-header-donate-off.png');
}
#mobile-header #social-media-header ul{
    box-sizing: border-box;
    display: table;
    margin: 0 auto;
    text-align: center;
    width: 245px;
}
#mobile-header #social-media-header ul li{
    display: table-cell;
    float: none;
    margin-left: 0;
}
#social-media-header .social-button-donate:hover{background-image:url('/media/templates/DSRF-header-donate-on.png')}
#mobile-header #social-media-header a.button{
    background: url("/media/templates/DSRF-Donate-Mobile-On.png") no-repeat scroll center center #a32638;
    box-sizing: border-box;
    padding: 21px 0;
    width: 100%;
    margin: 6px 0;
}
#mobile-header #social-media-header a.button:hover{
    background: url("/media/templates/DSRF-Donate-Mobile-Off.png") no-repeat scroll center center #FFF;
}
#social-media-header .social-button.social-2{background-image:url("/media/templates/DSRF-header-fb-off.png");}
#social-media-header .social-button.social-3{background-image:url("/media/templates/DSRF-header-twitter-off.png");}
#social-media-header .social-button.social-4{background-image:url("/media/templates/DSRF-header-li-off.png");}
#social-media-header .social-button.social-5{background-image:url("/media/templates/DSRF-header-yt-off.png");}
#social-media-header .social-button.social-6{background-image:url("/media/templates/DSRF-header-ig-off.png");}

#social-media-header .social-button.social-2:hover{background-image:url("/media/templates/DSRF-header-fb-on.png");}
#social-media-header .social-button.social-3:hover{background-image:url("/media/templates/DSRF-header-twitter-on.png");}
#social-media-header .social-button.social-4:hover{background-image:url("/media/templates/DSRF-header-li-on.png");}
#social-media-header .social-button.social-5:hover{background-image:url("/media/templates/DSRF-header-yt-on.png");}
#social-media-header .social-button.social-6:hover{background-image:url("/media/templates/DSRF-header-ig-on.png");}
#mobile-header #search{
    margin: 30px auto;
    width: 195px;
}
#search{
    border-bottom: 1px solid #A32638;
    margin-bottom: 17px;
    padding-bottom: 5px;  
}
#search #search-input{
    background: none repeat scroll 0 0 transparent;
    color: #A32638;
    font: 14px/14px MinionPro-Regular;
    border: medium none;
}
#search #search-submit{
  background: url("/media/templates/DSRF-Header-Search.png") no-repeat 0 0 transparent;
  height: 19px;
  width: 19px;
}
/*-------------------------------------------------------------------------------
  3.4 Footer
-------------------------------------------------------------------------------*/

#footer{background: none repeat scroll 0 0 #A32638;}
#copyright{}
#footer-inner{}
.footer-menu{
    display: table;
    padding: 30px 0 0;
    width: 100%;
}
.footer-menu .item{
    display: table-cell;
    margin-bottom: 20px;
    width: 135px;
}
.footer-menu h2,.footer-menu h2 a{    
    color: #ffffff;
    font-family: MinionPro-B;
    font-size: 22px;
    line-height: 21px;
}
.footer-menu ul{
    padding: 0 0 0 16px;
}
.footer-menu ul li{
    list-style-type: disc;
}
.footer-menu ul li a,.footer-menu ul li{
    color: #FFCCCC;
    font-size: 12px;
}
.footer-logo{
    float: left;
    margin-bottom: 20px;
}
.footer-info{
    background: url("/media/templates/footer-border.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: both;
    color: #FFCCCC;
    padding: 18px 0 30px;
}
.footer-info .rights{float: left;}
.footer-info .rights span{font-weight: bold;}
.footer-info .charity{
  float: right;
    white-space: pre;
}
.footer-info .charity span{font-weight: bold;}
/*-------------------------------------------------------------------------------
  3.5 Main Menu
-------------------------------------------------------------------------------*/

#main-nav{
    background: url("/media/templates/Menu-BG.png") repeat-x scroll 0 0 transparent;
    height: 58px;
    position: relative;
    z-index: 5;
  z-index: 99999999;
}
#main-nav ul{height: inherit;}
#main-nav li{
  float: left;
}
#main-nav li.item{    padding: 18px 8px;}
#main-nav li.item .level-2{
    background: url("/media/templates/Menu-BG.png") repeat scroll 0 0 transparent;
    margin-left: -9px;
    margin-top: 19px;
    position: absolute;
    z-index:2;
}
#main-nav li.item .level-2 li{
    clear: both;
    display: block;
    padding: 4px 8px; 
}
#main-nav li.item .level-2 li a{font-size: 18px;}
#main-nav li.item.active{background: none repeat scroll 0 0 #333333;}
#main-nav li.border{
    background: url("/media/templates/menu-border.png") repeat-y scroll 0 0 transparent;
    height: inherit;
    width: 3px;
}
#main-nav li a{    
  color: #FFFFFF;
    font: 20px/20px MinionPro-B;
}
#main-nav li a:hover,
#main-nav li a:active,
#main-nav li.active a{ }

#mobile-nav{text-align: center;}
#mobile-nav .container{}
#mobile-nav .container .item{margin-bottom: 30px;}
#mobile-nav .container .item a{
    color: #000;
    font: 22px/22px MinionPro-B;
}
#mobile-nav .container .item .level-2{}
#mobile-nav .container .item .level-2 li{margin-bottom: 5px;}
#mobile-nav .container .item .level-2 li a{
    font: 15px/15px Helvetica;
}
/*-------------------------------------------------------------------------------
  3.6 Home Page
-------------------------------------------------------------------------------*/
.home-template #body{
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 8px 4px 2px rgba(50, 50, 50, 0.1);
    margin-top: 36%;
    position: relative;
    z-index: 2;
}
.home-template .slideshow{height: 0;}
.home-template .slideshow .slides{position:relative;}
.home-template .slideshow .slides li{}
.home-template .slideshow .slides li .textbox{
    color: #FFFFFF;
    margin-left: 20%;
    margin-top: 20%;
    position: absolute;
    top: 0;
    width: 430px;
  z-index: 99999;
}
.home-template .slideshow .slides li .textbox h1{
    font: 50px MinionPro-B;vertical-align:none;
}
.home-template .slideshow .slides li .textbox p{
   margin:0 0 0 30px;font-size:18px;line-height:24px;
}
.home-template .slideshow .slides li .textbox a {
  margin:15px 0 0 20px;float:left;
}
.home-template .slideshow .slides li img{}

.home-template .cta-box{
    border-radius: 5px;
    margin-bottom: 16px;

  -webkit-box-shadow: 0px 16px 5px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow:    0px 16px 5px 0px rgba(50, 50, 50, 0.1);
  box-shadow:         0px 16px 5px 0px rgba(50, 50, 50, 0.1);
}
.home-template .cta-box .cta:last-child{margin-right: 0;}
.home-template .cta-box .cta.latest-video,
.home-template .cta-box .cta.store{
    border-radius: 5px;
    color: #ffffff;
    float: left;
    margin-bottom: 30px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.home-template .cta-box .cta.events{
    border-radius: 5px;
    color: #ffffff;
    float: left;
    max-width: 100%;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.home-template .cta-box .store .bg-color{padding-left: 0;padding-right: 0;}
.home-template .cta-box .events .bg-color{
    margin-bottom: 15px;
    padding: 12px 0 6px;
}
.home-template .cta-box .bg-color{
    background: none repeat scroll 0 0 #a32638;
    border-radius: 5px;
    padding: 12px 22px 6px;
}
.home-template .cta-box .cta .redbg{text-align: center;}
.home-template .cta-box .cta .redbg h1{}
.home-template .cta-box .cta .redbg .bgimg {}
.home-template .cta-box .cta .title{
    color: #000000;
    font: bold 16px/16px Helvetica;
    padding: 15px 20px;
    text-align: center;
}
.home-template .cta-box .cta .button{
    display: block;
    margin: 0 20px;
    padding: 15px 0;
    text-align: center;
    width: auto;
}
#map-section{
    border: 3px solid #fff; 
}
#map{
    height: 260px;
}
#map-overlay{
   /* height: 0;
    position: relative;
    top: -260px;*/
      height: 0;
    position: absolute;
    right: 25%;
    top: 0;
}
#map-overlay header{
    font: 22px/22px MinionPro-B;
    padding-bottom: 10px;
}
#map-overlay .content{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.55);
    box-shadow: none;
    height: 260px;
}
#map-overlay .content .inner{
  padding: 22px 22px 0;
  color: #FFFFFF;
  }
#map-overlay .info{
  font: 16px/18px Helvetica;
  color: #FFF;
}
#map-overlay .info a{
  font: 16px/18px Helvetica;
  color: #FFF;
}
#map-overlay .social{margin-top: 5px;}
#map-overlay .social ul{}
#map-overlay .social ul li{float: left;margin-right: 7px;}
#map-overlay .social ul li a{}
#map-overlay .social ul li a img{}

.twitter-header{
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
}
.twitter-header .title{
    color: #a32638;
    font: 30px/25px MinionPro-B;
}
.twitter-header .link{
    display: block;
    margin-top: 12px;
}
.twitter-header .link a{
    color: #000;
    font: bold 16px/16px Arial;
}
.twitter-header img{
    margin: 0 auto;
}
.twitter-header .button{
    display: block;
    line-height: 0;
    margin: 0 auto;
    padding: 15px 0 12px;
    text-align: center;
    width: 100px;
}


.home-template .latest-video header,
.home-template .events header{
    color: #FFFFFF;
    font: 35px/35px minionpro-b;
    text-align: center;
    padding-bottom: 10px;
}
.home-template .store header{
    color: #ffffff;
    font: 32px/35px minionpro-b;
    padding-bottom: 10px;
    padding-right: 9px;
    text-align: right;
}
.home-template .store header img{position: absolute;top: -30px;}
.home-template .latest-video .video-play-bg,
.home-template .store .bg-image{
    background-position: center top;
    background-repeat: no-repeat;
    border-radius: 8px;
    height: 150px;
}
.home-template .store .bg-image{
    margin: 0 22px;
}
.home-template .latest-video figure.play-button{
    background: url("/media/templates/Home-CTA-Play.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 150px;
}

.home-template .events .event{margin-bottom: 15px;}
.home-template .events .event .date{
    background: url("/media/templates/Home-CTA-Calendar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 50px;
    width: 50px;
    margin-left: 10px;
}
.home-template .events .event .date .day{
    color: #a32638;
    font: 26px/4px MinionPro-B;
    padding-top: 21px;
    text-align: center;
}
.home-template .events .event .date .month{
    color: #a32638;
    font: bold 11px/11px Helvetica;
    padding-top: 8px;
    text-align: center;
    text-transform: uppercase;
}
.home-template .events .event .info{width: 75%;}
.home-template .events .event .title{
    padding: 0;
    text-align: left;
}
.home-template .events .event .title a{
    color: #fff;
    font: bold 14px/14px Helvetica;
}
.home-template .events .event .desc{}
.home-template .events .event .desc a{
    color: #fff;
    font: 14px/14px Helvetica;
}
.home-template #body-inner{padding-top: 25px;}
.dsrf-blog-menu-home-page a.button{
    display: block;
    padding: 15px 35px;
    text-align: center;
    float: left; 
}
.dsrf-home-page-latest-news-individual a.button{
    display: block;
    padding: 15px 35px;
    text-align: center;
    float: left; 
}
.dsrf-blog-menu-list h1,.dsrf-blog-menu-list h1 a{font-size: 35px;}
/*-------------------------------------------------------------------------------
  3.6 End Of Home Page
-------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------
  3.7 Sub Page
-------------------------------------------------------------------------------*/

.sub-template #body{
    background: url("/media/templates/DSRF-bg.jpg") no-repeat scroll center top #ffffff;
    border-bottom: 3px solid #a32638;
    border-top: 4px solid #a32638;
    position: relative;
    z-index: 2;
}
.sub-template #body-inner{background: none repeat scroll 0 0 #ffffff;}
.sub-template .content{
    background: none repeat scroll 0 0 #FFFFFF;
    
  -webkit-box-shadow: -5px 2px 6px -1px rgba(50, 50, 50, 0.25);
  -moz-box-shadow:    -5px 2px 6px -1px rgba(50, 50, 50, 0.25);
  box-shadow:         -5px 2px 6px -1px rgba(50, 50, 50, 0.25);
}
.sub-template #section-title{
    height: 220px;
    position: relative;
    z-index: 2;
}
.sub-template #section-title header{
    color: #FFFFFF;
    font: 50px/45px MinionPro-B;
    position: absolute;
    top: 50%;
}
.sub-template .slideshow{height: 0;}
.sub-template .slideshow .slides{}
.sub-template .slideshow .slides:empty{
    background: url("/media/1380x1000/DSRF-home-Feat-3.jpg") no-repeat scroll center 0 rgba(0, 0, 0, 0);
    height: 400px;	
}
.sub-template .slideshow .slides li{}
.sub-template .slideshow .slides li .textbox{
    color: #FFFFFF;
    margin-left: 20%;
    margin-top: 20%;
    position: absolute;
    top: 0;
    width: 430px;
}
.sub-template .slideshow .slides li .textbox h1{
    font: 50px/42px MinionPro-B;
}
.sub-template .slideshow .slides li .textbox .desc{
    height: 40px;
    overflow: hidden;
}
.sub-template .slideshow .slides li img{}

.breadcrumbs{    
  background: none repeat scroll 0 0 #FCFCFC;
    padding: 20px 0 20px 10px;
    box-shadow: 0 -6px 7px -10px rgba(50, 50, 50, 0.45) inset;
    -webkit-box-shadow: inset 0 -6px 7px -10px rgba(50, 50, 50, 0.45);
  -moz-box-shadow:    inset 0 -6px 7px -10px rgba(50, 50, 50, 0.45);
}
.breadcrumbs ul{}
.breadcrumbs ul li{float: left;color: #CCCCCC; margin-right: 8px;}
.breadcrumbs ul li a{color: #666666;}
.breadcrumbs ul li a.active{color: #A02537;}
.sub-template .marticle{
    border-bottom: 1px solid #CCCCCC;
    margin: 30px 20px 40px;
    padding-bottom: 40px;
}
.sub-template .marticle h1{
    color: #A32638;
    font: 35px/35px MinionPro-Regular;
    padding-bottom: 30px;
}
.sub-template .marticle h2{
    color: #000000;
    font: 700 16px/16px Helvetica;
    padding-bottom: 20px;
}
.sub-template .marticle h2:empty{display: none;}
.sub-template .marticle p{
  font: 14px/20px Helvetica;
  color: #666666;
    margin:10px 0;
}
.sub-template .marticle ul{    
  padding: 15px 0 15px 45px;
}
.sub-template .marticle ul li{
    background: url("/media/templates/DSRF-Article-Point.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
    color: #666666;
    font: 15px/25px Helvetica;
    padding-left: 13px;
}
.sub-template #sub-menu{
    background: none repeat scroll 0 0 #A32638;
    -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.sub-template #sub-menu .current,
.sub-template #sub-menu ul.level-one{
  /*padding-left: 20px;
  padding-right: 20px;*/
}
.sub-template #sub-menu .current{
    border-bottom: 1px solid #000000;
    padding: 13px 20px 10px;
}
.sub-template #sub-menu .current a{
    color: #FFFFFF;
    font: 35px/35px MinionPro-B;
}
.sub-template #sub-menu ul.level-one{}
.sub-template #sub-menu ul.level-one .level-one{
  padding: 11px 20px;
  }
.sub-template #sub-menu ul.level-one .level-one:last-child{border-bottom: none;}
.sub-template #sub-menu ul.level-one .level-one a{
    color: #FFCCCC;
    font:bold 16px/16px Helvetica;
}
.sub-template #sub-menu ul.level-one .level-one a.active{color: #FFFFFF;}
.sub-template #sub-menu ul.level-one .level-one ul.level-two{margin-top: 10px;}
.sub-template #sub-menu ul.level-one .level-one ul.level-two:empty{display: none;}
.sub-template #sub-menu ul.level-one .level-one ul.level-two .level-two{
    border-top: 1px dotted #000;
    padding-bottom: 5px;
    padding-left: 25px;
    padding-top: 5px;
}
.sub-template #sub-menu ul.level-one .level-one ul.level-two .level-two a{font: 14px/14px Helvetica;}
.sub-template #sub-menu ul.level-one .level-one ul.level-two .level-two a.active{color: #FFFFFF;}

.sub-template #feat-vid,
.sub-template #feat-blog,
#donate-now{
    padding: 30px 22px;
    border-bottom: 1px solid #9a2435;
}
.sub-template #feat-event{padding: 30px 22px;}
.sub-template #feat-vid header,
.sub-template #feat-blog header,
.sub-template #feat-event header{
    color: #a02537;
    font: 35px/35px minionpro-b;
    text-align: center;
    padding-bottom: 25px;
}
.sub-template #feat-vid .video-play-bg,
.sub-template #feat-blog .blog-item-bg{
    background-position: center 40%;
    background-repeat: no-repeat;
    border-radius: 8px;
    height: 150px;
}
.sub-template #feat-vid figure.play-button{
    background: url("/media/templates/Home-CTA-Play.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 150px;
}
.sub-template #feat-event .info{margin-bottom: 30px;}
.sub-template #feat-event .info .date{
    background: url("/media/templates/DSRF-Date.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    height: 49px;
    width: 50px;
    text-align: center;
}
.sub-template #feat-event .info .date .day{
    font: 22px/13px minionpro-b;
    padding-top: 16px;
}
.sub-template #feat-event .info .date .month{
    font: bold 13px/13px helvetica;
    text-transform: uppercase;
}
.sub-template #feat-vid .title,
.sub-template #feat-blog .title{
    border-top: 1px solid #cccccc;
    color: #333333;
    font: 16px/16px Helvetica;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-top: 15px;
    text-align: center;
}
.sub-template #feat-event .title{width: 75%;}
.sub-template #feat-event .title a{
    color: #000;
    font: 13px/14px Helvetica;
}
.sub-template #feat-event .title .desc{}
.sub-template #feat-blog .title a{font: 16px/16px Helvetica;color: #333333;}
.sub-template #feat-vid a.button,
.sub-template #feat-blog a.button,
.sub-template #feat-event a.button,
#newsletter-subscribe a.button,
#online-store a.button{
    padding: 15px 0;
    text-align: center;
    width: 100%;
}
#newsletter-subscribe{
    background: url("/media/templates/DSRF-home-Newsletter-BG.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 30px 13px;
    width: 250px;
}
#newsletter-subscribe .title{
    color: #FFFFFF;
    font: 22px/22px MinionPro-B;
    text-align: right;
}
#newsletter-subscribe .title .info{}
#newsletter-subscribe .title span{
    font-size: 29px;
}
#newsletter-subscribe .title img{float: left;}
#newsletter-subscribe .desc{
    color: #FFFFFF;
    font: 15px/20px Helvetica;
    margin: 14px 0;
}
#donate-now{    
    background: none repeat scroll 0 0 #992435;
    border-bottom: medium none;
    border-radius: 5px;
    margin-top: 10px;
    text-align: center;
}
#donate-now img{
    margin: 0 auto 15px;
}
#donate-now .desc{text-align: center;}
#donate-now .desc a{
    color: #FFFFFF;
    font: bold 16px/13px Helvetica;
    margin-bottom: 5px;
}
#donate-now .donate{
    color: #FFFFFF;
    font: 35px/35px MinionPro-BoldIt;
}
#online-store{
    background: url("/media/templates/DSRF-Store-BG.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 5px;
    margin-top: 10px;
    padding: 30px 22px;
    margin-bottom: 10px;
    }
#online-store .title{
    color: #952333;
    font: 35px/30px MinionPro-B;
    text-align: left;
}
#online-store .title .info{
    padding-top: 18px;
}
#online-store .title span{
    font-size: 29px;
}
#online-store .title img{
    float: left;
    margin-right: 6px;
}
#online-store .desc{
    color: #000;
    font: bold 15px/20px Helvetica;
    margin: 5px 0 11px;
    text-align: center;
}

/*1px border with glow*/
.sub-template #sub-menu ul.level-one .level-one,
.sub-template #sub-menu .current
{
  border-bottom: 1px solid #000000;
  -webkit-box-shadow: 0 1px 1px 0 rgba(255, 255, 255, 0.2);
  -moz-box-shadow:    0 1px 1px 0 rgba(255, 255, 255, 0.2);
  box-shadow:     0 1px 1px 0 rgba(255, 255, 255, 0.2);
}
.commenting{
    padding: 0 30px 20px;
}
.commenting h4{
    color: #000000;
    font-size: 26px;
    letter-spacing: 4px;
    text-align: center;
}
.commenting label{
    color: #000000;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.commenting .input{margin: 0 0 15px;}
.commenting input[type="text"]{
    border: 1px solid #cccccc;
    height: 30px;
    padding: 4px 8px;
    width: 100%;
}
.commenting textarea{
    border: 1px solid #cccccc;
    height: 65px;
    padding: 4px 8px;
    width: 100%;
}
.commenting input[type="button"],.commenting input[type="submit"]{
    background: none repeat scroll 0 0 #9A2435;
    border: medium none;
    color: #ffffff;
    float: right;
    font-size: 11px;
    height: 30px;
    width: 150px;
    border: 1px solid #9a2435;
}
.commenting input[type="button"]:hover,.commenting input[type="submit"]:hover{background: none repeat scroll 0 0 #FFF;color: #000;}
.comments{padding: 0 30px 20px;}
.comments .date{
    color: #000000;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.comments .item{
    border-bottom: 1px solid #ccc;
    color: #000000;
    font-size: 12px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.comments .name{
    color: #000000;
    font-size: 14px;
}
.comments .email{
    color: #000000;
    font-size: 12px;
    text-decoration: underline;
}
.comments .comment{
    color: #000000;
    font-size: 14px;
    margin: 10px 0 0;
    padding: 14px 0;
    text-transform: none;
}
#dsEmailFormTable input[type="submit"],#dsEmailFormTable input[type="reset"]{
    background: none repeat scroll 0 0 #9a2435;
    border: 1px solid #9a2435;
    color: #ffffff;
    font-size: 14px;
    height: 30px;
    text-transform: uppercase;
    width: 150px;
}
/*-------------------------------------------------------------------------------
  3.7 End Of Sub Page
-------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------
  Media Queries / Default Screen
-------------------------------------------------------------------------------*/
@media only screen and (min-width: 960px)
{
}

/*-------------------------------------------------------------------------------
  Media Queries / Tablet (Portrait)
-------------------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px)
{
  /*hide*/
  #header,#main-nav,.footer-menu{display:none;}

  /*show*/
  #mobile-header,#mobile-header #main-nav{display: block;}

  #page.home-template,.sub-template #body{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);}
  .home-template #body{margin-top: 400px;}
  #page{padding-top: 70px;}
  .home-template .slideshow .slides li .textbox{
    left: 20px;
    padding-right: 20px;
    top: 40px;
    width: auto;
    margin: 0;
  }
  .home-template .container .eleven.columns{width: auto;}
  .home-template .container .five.columns{}
  .home-template .latest-video header, .home-template .events header,.home-template .store header{font-size: 21px;}
  .home-template .events .event .info{width: 65%;}
  .home-template .container .five.columns[data-twttr-id="twttr-sandbox-0"]{
    text-align: center;
    width: 100%;  
  }
  .dsrf-blog-menu-home-page a.button,.dsrf-home-page-latest-news-individual a.button{
    padding:15px 0;
    width: 100%;
  }
  .sub-template #feat-event .title{width: 65%;}
  #newsletter-subscribe .title span{font-size: 23px;}
  #newsletter-subscribe{}
  #online-store .title .info{text-align: center;}
  #online-store .title img{float: none;margin:0 auto;}
  a.dsrf-latest-news-read-more-button{display: none;}
  #online-store{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
  .sub-template #body-inner{border-top: 4px solid #a32638;}
  .sub-template #body{border-top: medium none;}
  #map-overlay{right: 50px;}
  #map-overlay header{font: 19px/19px MinionPro-B;}
  #map-overlay .info{font: 13px/14px Helvetica;}
  #map-overlay .social ul li a img{width: 28px;}
  .footer-logo{width: 100%;}
  .footer-logo img{margin:5px auto 0;}
  .footer-info .rights{
    float: none;
    text-align: center;
    width: 100%;
  }
  .footer-info .charity{
    float: none;
    font-size: 18px;
    text-align: center;
    white-space: normal;
  }
}

/*-------------------------------------------------------------------------------
  Media Queries / Mobile (All)
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px)
{
  /*hide*/
  #header,#main-nav,.footer-menu{display:none;}

  /*show*/
  #mobile-header,#mobile-header #main-nav{display: block;}

 #page.home-template,.sub-template #body{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);}
  .home-template #body{margin-top: 195px;}
  #page{padding-top: 70px;}
  .home-template .container .eleven.columns{width: 420px;}
  .home-template .container .five.columns[data-twttr-id="twttr-sandbox-0"]{
    text-align: center;
    width: 100%;  
  }
  .home-template .slideshow .slides li .textbox{
    left: 20px;
    padding-right: 20px;
    top: 40px;
    width: auto;
    margin: 0;
  }
  .dsrf-blog-menu-home-page a.button,.dsrf-home-page-latest-news-individual a.button{
    padding:15px 0;
    width: 100%;
  }
  a.dsrf-latest-news-read-more-button{display: none;}
  #online-store{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
  .sub-template #body-inner{border-top: 4px solid #a32638;}
  .sub-template #body{border-top: medium none;}
  #map-overlay header{font: 19px/19px MinionPro-B;}
  #map-overlay{right: 50px;}
  #map-overlay .info{font: 13px/14px Helvetica;}
  #map-overlay .social ul li a img{width: 28px;}
  .footer-info .rights{
    float: none;
    text-align: center;
    width: 100%;
  }
  .footer-logo{width: 100%;}
  .footer-logo img{margin:5px auto 0;}
  .footer-info .charity{
    float: none;
    font-size: 18px;
    text-align: center;
    white-space: normal;
  }
  .dsrf-blog-menu-home-page .dsrf-read-more a.dsrf-blog-entry-read-more{
    display: block;
    padding: 15px 0;
    text-align: center;
    width: auto;
  }
}

/*-------------------------------------------------------------------------------
  Media Queries / Mobile (Landscape)
-------------------------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px)
{
  /*hide*/
  #header,#main-nav,.footer-menu{display:none;}

  /*show*/
  #mobile-header,#mobile-header #main-nav{display: block;}

  #page.home-template,.sub-template #body{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);}
  .home-template #body{margin-top: 255px;}
  #page{padding-top: 70px;}
  .home-template .slideshow .slides li .textbox{
    left: 20px;
    padding-right: 20px;
    top: 40px;
    width: auto;
    margin: 0;
  }
  .dsrf-blog-menu-home-page a.button,.dsrf-home-page-latest-news-individual a.button{
    padding:15px 0;
    width: 100%;
  }
  a.dsrf-latest-news-read-more-button{display: none;}
  #online-store{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}
  .sub-template #body-inner{border-top: 4px solid #a32638;}
  .sub-template #body{border-top: medium none;}
  #map-overlay{right: 0px;}
  #map-overlay .content{width: 225px;}
  #map-overlay header{font: 19px/19px MinionPro-B;}
  #map-overlay .info{font: 13px/14px Helvetica;}
  #map-overlay .social ul li a img{width: 28px;}
  .footer-logo{width: 100%;}
  .footer-logo img{margin:5px auto 0;}
  .footer-info .rights{
    float: none;
    text-align: center;
    width: 100%;
  }
  .footer-info .charity{
    float: none;
    font-size: 18px;
    text-align: center;
    white-space: normal; 
  }
}

/*-------------------------------------------------------------------------------
  Media Queries / Mobile (Portrait)
-------------------------------------------------------------------------------*/
@media only screen and (max-width: 479px)
{
  /*hide*/
  #header,#main-nav,.footer-menu{display:none;}

  /*show*/
  #mobile-header,#mobile-header #main-nav{display: block;}
 .home-template .container .eleven.columns{width: 300px;}
  #page.home-template,.sub-template #body{background:none repeat scroll 0 0 rgba(0, 0, 0, 0);}
  #page{padding-top: 70px;}
  .home-template .slideshow .slides li .textbox{
    left: 6px;
    padding-right: 20px;
    top: 6px;
    width: auto;
    margin: 0;
  }
  .home-template .slideshow .slides li .textbox h1{font: 30px/24px MinionPro-B;}
  .dsrf-blog-menu-home-page a.button,.dsrf-home-page-latest-news-individual a.button{
    padding:15px 0;
    width: 100%;
  }
  a.dsrf-latest-news-read-more-button{display: none;}
  #online-store{background: none repeat scroll 0 0 rgba(0, 0, 0, 0);}

  .sub-template #body-inner{border-top: 4px solid #a32638;}
  .sub-template #body{border-top: medium none;}

  #map-overlay{right: 0px;}
  #map-overlay .content{width: 225px;}
  #map-overlay header{font: 19px/19px MinionPro-B;}
  #map-overlay .info{font: 13px/14px Helvetica;}
  #map-overlay .social ul li a img{width: 28px;}
  .footer-logo{width: 100%;}
  .footer-logo img{margin:5px auto 0;}
  .footer-info .rights{
    float: none; 
    text-align: center;
    width: 100%;
  }
  .footer-info .charity{
    float: none;
    font-size: 18px;
    text-align: center;
    white-space: normal;
  }
}

/* ==========================================================================
   Blog Menu Edits - Created 2014-06-11
   ========================================================================== */


/* ==========================================================================
   Blog Main Body - Created 2014-06-11
   ========================================================================== */

section.dsrf-blog-menu-list .dsrf-blog-list .dsrf-individual-blog-entry {
	margin-bottom:20px;
	padding-bottom:20px;
	-webkit-box-shadow:0 2px 2px -2px #333333;
	-moz-box-shadow:0 2px 2px -2px #333333;
	-o-box-shadow:0 2px 2px -2px #333333;
	box-shadow:0 2px 2px -2px #333333;
}

section.dsrf-blog-menu-list .dsrf-blog-list .dsrf-individual-blog-entry:first-child {
	border-bottom:1px solid #992435;
}

section.dsrf-blog-menu-list .dsrf-blog-list .dsrf-individual-blog-entry:not(:first-child) {
	border-bottom:1px solid #cccccc;	
}

section.dsrf-blog-menu-list .dsrf-blog-list .dsrf-individual-blog-entry:last-child {
	border:none!important;
	box-shadow:none;
}

section.dsrf-blog-menu-list .dsrf-blog-list .dsrf-individual-blog-entry img {
	max-width:100%;
	margin:0 auto 20px;
}

section.dsrf-blog-menu-list .dsrf-blog-list .dsrf-individual-blog-entry date {
	color:#adadad;
	margin-bottom:20px;
	display:inline-block;
}

.dsrf-individual-blog-entry h1 {
	color:#333333;
	font:bold 18px 'Helvetica', sans-serif;
}

section.dsrf-blog-menu-list .dsrf-blog-list .dsrf-individual-blog-entry .dsrf-blog-individual-post {
	height:70px;
	overflow:hidden;
	color:#666666;
	line-height:1.5em;
	font-size:14px;
	margin-bottom:15px;
}

section.dsrf-blog-menu-list .dsrf-blog-list .dsrf-individual-blog-entry a.dsrf-blog-entry-title {
	text-decoration: none;
	color:#333333;
	font-family: 'MinionPro-B';
	font-size:20px;
}

.dsrf-individual-blog-entry a {
	/*color:#a32638;*/
	text-decoration: underline;	
	font-style:italic;
}

a.dsrf-blog-page-main-title {
	font-style: normal;
	font-family:'MinionPro-B';
}

section.dsrf-blog-menu-list .dsrf-blog-list .dsrf-individual-blog-entry div.dsrf-read-more {
	color:#a32638;
}

/* ==========================================================================
   Blog Main Body - Created 2014-06-12
   ========================================================================== */

.dsrf-search-terms-view {
	font-weight:400;
	font-size:19px;
}

div.dsrf-paging-html-wrapper {
	text-align: center;
}

div.dsrf-paging-html-wrapper .blog-next-button,
div.dsrf-paging-html-wrapper .blog-prev-button,
div.dsrf-paging-html-wrapper .dsrf-blog-pages {
	display:inline-block;
}

div.dsrf-paging-html-wrapper .blog-next-button > a,
div.dsrf-paging-html-wrapper .blog-prev-button > a {
	color:#cccccc;
}

div.dsrf-paging-html-wrapper .blog-next-button > a:hover,
div.dsrf-paging-html-wrapper .blog-prev-button > a:hover {
	color:#9a2435;
}


div.dsrf-paging-html-wrapper .blog-next-button {
	margin-left:20px;
}

div.dsrf-paging-html-wrapper .blog-prev-button {
	margin-right:20px;
}

div.dsrf-paging-html-wrapper .dsrf-individual-page-number {
	display:inline-block;
}

div.dsrf-paging-html-wrapper .dsrf-individual-page-number > a {
	font:italic 14px 'MinionPro-Regular';
	text-decoration: none;
	color:#a1a1a1;
	display:inline-block;
	padding:10px 20px;
	border:1px solid #cccccc;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.25, #eeeeee),
		color-stop(1, #FFFFFF)
	);
	background-image: -o-linear-gradient(bottom, #eeeeee 25%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #eeeeee 25%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #eeeeee 25%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #eeeeee 25%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #eeeeee 25%, #FFFFFF 100%);
}

div.dsrf-paging-html-wrapper .dsrf-individual-page-number > a:hover {
	color:#9a2435;
}

div.dsrf-paging-html-wrapper .dsrf-individual-page-number:not(:first-child) > a {
	border-left:0!important;
}

div.dsrf-paging-html-wrapper .dsrf-individual-page-number > a.dsrf-active-page,
div.dsrf-paging-html-wrapper .dsrf-individual-page-number > a.dsrf-active-page {	
	color:#9a2435;
}

/* ==========================================================================
   Blog Search Input - Created 2014-06-12
   ========================================================================== */

section.dsrf-search-input-section {
	padding:0 25px;
	background-color: #A32638;
	margin:0;
}
section.dsrf-search-input-section form {
	text-align: center;
	border-bottom:1px solid #fff;
	margin:10px 0;
	padding-bottom:3px;
}

section.dsrf-search-input-section form > input {
	border:none;
	background-color:inherit;
	color:#fff;
	float:left;
}


input.dsrf-search-input::-webkit-input-placeholder { color: #fff; font-size:14px; }
input.dsrf-search-input::-moz-placeholder { color: #fff; font-size:14px;}
input.dsrf-search-input:-ms-input-placeholder { color: #fff; font-size:14px;}
input.dsrf-search-input:-moz-placeholder { color: #fff; font-size:14px;}


/* Remove Placeholder text when the user clicks inside it */
input.dsrf-search-input:focus::-webkit-input-placeholder,
input.dsrf-search-input:focus::-moz-input-placeholder,
input.dsrf-search-input:focus:-moz-input-placeholder,
input.dsrf-search-input:focus::-ms-input-placeholder,
input.dsrf-search-input:focus::-webkit-input-placeholder{
    color: transparent;
}

a.dsrf-blog-search-button {
	display:inline-block;
	background:url("/media/2014-06-12-dsrf-white-search-icon.png") no-repeat right center transparent;
	height:19px;
	width:19px;
	text-indent: -9999em;
	float:right;
}

/* ==========================================================================
   Blog Home Page (Recent Blog) - Created 2014-06-16
   ========================================================================== */

.dsrf-blog-menu-home-page {
    border-bottom: 1px solid #cccccc;
    margin-bottom: 30px;
    padding: 0 20px 60px;
}

.dsrf-latest-blog-latest-news {
	/*padding-left:20px;*/
}


.dsrf-latest-blog-latest-news h1,
.dsrf-latest-blog-latest-news h1 a {
	color:#A32638;
	font:35px/16px 'MinionPro-B';
	padding-bottom:30px;
	text-decoration: none!important;
}

.dsrf-latest-blog-latest-news h1 {
	font-size:35px;
}

.dsrf-blog-menu-home-page h1.recent-blog-title {
	font-size:23px;
}

.dsrf-blog-menu-blog-title-image-and-read-more-wrapper {
	width:40%;
	float:left;
	margin-right:24px;
	/*padding-left:20px;*/
}

.dsrf-blog-menu-home-page .dsrf-read-more a.dsrf-blog-entry-read-more {
	clear:both;
	text-decoration: none!important;
	font-style: normal!important;
	padding:18px 31px;
}

.dsrf-blog-menu-home-page-title-and-body-wrapper {

}

.dsrf-blog-menu-blog-title-image-and-read-more-wrapper img {
	border-bottom:1px solid #cccccc;
	border-radius:5px;
}

.dsrf-blog-menu-blog-title-image-and-read-more-wrapper .top-label a {
	font:35px/28px 'MinionPro-B';
}


/* ==========================================================================
   Latest News Home Page (Recent Blog) - Created 2014-06-16
   ========================================================================== */

.dsrf-home-page-latest-news-wrapper {
	padding:0 20px;
}

.dsrf-home-page-latest-news-individual {
	margin-bottom:40px;
	border-bottom:1px solid #cccccc;
	padding-bottom:40px;
}

.dsrf-home-page-latest-news-individual-paragraph {
	margin-bottom:20px;
	color:#666666;
	line-height:1.5em;
	font-size:14px;
}

.dsrf-home-page-latest-news-individual-paragraph {
	height:120px;
	overflow:hidden;
}

.dsrf-latest-news-title {
	font:400 23px/1.5em 'Helvetica', sans-serif;
}

.dsrf-latest-news-title a {
	font-size:16px;
}

.dsrf-latest-news-title a {
	color:#333333;
}

.dsrf-latest-news-read-more-button {
	padding:22px 30px;
	margin:0 20px 45px;
}

/* ==========================================================================
   Footer Tweaks - Created 2014-06-19
   ========================================================================== */

#footer .footer-menu ul {
	padding:6px 0 0 0;
}

#footer .footer-menu ul li {
	list-style-type: none;
}

/* ==========================================================================
   Featured Blog Override - Created 2014-06-20
   ========================================================================== */

.dsrf-featured-blog-right-wrapper {
	margin:20px 0 1px;
	border-top:1px solid #cccccc;
	padding:10px;
}

.dsrf-featured-blog-right-image {
	border-bottom:1px solid #cccccc;
}

.dsrf-featured-blog-right-body {
	height:40px;
	overflow: hidden;
	font-size:12px;
	color:#666666;
}

a.dsrf-featured-blog-right-link {
	color:#333333;
	-webkit-transition:color 0.2s ease-in;
	-moz-transition:color 0.2s ease-in;
	-o-transition:color 0.2s ease-in;
	-ms-transition:color 0.2s ease-in;
	transition:color 0.2s ease-in;
}

a.dsrf-featured-blog-right-link:hover {
	color:#666666;
}

.sub-template #feat-blog .dsrf-featured-blog-right-title {
	border:none;
	text-align: left;
	margin-top:0;
	padding-top:0;
}

/* ==========================================================================
   More Footer Tweaks - Created 2014-06-20
   ========================================================================== */

#footer .footer-menu .item {
	width:200px;
}

#footer .footer-menu ul {
	margin-right:10px;
}

#footer .footer-menu ul li {
	margin-bottom:4px;
}

#footer .footer-menu ul li a {
	-webkit-transition:color 0.2s ease-in;
	-moz-transition:color 0.2s ease-in;
	-o-transition:color 0.2s ease-in;
	-ms-transition:color 0.2s ease-in;
	transition:color 0.2s ease-in;
}

#footer .footer-menu ul li a:hover {
	color:#eeeeee;
}

/* ==========================================================================
   Breadcrumb Tweaks - Created 2014-06-20
   ========================================================================== */

.breadcrumbs {
	-webkit-transition:color 0.2s ease-in;
	-moz-transition:color 0.2s ease-in;
	-o-transition:color 0.2s ease-in;
	-ms-transition:color 0.2s ease-in;
	transition:color 0.2s ease-in;
}

.breadcrumbs a:hover {
	color:#cccccc;
}


/* ==========================================================================
   Misc. Button Tweaks for hover states - Created 2014-06-20

   - Add hover state to main menu, sub menu
   ========================================================================== */

/* Transition set up */
#main-nav .container .dsrf-first-level-link > a,
#main-nav .container .dsrf-second-level-link > a,
.sub-template #sub-menu ul.level-one .level-one a,
.sub-template #sub-menu ul.level-one .level-one ul.level-two .level-two a,
a.dsrf-blog-entry-read-more,
.sub-template #feat-blog .title a {
	-webkit-transition:color 0.1s ease-in;
	-moz-transition:color 0.1s ease-in;
	-o-transition:color 0.1s ease-in;
	-ms-transition:color 0.1s ease-in;
	transition:color 0.1s ease-in;
}

/* Hover States */
#main-nav .container .dsrf-second-level-link > a:hover,
#main-nav .container .dsrf-first-level-link > a:hover,
.marticle.custom-hover a:hover,
a.dsrf-blog-entry-read-more:hover,
#sub-menu a:hover,
.sub-template #feat-blog .title a:hover {
	color:#cccccc;
}

.sub-template #sub-menu ul.level-one .level-one a:hover,
.sub-template #sub-menu ul.level-one .level-one ul.level-two .level-two a:hover {
	color:#eeeeee;
}

/*a.button {
	border:1px solid transparent;
}*/


/* ==========================================================================
   Subtle overrides (because I wrapped things in h1's as per QA document) - Created 2014-06-20
   ========================================================================== */

.sub-template #feat-vid header h1, 
.sub-template #feat-blog header h1, 
.sub-template #feat-event header h1 {
	font-size:35px;
}

.sub-template #section-title header h1 {
	font:50px/45px 'MinionPro-B';
}

/* ==========================================================================
   Blog Archive Menu Result List - Created 2014-07-28
   ========================================================================== */

.sub-template .marticle .dsrf-blog-archive h2 {
	font-size:25px;
	color:#A32638;
	padding-bottom:20px;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
}

.dsrf-blog-archive-individual-wrapper {
	margin-bottom:20px;
	border-bottom:1px solid #eee;
	padding-bottom:20px;
}

/* ==========================================================================
   Flexslider Edits - Adding Prev/Next buttons - Created 2015-02-10
   ========================================================================== */

.flex-direction-nav {
	position:absolute;
  	top:430px;
  	z-index:9999;
  	opacity:1;
  	height:50px;
    width:100%;
    display:block!important; 
}

.flexslider .flex-direction-nav a,
.flexslider .flex-direction-nav a {
	display: block!important;
  	text-indent:0;
  	color:#fff;
  	background-color:#444;
  	border-radius:10px;
  	width:20px;
  	height:20px;
  	opacity:0.8;
  	-webkit-transition:all 0.2s ease-in-out;
  	-moz-transition:all 0.2s ease-in-out;
  	-o-transition:all 0.2s ease-in-out;
  	transition:all 0.2s ease-in-out;
}

.flexslider .flex-direction-nav a:hover,
.flexslider .flex-direction-nav a:hover {
	opacity:1;
}

.flexslider .flex-direction-nav a.flex-prev,
.flexslider .flex-direction-nav a.flex-next {
	position:absolute;
  	text-align:center;
  	font-size:50px;
  	width:50px;
  	height:auto;
}

.flexslider .flex-direction-nav a.flex-prev {
	left:40px;
}
.flexslider .flex-direction-nav a.flex-next {
	right:40px;
}

/* ==========================================================================
   Video Popup Form - Created 2015-05-22
   ========================================================================== */

.fancybox-skin {
	background-color:#a02537;
  	padding:40px;
}

.video-popup .popup-title {
	color:#fff;
  	font-size:20px;
}

.video-popup .popup-body p {
	color:#fff;
  	margin-bottom:20px;
  	font-size:20px;
  	line-height:1.2em;
}

.video-popup .popup-form input {
	border:none;
  	padding:20px;
  	width:100%;
  	box-shadow:inset 1px 1px 2px 0px;
}

.video-popup .submit-field {
	text-align:center;
  	margin-top:40px!important;
}

.video-popup .popup-form input[type="submit"] {
  	width:auto;
	background-color:#fff;
  	color:#a02537;  	
  	-webkit-transition:all 0.2s ease-in-out;
  	-moz-transition:all 0.2s ease-in-out;
  	-o-transition:all 0.2s ease-in-out;
  	transition:all 0.2s ease-in-out;
}

.video-popup .popup-form input[type="submit"]:hover {
	background-color:#a02537;
  	color:#fff;
  	border:1px solid #fff;
}

.video-popup fieldset {
	border:none;
}

.video-popup .field {	
  	margin:20px auto;
}

.video-popup .message {
	color:#fff;
  	font-size:25px;
  	margin-top:20px;
}

.videos .fancybox-close {
	display:none;
}

.close {
	color:#fff;
  	font-size:20px;
  	margin-bottom:20px;
	cursor:pointer;
}

#page.videos ~ .fancybox-overlay .fancybox-close {
	display:none;
}

/* ==========================================================================
   Media Queries - Created 2015-02-10
   ========================================================================== */

@media screen and (max-width:959px) {
	
  .flex-direction-nav {
  	top:250px;
  }
  .flexslider .flex-direction-nav a.flex-prev {
	left:15px;
  }
  .flexslider .flex-direction-nav a.flex-next {
    right:15px;
  }
  
}

/* Customized media query to make slider buttons disappear */
@media screen and (max-width:655px) {
  
  .flex-direction-nav {
  	display:none!important;
  }	
  
}

@media screen and (max-width:480px) {
  
  .video-popup .popup-body p {
  	font-size:14px;
  }
  .video-popup .field,
  .video-popup .popup-form input,
  .video-popup .popup-form input[type="submit"] {
  	width:100%;    
  }
  .video-popup .popup-form input,
  .video-popup .popup-form input[type="submit"] {
  	padding:10px 10px 10px 20px;
  }
  .video-popup .field {
  	padding:0;
  }
  
}

img.adMargin {margin:0 0 0 30px;float:right;}