nav
{
	width:100%;
}

#mobilenav
{
	display:none;
}

.mobileclose {
        display:none;
    }

.menuon
{
	display:block;
}

.menuoff
{
	display:none;
}

#menus
{
	width:1000px;
	margin:0 auto;
	position:relative;
	top:10px;
}


#nav
{
	width:100%;
	clear:both;
	/*background-color:#0096bb;*/
	color:#ffffff;
	overflow:auto;
	padding:0;
	margin:0;
	line-height:35px;
	position:relative;
	display:inline-table;
	/*border-bottom:5px solid #0096bb;*/
}

#nav ul
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#nav li
{
	float:left;
	display:block;
	margin-right:0.5%;
	line-height:35px;
	padding:0;
	width:12%;
	position:relative;
}

#nav li:hover > ul {
display: block;
}

#nav li a
{
	display:block;
	color:#ffffff;
	background-color:#0096bb;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	font-size:10pt;
	padding:0;
	/*padding-left:20px;*/
	text-align:center;
	/*font-weight:bold;*/
	/*background-image:url(../../images/menu_bg.jpg);*/
}

#nav li a:hover
{
	background-color:#08a9d1;
	/*color:#ffffff;*/
	text-decoration:none;
}

#nav ul
{
	width:100%;
	position:absolute;
	display:none;
	margin:0;
	padding:0;
}


#nav ul li
{
	width:100%;
	margin:0;
	padding:0;
	background-color:#0096bb;
	border-bottom:1px dotted #ffffff;
	z-index:9999;
	clear:both;
	/*opacity: 0.60;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
-moz-opacity: 0.60;*/

}

#nav ul a {
	display:block;  
	text-align:center;
	background:none;
	font-size:9pt;
	border-top-left-radius:0px;
	border-top-right-radius:0px;
	line-height:25px;
	/*height:15px;*/
	/*padding: 8px 5px; 
	color:#000000;
	padding:2px 20px 2px 20px;*/
	font-weight:normal;
}




/* Media Queries */


@media screen and (max-width:999px)
{
	#menus
	{
		width:100%;
	}
	
	
}


@media screen and (max-width:768px)
{
	#menus
	{
		width:100%;
	}
	
	#nav
	{
		background-color:#0096bb;
	}
	
	#nav li
	{
		width:25%;
		margin:0;
	}
	
	#nav li a
	{
		border-top-left-radius:0px;
	border-top-right-radius:0px;
	}
}

.hidden
{
	display:none;
}


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


    .mobileclose {
        display:block;
    }

        .mobileclose a {
           /* transform: rotate(45deg);
            -ms-transform: rotate(45deg); /* IE 9 */
           /* -webkit-transform: rotate(45deg); /* Safari and Chrome */
            padding:5px;
            font-size:1.2em;
            font-weight:bold;
            display:inline-block;
            color:#fff !important;
            text-align:center;
        }
    
    
    #menus {
        width: 300px;
        position: fixed;
        display:none;
        z-index:20000;
        height:100vh;
        overflow:scroll;
        top:0;
        right:0;
        background-color: #0096bb;
        padding: 0;
        margin: 0;
        clear: both;
    }

    #nav {
        display: block;
        position: absolute;
         overflow:scroll;
        width: 300px;
        height:100vh;
        overflow:scroll;
        left: 0;
    }

        #nav li {
            width: 100%;
            margin: 0;
            position: static;
        }

            #nav li a {
                width: 100%;
                border-top-left-radius: 0px;
                border-top-right-radius: 0px;
            }

        #nav ul {
            clear: both;
            display: block;
            position: static;
            overflow: hidden;
            top: 0;
            width: 100%;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            height: 100%;
            background-color: #08a9d1;
            margin-bottom: 2px;
           
        }

            #nav ul li {
                width: 50%;
                display: inline;
                float: left;
                border: none;
                background-color: #08a9d1;
                clear: none;
            }

            #nav ul a {
                display: inline-block;
            }

                #nav ul a:hover {
                    background-color: #0096bb;
                }

    #mobilenav {
        display: block;
        clear: both;
    }
}