/*# Base #*/

body
{
  color: #3b3b3b;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.7;
}

/*# Base/Text #*/

p
{
  margin: 0 0 20px;
}

strong,
b
{
  font-weight: 600;
}

em
{
  font-style: italic;
}

sup
{
  vertical-align: super;
  font-size: 80%;
}

sub
{
  vertical-align: sub;
  font-size: 80%;
}

cite
{
  font-style: italic;
}

acronym,
abbr
{
  border-bottom: .1em dotted;
  cursor: help;
}

pre, 
xmp, 
plaintext, 
listing 
{
  background-color: #eee;
  display: block;
  font-family: consolas, monospace;
  margin: 20px 0;
  overflow: auto;
  padding: 10px;
  white-space: pre;
}

  pre > *
  {
    margin: 0;
  }

blockquote
{
  display: block;
  margin: 0 0 30px;
}

  blockquote > p
  {
    font-weight: 200;
    font-size: 24px;
    font-style: italic;
    margin: 0;
  }

  blockquote > p:before,
  blockquote > p:after 
  {
    content: "\201C";
  }

/*# Base/Links #*/

a
{
  color: #624c79;
  text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

/*# Base/Headings #*/

h1, h2, h3, h4, h5, h6
{ 
    color: #009abf;
    font-weight: 200;
    margin: 0 0 20px; 
    line-height: 1.2;
}

h1, .fauxH1
{
    font-size: 28px;
    line-height: 42px;
}

h2, .fauxH2
{
    font-size: 17px;
}

h3, .fauxH3
h4, .fauxH4
{
    color: #3b3b3b;
    font-size: 13px;
    font-weight: 600;
}

h4, .fauxH4
{
    margin: 0;
}

h5, .fauxH5
{
  font-size: 16px;
}

/*# Base/Horizontal rule #*/

hr
{
  background: #262525 none;
  border: 0 none;
  height: 2px;
  margin: 20px 0;
}

/*# Base/Definition list #*/

dl
{
  margin: 20px 0;
}

  dt
  {
    font-weight: 600;
  }

  dd
  {
    margin: 0 0 10px 20px;
  }

/*# Base/Lists #*/

ul, ol
{
  display: block;
  margin: 0 0 20px;
}

  li
  {
    list-style-position: outside;
    margin: 0 0 0 16px;
  }

ul
{
  list-style-type: disc;
}

  ul ul, 
  ol ul
  {
    list-style-type: square;
    margin: 0;
  }

ol
{
  list-style-type: decimal;
}

  ol ol, 
  ul ol
  {
    list-style-type: lower-roman;
    margin: 0;
  }

/*# Base/Fieldset #*/

fieldset
{
    border: 1px solid #ccc;
    margin: 20px 0;
    padding: 20px;
}

    fieldset legend
    {
        line-height 1;
        margin: 0 0 0 -10px;
        padding: 0 10px;
    }

/*# Base/Table #*/

table
{
    border: 1px solid #ddd;
    margin: 20px 0;
    width: 100%;
}

    table th,
    table td
    {
        padding: 10px;
    }

    table th
    {
        background: #ddd;
        font-weight: 600;
        text-align: left;
    }

    table td
    {
        border-bottom: 1px solid #ddd;
    }

/*# Base/Form #*/

form
{
    /** ... **/
}

    .form .formValidation,
    .form .formItem,
    .form .formButtons
    {
        margin-bottom: 15px;
    }

    .form .formItemSpecial
    {
        display: none;
    }

        .form label
        {
            color: #3b3b3b;
            font-size: 14px;
            font-weight: 600;
            display: block;
            margin-top: 4px;
        }

            .form label:hover
            {
                cursor: pointer;
            }

            .form label span
            {
                background: #000 none;
                color: #fff;
                margin: 0 0 16px;
                padding: 4px 8px;
                user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    -o-user-select: none;
                    -webkit-user-select: none;
            }

        .form .formItem input[type="checkbox"]
        {
            margin: 9px 0 0;
        }

    .form .buttons
    {
        text-align: left;
    }

    .form .validation
    {
        color: #a53223;
        margin: 0 0 24px;
    }

.textbox
{
    background: #fff none;
    border: 1px solid #3b3b3b;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    color: #666;
    font-size: 14px;
    padding: 9px 7px;
    transition: all 750ms;
    width: 100%;
}

    .textbox:hover
    {
        border-color: #000;
    }

    .textbox:focus
    {
        background: #fff none;
        border-color: #009abf;
        color: #000;
        outline: 0;
    }

    .itemError .textbox
    {
        border-color: #da6050;
    }

        .itemError .textbox:hover,
        .itemError .textbox:focus
        {
            border-color: #a53223;
        }

/*# Base/Buttons #*/

.button
{
    background: #624c79 none;
    border: 0 none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-family: 'Maven Pro', sans-serif;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    padding: 16px 32px;
    transition: background-color 750ms;
}

    .button:hover
    {
        background-color: #392450;
        color: #fff;
        cursor: pointer;
    }

    .button:active
    {
        background-color: #241335;
    }

    .buttonBlock
    {
        text-align: center;
        width: 100%;
    }

/*# Layout #*/
/*# Layout/Header #*/

.lytHeader
{
    background: #fff none;
    padding: 15px 0 6px;
}

    .lytHeader .headerContact
    {
        border: 2px solid #009abf;
        display: inline-block;
        color: #009abf;
        float: right;
        font-size: 120%;
        font-weight: bold;
        margin: 25px 0 0;
        padding: 6px 31px;
        width: auto;
        
    }

/*# Layout/Navigation #*/

.lytNavigation
{
    background: #624c79 none;
}

    .lytNavigation ul
    {
        list-style: none inside none;
        margin: 0;
        padding: 0;
    }

        .lytNavigation li
        {
            float: left;
            margin: 0;
            padding: 0;
            width: 20%;
        }

            .lytNavigation li a
            {
                color: #fff;
                display: block;
                font-size: 17px;
                padding: 10px 0;
                text-align: center;
                text-decoration: none;
                transition: background-color 300ms;
            }

            .lytNavigation li:hover a
            {
                background-color: #8178b4;
            }

            .lytNavigation li.selected a
            {
                background-color: #4b384c;
            }

/*# Layout/Footer #*/

.lytFooter
{
    background: #624c79 none;
    color: #fff;
    padding: 30px 0;
}
    
    .lytFooter a,
    .lytFooter a:hover
    {
        color: #fff;
    }

/*# Layout/Content #*/

.lytContent
{
    background: #f0f0f0 none;
    min-height: 400px;
    padding: 20px 0 60px;
}

    .lytContent .contentHero
    {
        margin: 0 auto;
        max-width: 1200px;
        min-width: 960px;
    }

        .lytContent .contentHero img
        {
            width: 100%;
        }

    .contentHome > .container
    {
        margin-top: -100px;
    }

    .lytContent .articleMain
    {
        background: #fff none;
        min-height: 350px;
        padding: 30px;
    }

        .lytContent .contentMain header figure
        {
            font-size: 0;
            line-height: 0;
        }

            .lytContent .contentMain header figure img
            {
                width: 100%;
            }

        .lytContent .contentMain header h1
        {
            background: #009abf none;
            color: #fff;
            margin: 0;
            padding: 30px;
        }

.lytContent .contentSidebar { }

    .contentHome .contentSidebar
    {
        padding: 145px 0 0;
    }

    .lytContent .contentSidebar .pod
    {
        background: #fff url('../img/pod-icons.png') no-repeat 200px 43px;
        border-left: 6px solid #009abf;
        display: block;
        margin: 0 0 20px;
        padding: 23px 110px 23px 14px;
        text-decoration:none;
    }

    .lytContent .contentSidebar .podOrder
    {
        background-position: 200px -185px;
    }

    .lytContent .contentSidebar .podForm
    {
        background-position: 200px -413px;
    }

        .lytContent .podTitle
        {
            color: #009abf;
            font-size: 17px;
            margin: 0 0 15px;
        }

        .lytContent .podText
        {
            display: block;
            font-size: 13px;
            margin: 0 0 15px;
        }

.linktext
{
    text-decoration:underline;
}

.linktext:hover
{
    text-decoration:none;
}