/* reset */
html, body, h1, h2, ul, li, p { margin: 0; padding: 0; border: 0; }

BODY { background: #fff; color: #3c3c3c; font: 14px/18px "Trebuchet MS", "Helvetica CY", sans-serif; }

A { color: #106d9f; text-decoration: underline; }
A:hover { color: #c00; }
.m-dotted { color: #106d9f; border-bottom: 1px dotted #106d9f; cursor: pointer; }
.m-dotted:hover { /*color: #c00;*/ border-color: #c00; }

H2 { padding-top: 20px; font-size: 24px; line-height: 28px; font-weight: normal; }
P { /*padding-top: 14px;*/ }
UL { padding: 10px 0 0 28px; }
LI { padding-top: 4px; }

/* global */
.g-hidden { display: none; }
.g-line { zoom: 1; }
.g-line:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* layouts */
.l-container { /*width: 720px;*/ /*padding: 0 40px;*/ /*margin: 0 auto;*/ }
.l-container span {
    border: none;
    border-radius: 5px;
    height: 44px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    width: 350px;
    padding-top: 6px;
    margin-top: 6px;
    /* margin: 0 auto; */
    display: block;
    cursor: pointer;
    background: #ec0b14;
    background: -moz-linear-gradient(top, #ff161f 0%, #d90008 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff161f), color-stop(100%, #d90008));
    background: -webkit-linear-gradient(top, #ff161f 0%, #d90008 100%);
    background: -o-linear-gradient(top, #ff161f 0%, #d90008 100%);
    background: -ms-linear-gradient(top, #ff161f 0%, #d90008 100%);
    background: linear-gradient(to bottom, #ff161f 0%, #d90008 100%);
}


.b-textToggle {
    border: none;
    border-radius: 5px;
    height: 35px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    width: 350px;
    padding-top: 15px;
    margin-top: 6px;
    /* margin: 0 auto; */
    display: block;
    cursor: pointer;
    background: #ec0b14;
    background: -moz-linear-gradient(top, #ff161f 0%, #d90008 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff161f), color-stop(100%, #d90008));
    background: -webkit-linear-gradient(top, #ff161f 0%, #d90008 100%);
    background: -o-linear-gradient(top, #ff161f 0%, #d90008 100%);
    background: -ms-linear-gradient(top, #ff161f 0%, #d90008 100%);
    background: linear-gradient(to bottom, #ff161f 0%, #d90008 100%);
}

.b-textToggle:hover {
    background: #d90008;
    background: -moz-linear-gradient(top, #ec0b14 0%, #b50107 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec0b14), color-stop(100%, #b50107));
    background: -webkit-linear-gradient(top, #ec0b14 0%, #b50107 100%);
    background: -o-linear-gradient(top, #ec0b14 0%, #b50107 100%);
    background: -ms-linear-gradient(top, #ec0b14 0%, #b50107 100%);
    background: linear-gradient(to bottom, #ec0b14 0%, #b50107 100%);
}

.l-container span:hover {
    background: #d90008;
    background: -moz-linear-gradient(top, #ec0b14 0%, #b50107 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ec0b14), color-stop(100%, #b50107));
    background: -webkit-linear-gradient(top, #ec0b14 0%, #b50107 100%);
    background: -o-linear-gradient(top, #ec0b14 0%, #b50107 100%);
    background: -ms-linear-gradient(top, #ec0b14 0%, #b50107 100%);
    background: linear-gradient(to bottom, #ec0b14 0%, #b50107 100%);
}

/* header */
.b-header { position: relative; padding-top: 32px; }
.b-header .title { float: left; padding: 18px 0 0 0; }
.b-header .title .name { float: left; padding: 4px 12px; background: #86c7e0; color: #fff; font-size: 36px; line-height: 40px; }
.b-header .title .slogan { padding: 4px 0 0 13px; color: #545454; font: italic 18px/22px Georgia, "Century Schoolbook L", Serif; }