/* global defaults */
header, section, footer, aside, nav, main, article, figure {
    display: block;
    margin: 0px;
}

body{
    font: 14px/21px "Open Sans", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
    background-image: url("images/bkg.jpg");
    margin: 0px;
}

* {
    margin: 0;
    padding: 0;
}

*:focus {
    outline: none;
}

/* global header */

#menu {
    display: none;
    z-index: 100;
}

nav ul {
    vertical-align: baseline;
}

nav ul li {
    cursor: pointer;
    font-family: "Open Sans";
    background-color: #222;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    float: right;
    padding: 10px;
    opacity: .6;
    display:inline;
    list-style: outside none none;
}

.navactive {
    color: #008cba;
}

nav ul li:hover {
    font-family: "Open Sans";
    color: #fff;
    border-bottom: 2px solid #416cba;
    font-size: 18px;
    text-decoration: none;
    opacity: 1;
    text-shadow: 2px 2px 4px #ccc;
}

/* global body */

#content {
    display: block;
}

.automargin {
    margin: auto;
}

.standard_dialog {
    width: 700px;
}

.standard_dialog_full {
    width: 90%;
}

.boldspan {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.contain_20 {
    margin: 20px;
}

.contain_5 {
    margin: 5px;
}

.space_10 {
    width: 10px;
}

.clear_left {
    clear: left;
}

.float_left {
    float: left;
}

/* global HREF */
.link_18 a {
    font-family: "Open Sans";
    color: #008cba;
    font-size: 18px;
    text-decoration: none;
    padding: 5px;
}

.link_18 a:hover {
    font-family: "Open Sans";
    color: #008cba;
    border-bottom: 1px solid #416cba;
    font-size: 18px;
    text-decoration: none;
    text-shadow: 2px 2px 4px #ccc;
}

/* global footer */

footer {
    position: static;
    bottom: 0;
    margin: 0px;
    width: 100%;
    padding: 0px;
    font-family: "Open Sans";
    background-color: #333;
    color: #fff;
}

.footer_text{
    padding: 14px;
}

/* media screens */

@media screen and (max-width: 768px) {
    /* desktop header */
    #menu {
        color: #fff;
        cursor: pointer;
        display: block;
        width:1.4em;
        font-size:1.35em;
        text-align: center;
        margin-top: 0.5em;
        float: right;
    }

    nav ul {
        display: block;
        border-left: 1px solid #202020;
        border-right: 1px solid #202020;
        border-bottom: 1px solid #202020;
        width:50%;
        margin-top: 50px;
        margin-right: 0px;
        float: right;
        z-index: 100;
    }

    nav ul li {
        color: #008cba;
        background-color: #fffafa;
        display: block;
        width:auto;
        border: none;
        float: none;
        opacity: 1;
    }

    nav ul li:hover {
        color: #fff;
        background-color: #b3b3b3;
        border: none;
        opacity: 1;
    }

    .navactive {
        background-color: #333;
        color: #008cba;
    }
}

@media screen and (max-width: 480px) {

    .standard_dialog {
        width: 280px;
    }

    .standard_dialog_full {
        width: 100%;
    }
}