/*=====================================================================
 *
 * Filename: screen.css
 * Website: www.exmaple.com
 * Author: Sean Dunwoody
 * Date Created: 09/08/2013
 * Media: Screen
 *
 * Description
 * -----------
 * Put an description of your stylsheet here. Things you
 * might include could be colour schemes and dimensions.
 *
 *=====================================================================*/


/* CSS normalize ======================================================*/

    /*! normalize.css v2.1.3 | MIT License | git.io/normalize */

    /* HTML5 display definitions ==========================================*/

        /**
         * Correct `block` display not defined in IE 8/9.
         */

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

        /**
         * Correct `inline-block` display not defined in IE 8/9.
         */

        audio,
        canvas,
        video {
            display: inline-block;
        }

        /**
         * Prevent modern browsers from displaying `audio` without controls.
         * Remove excess height in iOS 5 devices.
         */

        audio:not([controls]) {
            display: none;
            height: 0;
        }

        /**
         * Address `[hidden]` styling not present in IE 8/9.
         * Hide the `template` element in IE, Safari, and Firefox < 22.
         */

        [hidden],
        template {
            display: none;
        }


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

        /**
         * 1. Set default font family to sans-serif.
         * 2. Prevent iOS text size adjust after orientation change, without disabling
         *    user zoom.
         */

        html {
            font-family: sans-serif; /* 1 */
            -ms-text-size-adjust: 100%; /* 2 */
            -webkit-text-size-adjust: 100%; /* 2 */
        }

        /**
         * Remove default margin.
         */

        body {
            margin: 0;
        }


    /* Links ==============================================================*/

        /**
         * Remove the gray background color from active links in IE 10.
         */

        a {
            background: transparent;
        }

        /**
         * Address `outline` inconsistency between Chrome and other browsers.
         */

        a:focus {
            outline: thin dotted;
        }

        /**
         * Improve readability when focused and also mouse hovered in all browsers.
         */

        a:active,
        a:hover {
            outline: 0;
        }


    /* Typography =========================================================*/

        /**
         * Address variable `h1` font-size and margin within `section` and `article`
         * contexts in Firefox 4+, Safari 5, and Chrome.
         */

        h1 {
            font-size: 2em;
            margin: 0.67em 0;
        }

        /**
         * Address styling not present in IE 8/9, Safari 5, and Chrome.
         */

        abbr[title] {
            border-bottom: 1px dotted;
        }

        /**
         * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
         */

        b,
        strong {
            font-weight: bold;
        }

        /**
         * Address styling not present in Safari 5 and Chrome.
         */

        dfn {
            font-style: italic;
        }

        /**
         * Address differences between Firefox and other browsers.
         */

        hr {
            -moz-box-sizing: content-box;
            box-sizing: content-box;
            height: 0;
        }

        /**
         * Address styling not present in IE 8/9.
         */

        mark {
            background: #ff0;
            color: #000;
        }

        /**
         * Correct font family set oddly in Safari 5 and Chrome.
         */

        code,
        kbd,
        pre,
        samp {
            font-family: monospace, serif;
            font-size: 1em;
        }

        /**
         * Improve readability of pre-formatted text in all browsers.
         */

        pre {
            white-space: pre-wrap;
        }

        /**
         * Set consistent quote types.
         */

        q {
            quotes: "\201C" "\201D" "\2018" "\2019";
        }

        /**
         * Address inconsistent and variable font size in all browsers.
         */

        small {
            font-size: 80%;
        }

        /**
         * Prevent `sub` and `sup` affecting `line-height` in all browsers.
         */

        sub,
        sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline;
        }

        sup {
            top: -0.5em;
        }

        sub {
            bottom: -0.25em;
        }


    /* Embedded content ===================================================*/

        /**
         * Remove border when inside `a` element in IE 8/9.
         */

        img {
            border: 0;
            max-width:100%;
        }

        /**
         * Correct overflow displayed oddly in IE 9.
         */

        svg:not(:root) {
            overflow: hidden;
        }


    /* Figures ============================================================*/

        /**
         * Address margin not present in IE 8/9 and Safari 5.
         */

        figure {
            margin: 0;
        }


    /* Forms ==============================================================*/

        /**
         * Define consistent border, margin, and padding.
         */

        fieldset {
            border: none;
            margin: 0 2px;
            padding: 0.35em 0.625em 0.75em;
        }

        /**
         * 1. Correct `color` not being inherited in IE 8/9.
         * 2. Remove padding so people aren't caught out if they zero out fieldsets.
         */

        legend {
            border: 0; /* 1 */
            padding: 0; /* 2 */
        }

        form input[type="text"]{
            font-family: inherit;
            font-size: 100%;
            margin: 0;
            padding: 1em;
            width: 50%;
            border-radius: 10px;
            border: 1px solid #1eaab7;
            outline: none;
        }

        form input[type="submit"] {
            background: #1AA2AE;
            color: white;
            border-radius: 10px;
            padding: 0.5em 1em;
            border: none;
            font-size: 1.5em;
            -webkit-transition: background-color 0.5s ease-out;  -moz-transition: background-color 0.5s ease-out;  -o-transition:background-color 0.5s ease-out;  transition: background-color 1s ease-out;
        }

        /**
         * 1. Correct font family not being inherited in all browsers.
         * 2. Correct font size not being inherited in all browsers.
         * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
         */

        button,
        input,
        select,
        textarea {
            font-family: inherit; /* 1 */
            font-size: 100%; /* 2 */
            margin: 0; /* 3 */
        }

        /**
         * Address Firefox 4+ setting `line-height` on `input` using `!important` in
         * the UA stylesheet.
         */

        button,
        input {
            line-height: normal;
        }

        /**
         * Address inconsistent `text-transform` inheritance for `button` and `select`.
         * All other form control elements do not inherit `text-transform` values.
         * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
         * Correct `select` style inheritance in Firefox 4+ and Opera.
         */

        button,
        select {
            text-transform: none;
        }

        /**
         * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
         *    and `video` controls.
         * 2. Correct inability to style clickable `input` types in iOS.
         * 3. Improve usability and consistency of cursor style between image-type
         *    `input` and others.
         */

        button,
        html input[type="button"], /* 1 */
        input[type="reset"],
        input[type="submit"] {
            -webkit-appearance: button; /* 2 */
            cursor: pointer; /* 3 */
        }

        /**
         * Re-set default cursor for disabled elements.
         */

        button[disabled],
        html input[disabled] {
            cursor: default;
        }

        /**
         * 1. Address box sizing set to `content-box` in IE 8/9/10.
         * 2. Remove excess padding in IE 8/9/10.
         */

        input[type="checkbox"],
        input[type="radio"] {
            box-sizing: border-box; /* 1 */
            padding: 0; /* 2 */
        }

        /**
         * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
         * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
         *    (include `-moz` to future-proof).
         */

        input[type="search"] {
            -webkit-appearance: textfield; /* 1 */
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box; /* 2 */
            box-sizing: content-box;
        }

        /**
         * Remove inner padding and search cancel button in Safari 5 and Chrome
         * on OS X.
         */

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

        /**
         * Remove inner padding and border in Firefox 4+.
         */

        button::-moz-focus-inner,
        input::-moz-focus-inner {
            border: 0;
            padding: 0;
        }

        /**
         * 1. Remove default vertical scrollbar in IE 8/9.
         * 2. Improve readability and alignment in all browsers.
         */

        textarea {
            overflow: auto; /* 1 */
            vertical-align: top; /* 2 */
        }


    /* Tables =============================================================*/

        /**
         * Remove most spacing between table cells.
         */

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

    
/* Base styles ========================================================*/

    /* apply a natural box layout model to all elements */
    * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

    /* Disable hover whilst scrolling for performance reasons
        http://www.thecssninja.com/javascript/pointer-events-60fps
       Can also be used for elements you wish to disable hover events for */
    .disable-hover,
    .disable-hover * {
      pointer-events: none !important;
    }

    html { font-size: 62.5%; } /* font-size: 62.5% now means that 1.0 rem = 10px */
    body {font-family: Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif; font-size: 1.4rem; overflow-y: scroll; } /* Overflow-y is to prevent the scrollbar shunting */
    body > div { font-size: 1.4rem; } /* Fix for Chrome REM bug */
    html, body { height: 100%; }
    
    h1 {color: #1ca3b0; font-size: 6em; margin: 1em 0 0; }
    h2 {color: #146971; font-size: 3em; margin: 2em 0 0;  }
    h3 {margin: 0;color: #666666; font-size: 1em;  }
    .h3Extra {font-size: 1.5em; font-weight: normal; margin: 1em 0;}
	h4 {  }
	h5 {  }
    h6 {  }
    p {color: #555555; font-size: 1.2em;  }

    a {color: #666666; text-decoration: none;  }
    a:hover {color:#146971; }
    

/* Grids/Layouts ======================================================*/

    .lfloat { float: left; }
    .rfloat { float: right; }
    .overflow { overflow: hidden; }

    .clearfix:after { clear: both; content: ""; display: table; }
    .clear { clear: both; }
    
    .align-center { text-align: center; }
    .align-left { text-align: left; }
    .align-right { text-align: right; }

    .visible-desktop { display: block; }
    .visible-tablet { display: none; }
    .visible-phone { display: none; }
    .hidden-desktop { display: none; }
    .hidden-tablet { display: block; }
    .hidden-phone { display: block; }
    
    /* Grid System ========================================================*/
        .wrapper-center { background: #fff; margin: 0 auto; max-width: 100%; padding: 0; position: relative; }
        
        .grid-line { margin-bottom: 1%; }
        .grid-line:after { clear: both; content: ""; display: block; height: 0; width: 0; }

        .grid { display: inline; float: left; margin-left: 1%; padding: 0; }
        .grid:first-child { margin: 0; }
        .grid:after { clear: both; content: ""; display: block; height: 0; width: 0; }
        
        .one-whole { margin-left: 0; width: 100%; }
        .one-half { width: 49.5%; }
        .one-third { width: 32.6666%; }
        .two-thirds { width: 65.9999%; }
        .one-quarter { width: 24.25%; }
        .two-quarters { width: 49.5%; }
        .three-quarters { width: 74.75%; }
        .one-fifth { width: 19.2%; }
        .two-fifths { width: 39.4%; }
        .three-fifths { width: 59.6%; }
        .four-fifths { width: 79.8%; }
        .one-seventh { width: 13.14%; }
        .two-sevenths { width: 26.28%; }
        .three-sevenths { width: 39.42%; }
        .four-sevenths { width: 52.56%; }
        .five-sevenths { width: 65.6%; }
        .six-sevenths { width: 79.74%; }
        .one-eight { width: 11.625%; }
        .two-eights { width: 24.25%; }
        .three-eights { width: 36.875%; }
        .four-eights { width: 49.5%; }
        .five-eights { width: 62.125%; }
        .six-eights { width: 74.75%; }
        .seven-eights { width: 87.37%; }
        .one-tenth { width: 9.1%; }
        .two-tenths { width: 19.2%; }
        .three-tenths { width: 29.3%; }
        .four-tenths { width: 39.4%; }
        .five-tenths { width: 49.5%; }
        .six-tenths { width: 59.6%; }
        .seven-tenths { width: 69.7%; }
        .eight-tenths { width: 79.8%; }
        .nine-tenths { width: 89%.9; }
    
    /* Smaller Screens ====================================================*/
        @media screen and (min-width: 960px) and (max-width: 700px) {
        }
    
    /* Tablet portrait =============================================================*/
        @media screen and (max-width: 768px) and (min-width: 601px) {
            html { font-size: 60%; }
            .visible-desktop { display: none; }
            .visible-tablet { display: block; }
            .visible-phone { display: none; }
            .hidden-tablet { display: none; }
            
            /* m = medium */
            .m-one-whole { width: 99%; }
            .m-one-half { width: 49.5%; }
            .m-one-third { width: 32.6666%; }
            .m-two-thirds { width: 65.9999%; }
            .m-one-quarter { width: 24.25%; }
            .m-two-quarters { width: 49.5%; }
            .m-three-quarters { width: 74.75%; }
            .m-one-fifth { width: 19.2%; }
            .m-two-fifths { width: 39.4%; }
            .m-three-fifths { width: 59.6%; }
            .m-four-fifths { width: 79.8%; }
            .m-one-eight { width: 11.625%; }
            .m-two-eights { width: 24.25%; }
            .m-three-eights { width: 36.875%; }
            .m-four-eights { width: 49.5%; }
            .m-five-eights { width: 62.125%; }
            .m-six-eights  { width: 74.75%; }
            .m-seven-eights { width: 87.37%; }
            
            div.innerSection {width:100%}
            
            ol.main-nav {width: 50%;margin: 0em auto 0 -25%;left: 50%;padding: 1em;}
            ol.main-nav li {padding:0;}
            ol.main-nav li a {padding: 0.3em;}
            
        }

    /* Tablet landscape =============================================================*/
        @media screen and (max-width: 1024px) and (min-width: 769px) {
            html { font-size: 60%; }
            .visible-desktop { display: none; }
            .visible-tablet { display: block; }
            .visible-phone { display: none; }
            .hidden-tablet { display: none; }
            
            /* m = medium */
            .m-one-whole { width: 99%; }
            .m-one-half { width: 49.5%; }
            .m-one-third { width: 32.6666%; }
            .m-two-thirds { width: 65.9999%; }
            .m-one-quarter { width: 24.25%; }
            .m-two-quarters { width: 49.5%; }
            .m-three-quarters { width: 74.75%; }
            .m-one-fifth { width: 19.2%; }
            .m-two-fifths { width: 39.4%; }
            .m-three-fifths { width: 59.6%; }
            .m-four-fifths { width: 79.8%; }
            .m-one-eight { width: 11.625%; }
            .m-two-eights { width: 24.25%; }
            .m-three-eights { width: 36.875%; }
            .m-four-eights { width: 49.5%; }
            .m-five-eights { width: 62.125%; }
            .m-six-eights  { width: 74.75%; }
            .m-seven-eights { width: 87.37%; }
            
            div.innerSection {width:100%}
            
            ol.main-nav {width: 40%;margin: 0em auto 0 -20%;left: 50%;padding: 1em;}
            ol.main-nav li {padding:0;}
            ol.main-nav li a {padding: 0; text-align: center; width: 85px;}
            
        }

      @media screen and (max-width: 922px) and (min-width: 750px) {
        ol.main-nav li a {width: 87px;}
      }
    
    /* Mobile =============================================================*/
        @media screen and (max-width: 600px) {
            html { font-size: 58%; }
            .visible-phone { display: block; }
            .hidden-phone { display: none; }
            
            .grid-line { margin-bottom: 0; }
            
            /* s = small */
            .s-one-whole { width: 100%; }
            .grid.s-one-whole { margin: 0; }
            .s-one-half { width: 49.5%; }
            .s-one-third { width: 32.6666%; }
            .s-two-thirds { width: 65.9999%; }
            .s-one-quarter { width: 24.25%; }
            .s-two-quarters { width: 49.5%; }
            .s-three-quarters { width: 74.75%; }
            .s-one-fifth { width: 19.2%; }
            .s-two-fifths { width: 39.4%; }
            .s-three-fifths { width: 59.6%; }
            .s-four-fifths { width: 79.8%; }
            
            .lfloat, .rfloat {float: none;}
            a.buttonSmall {float: none; display: block; border-radius: 5px; padding: 0.5em 1em; margin: 0.5em auto 0 auto; width: 50%;}
            a.buttonBig {font-size: 1.5em;}
            div.innerSection {min-height: 0;width: 100%;}
            div.header {height:auto;}
            h1 {font-size: 4em;}
            h2 {margin:1em 0; font-size: 2em;}
            p {font-size: 1em; padding: 0 1em;}
            .screensImg img {max-width: 80%;}
            ul.generalUserList {padding: 1em;}
            ul.generalUserList li {text-align: center}
            ul.generalUserList li img {float: none;padding: 0;margin: 0 auto;display: block;}
            p.copyRight {text-align: center;}
            div#sectionFive {min-height: 250px;}
            
            .iFrameHolder iframe {width: 100%;}
            
            
            ol.main-nav {position: relative; text-align: center; width: 80%; margin: 0em auto; left: 0; padding: 1em 1em; background: #fff;            border-radius: 0 0 10px 10px; box-shadow: 0px 0px 6px #999; }
            
            form input[type="text"] {width:90%;}
            
            ul.guidesUl {width: 100%;}
            
            ul.guidesUl li {display: block; width: 100%;}
            a.stickyRight {position:relative;}
        }


/* Form Styles ========================================================*/

    /* A class for each line of the form */
    .form-line { display: block; padding: 0.3rem 0;}
    .form-line:after { clear: both; content: ""; display: table; }

    input.warning { background: #eee; border-color: #ad8949; }
    input.error { background: #eee; border-color: #a44141; }
    input.info { background: #eee; border-color: #4a8cba; }
    input.success { background: #eee; border-color: #4c772f; }
    
    .label { display: inline-block; min-height: 2.6rem; padding: 0 0.6rem 0 0; }
    .text-input,
    .text-area {background: #fbfbfb; border: 1px solid #999;border-radius: 0.3rem;color: #111; max-width: 100%; min-height: 2.6rem; padding: 0.3rem 0.6rem; -webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease; transition: all 0.2s ease; }
    .text-input:focus,
    .text-area:focus { background: #fff; -webkit-box-shadow: 0 0 2px 0 #666; box-shadow: 0 0 2px 0 #aaa; }
    .checkbox {  }

    /* Styles for rounded corners on form inputs/lables on the same line */
    .input-prepend .text-input { border-radius: 0 0.3rem 0.3rem 0; }
    .input-append .text-input { border-radius: 0.3rem 0 0 0.3rem; float: left; }
    .input-append.input-prepend .text-input { border-radius: 0; }

    .add-on { background: #eee; border: 1px solid #999; float: left; min-height: 2.6rem; padding: 0.3rem 0.6rem; }
    .add-on:first-child { border-radius: 0.3rem 0 0 0.3rem;  border-right-width: 0;}
    .add-on:last-child { border-left-width: 0; border-radius: 0 0.3rem 0.3rem 0; }

    /* Status styles, e.g. this form input is incorrect */
    .muted { color: #999; }
    .text-warning { color: #ad8949; }
    .text-error { color: #a44141; }
    .text-info { color: #4a8cba; }
    .text-success { color: #4c772f; }
    
    .warning { background: #ad8949; color: #fff; }
    .error { background: #a44141; color: #fff; }
    .info { background: #4a8cba; color: #fff; }
    .success { background: #4c772f; color: #fff; }

    .contactForm input[type="text"] {width:80%}
    /* Mobile =============================================================*/
        @media screen and (max-width: 600px) {
            .label { display: block; }
            .text-input,
            .text-area {
                width: 100%;
            }

            .add-on { clear: both; float: none; padding: 0.5rem 0.6rem; text-align: center; width: 100%; }
            .add-on:first-child { border-bottom-width: 0; border-radius: 0.3rem 0.3rem 0 0; border-right-width: 1px; }
            .add-on:last-child { border-left-width: 1px; border-radius: 0 0 0.3rem 0.3rem; border-top-width: 0; }
        }


/* tables =============================================================*/

    .table { border: 1px solid #777; border-collapse: separate; }
    .table th,
    .table td { border: 1px solid #777; border-left: 0; border-top: 0; padding: 0.6rem 0.8rem; }
    .table th { background: #eee; }
    .table td:last-child,
    .table th:last-child { border-right: 0; }
    .table tr:last-child td,
    .table tr:last-child th { border-bottom: 0; }

    .table-rounded { border-radius: 1rem; overflow: hidden; }

    .table-stretch { width: 100%; }
    
    .table-gap { margin: 0 0 2rem 0; }

    /* Mobile =============================================================*/
        @media screen and (max-width: 600px) {
            .table { overflow: auto; width: 100%; }
        }


/* Buttons ============================================================*/

    .btn {background: #000; border: 0; color: #fff; cursor: pointer; display: inline-block; font-size: inherit; line-height: 2.2rem; min-height: 2.2rem; padding: 0.2rem 0.6rem; text-decoration: none; vertical-align: top;}


/* Menus ==============================================================*/

    /* A base class for any navigation menus ==============================*/
        .nav { font: inherit; list-style: none; margin: 0; padding: 0; z-index: 300;}
        .nav li { list-style: inherit; }
        .nav a { display: block; }

    /* Horizontal Menus ===================================================*/
        .nav-horizontal {  }
        .nav-horizontal li { float: left; }
    
    /* Vertical Menus =====================================================*/
        .nav-vertical {  }
        .nav-vertical li { display: block; }

/* Responsive stuff ===================================================*/
        

        @media screen and (max-width: 600px) {
            .nav-collapse ul { display: block; list-style: none; margin: 0; padding: 0; width: 100%; }
            .nav-collapse li { display: block; width: 100%; }

            .js .nav-collapse { clip: rect(0 0 0 0); display: block; max-height: 0; overflow: hidden; position: absolute; }

            .nav-collapse.opened { max-height: 9999px !important; }

            .nav-collapse.disable-pointer-events { pointer-events: none !important; }

            .nav-toggle {
              -webkit-tap-highlight-color: rgba(0,0,0,0);
              -webkit-touch-callout: none;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              -o-user-select: none;
              user-select: none;
            font-size: 1em;
            background: #eaeaea;
            display: block;
            text-align: center;
            padding: 0.5em;
            }
        }

        @media screen and (min-width: 600px) {
            .js .nav-collapse {
                position: relative;
            }
            .js .nav-collapse.closed {
                max-height: none;
            }
            .nav-toggle {
                display: none;
            }
        }


/* Site Specific styles ===============================================*/

.stickyRight {position:fixed; right:0;}
.arrow-down {width: 0; 	height: 0; border-left: 30px solid transparent;border-right: 30px solid transparent;border-top: 30px solid white; left: 50%;  position: relative;   margin: 0 0 0 -30px;}
.addressContact {text-align: left; font-size: 1em; margin-left: 4em;}
.hide {display: none;}

body { background: white; text-align: center;}

.innerSection {width:1024px; margin:0 auto 5em; clear: both;display: inline-block;}

.header {box-shadow: 1px 2px 10px #cccccc; background: #eeeeee;}
.headerSmall {background: url(../img/background1.jpg) no-repeat; background-size: cover; max-width: 100%; height: 200px; box-shadow: 1px 2px 10px #cccccc;}
.footer {background: #ececec}
.screensImg {padding: 2em;display: inline-block; max-width: 400px;}
.logoMain {color:#1eaab7;}
.copyRight {font-size: 1em; text-align: left;margin:1.5em 0 0 2em;}

.extraH2 {margin-top: 20%; padding: 1em; }


ul.ui-widget-header {background: none; border: none;}

.ui-tabs ul.ui-tabs-nav li {width: 49%; border: 1px solid #cccccc; background: white; font-weight: normal; border-radius: 5px; border-bottom-width: 1px;}

div.ui-widget-content {background: none; color: #666666; border: none;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {color:#666666; outline: none; font-weight: normal;}

.ui-tabs .ui-tabs-panel {text-align: left; font-size: 0.8em}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {background: #eeeeee;}

.ui-tabs .ui-tabs-nav li.ui-state-hover a {color:#666666}
/*-------------Lists---------------*/

.benefitsTable {width: 100%;}
.benefitsTable th {border:1px solid white; color: white; background: #146971; color: white; border-radius: 10px 10px 0 0;}
.benefitsTable th, .benefitsTable td {padding: 0.5em 1em; }
.benefitsTable td:first-child {color:#666666; text-align: left;}
.main-nav {position: fixed; text-align: center; width: 450px; margin: 0em auto 0 -225px; left: 50%; padding: 1em 0.8em; background:rgba(255,255,255,0.95); border-radius: 0 0 10px 10px; box-shadow: 0px 0px 6px #999; }

.main-nav li {outline: none;text-align: center;padding: 0 1.3em; }
.main-nav li a {padding: 0.3em; border-radius: 5px; -webkit-transition: background-color 0.5s ease-out;  -moz-transition: background-color 0.5s ease-out;  -o-transition:background-color 0.5s ease-out;  transition: background-color 0.5s ease-out;}
.main-nav li a:hover {background:#18757d; color:white; font-weight: normal;}

.generalUserList li {display: inline-block;text-align: left;font-size: 1em;color: #666666;line-height: 1.5em; list-style: none;margin: 1em 0;}

.generalUserList li img {float: left;padding: 0 1em 5em 0;}
.topList {padding:0 0 0 2em;}
.topList li {list-style: none;display: inline-block;padding: 0 1em; vertical-align: middle; margin-top: 3px;}
.topList li:hover {font-weight: bold;}

.guidesUl {margin: 0 auto; width: 50%;}

.guidesUl li {padding:1em; display: inline-block; width: 49%;}

.guidesUl li a {color: #1ca3b0; font-size: 1.2em;}

.guidesUl li img {vertical-align: middle;}
/*-------------Backgrounds---------------*/

.greyBackground {box-shadow: 0px 2px 35px #ccc;background: -moz-linear-gradient(top,  rgba(242,242,243,1) 0%, rgba(246,246,247,1) 31%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,243,1)), color-stop(31%,rgba(246,246,247,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,243,1) 0%,rgba(246,246,247,1) 31%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,243,1) 0%,rgba(246,246,247,1) 31%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,243,1) 0%,rgba(246,246,247,1) 31%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,243,1) 0%,rgba(246,246,247,1) 31%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f3', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

.greyBackFlat {background:#f3f3f3}

.greenBack {background: #565656;}
.blueBack {background: #146971;}
.visible {opacity:1;}

.iFrameHolder {padding-top: 4em;}
.vodeoHolder {background-position: 50% 0;height: 405px;}

/*-------------Buttons---------------*/

.buttonSmall { color: white; text-decoration: none; font-size: 1em; padding: 1.2em 2em; display: inline-block; border-radius: 0 0 10px 10px; margin: 0 3em; -webkit-transition: background-color 0.5s ease-out;  -moz-transition: background-color 0.5s ease-out;  -o-transition:background-color 0.5s ease-out;  transition: background-color 1s ease-out;}

.buttonSmall:hover, .buttonBig:hover, form input[type="submit"]:hover {background: #18757d; color:white;}

.buttonBig {background: #1aa2ae;color: white;text-decoration: none;font-size: 2em;padding: 0.8em 2em;display: inline-block;border-radius: 5px; -webkit-transition: background-color 0.5s ease-out;  -moz-transition: background-color 0.5s ease-out;  -o-transition:background-color 0.5s ease-out;  transition: background-color 0.5s ease-out;}

.downArrow {width:78px; height:74px; background: url(../img/downarrow1.png) no-repeat; display: block;padding: 1em 0;margin: 0 auto;cursor: pointer;background-position: 0px -2px;}
.downArrow:hover {background-position: 0px -72px;}
/*-------------Icons---------------*/

.computerScreen {background: url('../img/sprite.png') no-repeat -215px -26px; width: 42px;	height: 35px;}
    
    /* Fluid Layouts ======================================================*/

    	/* Smaller Computer Screens ===========================================*/
    	@media screen and (max-width: 940px) and (min-width: 700px) {
    	}
    	
    	/* Tablet =============================================================*/
    	@media screen and (max-width: 700px) and (min-width: 600px) {
    	}
    	
    	/* Mobile =============================================================*/
    	@media screen and (max-width: 600px) {
    	}