/* Borong v1.0 -  Main Menu
 * This template is part of themeforest.net
 * 
 * Copyright pampersdry@gmail.com
 ================================================= */

/* Menu Bar
================================================== */
.menu_container {
    width: 100%;
    margin:0 auto;
    position: relative;
    z-index:9999;
    color: #ffffff;
    background: #555;
    text-shadow: 1px 0px 0px #555;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.menu_container a {
    text-transform: uppercase;
    color: #eeeeee;
    font-size: 12px;
    text-shadow: 1px 0px 0px #555;
    cursor: pointer;
    -webkit-transition:color .3s;
    -moz-transition:color .3s;
    -o-transition:color .3s;
    -ms-transition:color .3s;
    transition:color .3s;    
}
.menu li li a:hover {
    color:#fff;
}
.menu {
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    font-weight: normal;
    *zoom: 1;
    -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
    .menu:before,
    .menu:after {
        content: " "; 
        display: table; 
    }
    .menu:after {
        clear: both;
    }
.menu li {
    position: relative;
    margin-bottom: 0;
    -webkit-transition:background .3s;
    -moz-transition:background .3s;
    -o-transition:background .3s;
    -ms-transition:background .3s;
    transition:background .3s;    
}
.menu > li {
    float: left;
    padding-right: 15px;
}
.menu li > .parent {
    background-image: url("../img/downArrow.png");
    background-position: right;
    background-repeat: no-repeat;
}
.menu li > .parent_r {
    background-image: url("../img/downArrow_r.png");
    background-position: 150px;
    background-repeat: no-repeat;
}
.menu li > .parent_l {
    background-image: url("../img/downArrow_l.png");
    background-position: 150px;
    background-repeat: no-repeat;
}
.menu a {
    text-decoration: none;
    padding: 14px 15px;
}
.menu > li > a {
    display: block;
}


/* Dropdown
================================================== */
.menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 170px;
    background: #333;
}
.menu li li a {
    font-size: 11px;
    display: block;
    position: relative;
    z-index:100;
    padding: 10px 15px;
    color: #ddd;
    text-shadow: none;
}
.menu .dropdown_trigger {
    display: block;
    position: absolute;
    cursor: pointer;
    width: 100%;
    margin: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

/* Desktop Version
================================================== */
/* First Level */
.menu li ul {
    position: absolute;
    top: 60px;
    left: -999em;
    opacity:0;
    visibility:hidden;
    display:none\9;
}
.menu li > ul {
    -webkit-transition: opacity .2s .2s ease-in-out, top .2s .2s ease-in-out;
    -moz-transition: opacity .2s .2s ease-in-out, top .2s .2s ease-in-out;
    -o-transition: opacity .2s .2s ease-in-out, top .2s .2s ease-in-out;
    -ms-transition: opacity .2s .2s ease-in-out, top .2s .2s ease-in-out;
    transition: opacity .2s .2s ease-in-out, top .2s .2s ease-in-out;
}
.menu li li > ul {
    -webkit-transition: opacity .2s .2s ease-in-out;
    -moz-transition: opacity .2s .2s ease-in-out;
    -o-transition: opacity .2s .2s ease-in-out;
    -ms-transition: opacity .2s .2s ease-in-out;
    transition: opacity .2s .2s ease-in-out;
}

/* Other Levels */
.menu li li ul,
.menu li ul.dropdown_left {
    top:0;
}
.menu > li:hover,
.menu > li.active {
    background: #333;
}
.menu li li:hover {
    background: #222;
}

/* Showing Drop Downs on Mouse Hover */
.menu > li:hover > ul {
    top:46px;
    left:auto;
    visibility:visible;
    opacity:1;
    z-index: 999;
    display:block\9;
}
.menu li li:hover > ul {
    left: 100%;
    visibility:visible;
    opacity:1;
    z-index: 999;
    display:block\9;
}
.menu li li:hover > ul.dropdown_left {
    left: -100%;
}

/* Mobile Version
================================================== */
.selectnav { 
    display: none;
    margin: 0;
}