@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light-webfont.woff') format('woff'), url('fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold-webfont.woff') format('woff'), url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'), url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


body, textarea, text {
    font-family: 'open_sanslight';
    font-weight: 100;
    font-size: 15px;
}

pre,
code {
    font-family: "open_sansregular";
}


hr {
    border: 0 solid #ccc;
    border-top-width: 1px;
    clear: both;
    height: 0;
}


h1 {
    font-family: 'open_sansbold';
    font-size: 28px;
}

h2 {
    font-weight:300;
}

h3 {
    font-size: 45px;
    text-transform: uppercase;
}

h4 {
    font-family: 'open_sansbold';
    font-size: 35px;
    text-transform: uppercase;
}

h5 {
    font-size: 22px;
    font-weight: 300;
    padding: 10px;
    border-bottom: 4px solid #ffffff;
    color: #ffffff;
    letter-spacing: 3px;
}

h6 {
    font-size: 20px;
    font-weight: 300;
}

p {
    font-family: 'open_sansregular';
    font-size: 13px;
}

a {
    text-decoration:none;
    color: #ffffff;
}

strong {
    font-family: open_sansbold;
    font-weight: normal;
}
input[type="text"] {
    background-clip: padding-box;
    border-style: solid;
    border-width: 2px;
    min-height: 25px;
    padding: 8px 12px;
    width: 176px;
    font-size: 15px;
    color: #abadb3;
}

textarea {
    background-clip: padding-box;
    border-style: solid;
    border-width: 2px;
    min-width: 150px;
    padding: 8px 9px;
    max-width: 408px;
    font-size: 15px;
    color: #abadb3;
}

    input[type="text"]:focus, input[type="text"]:active, textarea:focus, textarea:active {
        background-color: #FFFFFF;
        border-color: rgba(0, 0, 0, 0.6);
        color: #000000;
    }

    textarea:focus, input[type="text"]:focus {
        border-color: rgba(82, 168, 236, 0.8);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
        outline: 0 none;
    }

textarea, input[type="text"] {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}