/*
/ --------------------------------------
/	The Hydro
/	Frame Digital
/ --------------------------------------

	- sitewide navigation
	- site search autocomplete box

*/



.site-header .nav {
    position: relative;
}

    /* remove all the bullets, borders and padding from the default list styling */
    .site-header .nav ul {
        list-style-type: none;
        height: 40px;
        margin: 0;
        padding: 0;
        z-index: 15;
    }

        /* hide the sub levels and give them a positon absolute so that they take up no room */
        .site-header .nav ul ul {
            margin: 0;
            padding: 5px 0 0;
            display: none;
            position: absolute;
            height: 38px;
            top: 35px;
            left: 0;
            right: 0;
            z-index: 1000 !important;
            -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .5);
            box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, .5);
            background-image: url(../images/core/nav-dropdown.gif);
            background-repeat: no-repeat;
            background-position: center top;
        }

    .site-header .nav .active:hover {
        border-bottom-color: #095a97;
    }

    .site-header .nav ul ul li {
        width: 160px;
        z-index: 1000 !important;
        border-bottom: 1px solid #d1d1d1;
        border-right: 1px solid #ececec;
        border-left: 1px solid #ececec;
    }

        .site-header .nav ul ul li a {
            padding-left: 1em;
        }

    /* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
    .site-header .nav li {
        float: left;
        position: relative;
        margin: 0;
    }

        .site-header .nav li + li {
            margin-left: 1em;
        }

    .site-header .nav ul ul li + li {
        margin-left: 0;
    }

    .site-header .nav .push-right {
        float: right;
    }

    /* style the links for the top level */
    .site-header .nav a,
    .site-header .nav a:visited {
        display: block;
        text-decoration: none;
        color: #ffffff;
        font-family: 'Museo Sans Semibold', sans-serif;
        font-size: 0.813em;
        line-height: 34px;
        height: 34px;
        padding-top: 3px;
        text-transform: uppercase;
        -moz-transition: background-color 0.2s;
        -o-transition: background-color 0.2s;
        -webkit-transition: background-color 0.2s;
        transition: background-color 0.2s;
    }

    .site-header .nav .signup {
        background-image: url(../images/buttons/btn_email.gif);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 25px;
    }

    /* style the table so that it takes no part in the layout - required for IE to work */
    .site-header .nav table {
        position: absolute;
        top: 0;
        left: 0;
        border-collapse: collapse;
    }

    /* style the second level links */
    .site-header .nav ul ul a,
    .site-header .nav ul ul a:visited {
        color: #095a97;
        background-color: #ffffff;
        background-image: none;
    }

        /* style the top level hover  */
        .site-header .nav a:hover,
        .site-header .nav ul ul a:hover,
        .site-header .nav a.active,
        .site-header .nav a.active:visited {
            color: #84adcb;
        }

    .site-header .nav :hover > a,
    .site-header .nav ul ul :hover > a {
        color: #84adcb;
    }

    /* style the active nav  */
    .site-header .nav a.active {
        color: #84adcb;
        border-bottom: 3px solid #fff;
    }

    /* make the second level visible when hover on first level list OR link */
    .site-header .nav ul li:hover ul,
    .site-header .nav ul li a.active:hover,
    .site-header .nav ul a:hover ul {
        display: block;
    }


/*
*
* site search autocomplete box
*
*/

.site-header .top .search,
.site-header .top .social-links {
    float: right;
    top: 50%;
    margin-top: 37px;
}

.site-header .top .search {
    width: 315px;
}

    .site-header .top .search input[type=text] {
        border: solid 1px #d0d0d0;
        width: 300px;
        padding: 0 0 0 13px;
        height: 37px;
        font-size: 13px;
        font-family: 'Museo Sans', Arial, Helvetica, sans-serif;
        text-transform: uppercase;
        color: #b7b7b6;
        line-height: 37px;
        background-image: url(../images/icons/search-icon.png);
        background-repeat: no-repeat;
        background-position: 99%;
        position: relative;
        float: right;
    }

.ui-autocomplete {
    position: absolute;
    border: solid 1px #d0d0d0;
    width: 300px;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
    z-index: 1000 !important;
}

    .ui-autocomplete li {
        border-bottom: dotted 1px #d0d0d0;
        margin: 0px;
        padding: 0;
        background-image: url(../images/core/bullet_blue-arrow.png);
        background-position: 95% 10px;
        background-repeat: no-repeat;
    }

        .ui-autocomplete li a:hover,
        .ui-autocomplete li a {
            text-decoration: none;
            cursor: pointer;
            display: block;
            padding: 5px 20px 5px 13px;
            color: #095a97;
            font-family: 'Museo Sans', helvetica, arial, san-serif;
            text-transform: uppercase;
            font-size: 14px;
            width: 270px;
        }

            .ui-autocomplete li a:hover {
                background-color: #efefef;
                width: 280px;
            }

        .ui-autocomplete li:last-child {
            border: 0px;
        }

/*Social Links*/

.site-header .top .social-btn {
    background-image: url('/assets/images/core/social.png');
    width: 40px;
    height: 38px;
    display: inline-block;
}

    .site-header .top .social-btn.twitter {
        background-position: center left;
    }

    .site-header .top .social-btn.facebook {
        background-position: center right;
        margin-right: 10px;
    }


/*end*/