/* Standard Menu Reset */
body, nav, ul, li, a {
    margin: 0; 
    padding: 0; 
    } 
    
ul ul, ul ol, ol ol, ol ul {
    margin-left:0px; 
    margin-bottom:0px; 
    } 
    
body {
    font-family: "opensans", Helvetica, Arial, sans-serif; 
    }
    
a {
    text-decoration: none; 
    }
    
.nav {
    list-style: none; *zoom: 1; 
    } 
    
.nav ul {
    list-style: none; 
    border-top:4px solid #25B8E2; 
    }


/* Main Nav Style Code */

.nav a {
    padding:7px 14px;
    color:#333; 
    font:normal 16px/1.5em "opensans",Tahoma; 
    text-decoration:none; 
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s;   
    }
    
.nav li {
    position:relative; padding-top:30px; padding-bottom:30px; margin-left:4px; 
    } 
    
.nav > li {
    float:left;
    list-style:none;     
    }
     
.nav > li a {
    border:1px solid #fff;     
    }
        
.sf-sub-indicator {
    display:none; 
    }
 
 
/* Main current Nav Style Code */ 
  
.nav .current a, 
.nav .current a:visited, 
.nav .current a:active {
    color:#666; border:1px solid #25B8E2; 
    -webkit-transition: all 0.8s ease 0s; -moz-transition: all 0.8s ease 0s; -o-transition: all 0.8s ease 0s; transition: all 0.8s ease 0s; 
    }
 
.nav > li > a {
    display:block; 
    } 
    
    .nav > li > a:hover {
        color:#21c2f8; 
        }
        
    .nav > li:hover > a {
        color:#21c2f8; 
        }

.nav > li ul {
    min-width:200px; 
    position:absolute; 
    left:-9999px; 
    border-bottom:1px solid #cecfcf; 
    margin-top:26px;
    }
 
 .nav > li ul li ul {
    margin-top:-4px;
    }
       
    .nav > li.hover > ul {
        left:0; 
        } 
        
    .nav li li.hover ul {
        left:100%; 
        top:0; 
        } 
    
.nav li li {
    list-style:none; padding-top:0px; padding-bottom:0px; margin-left:0px; 
    } 
        
/* Sub Nav Style Code */ 
    
.nav li li a {
    padding:3px 15px; 
    background:#f2f2f2; 
    color:#333; font-size:12px; font-family:"opensans", Tahoma; line-height:32px; font-weight:normal; 
    display: block; z-index:100;
    border-bottom: 1px solid #cecfcf; 
    }
    
    .nav li li a:hover {
        display: block; 
        background:#21c2f8; 
        color:#fff; 
        border-radius:0; 
        box-shadow:none; 
        }


/* Sub current Nav Style Code */ 

.nav .current ul li a, 
.nav .current ul li a:visited {
    background:#f2f2f2; 
    color:#333; 
    font-family:"opensans",Tahoma; 
    border-radius:0; box-shadow:none; 
    }
    
    .nav .current ul li a:hover {
        background:#21c2f8; 
        color:#fff; 
        }

.nav li.current ul li a,
.nav li.current ul li a:visited {
    border: 1px solid #fff !important; border-bottom: 1px solid #cecfcf !important;
    }
            

#DeshtopMenu .nav a, 
#DeshtopRightMenu .nav a {
    padding:7px 10px; 
    }
    
#DeshtopMenu .nav li li a, 
#DeshtopRightMenu .nav li li a {
    padding:3px 15px; 
    }

#DeshtopMenu {
    margin-left:-10px; 
    }
    

#DeshtopRightMenu ul { text-align:center; }
#DeshtopRightMenu > .nav a { border-right:none; }
#DeshtopRightMenu .nav > li { display:inline-block; position:relative; list-style:none; float:none; }
#DeshtopRightMenu ul ul { text-align:left; }


@media screen and (max-width:1160px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a { padding:7px 10px; } 
}   
    
@media screen and (max-width:1060px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a {
        padding:7px 7px;
        font-size:14px; 
        } 
}

@media screen and (max-width:930px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a { padding:7px 5px; } 
}

@media screen and (max-width:830px) {
    .nav a,
    #DeshtopMenu .nav a,
    #DeshtopRightMenu .nav a { padding:7px 4px; font-size:13px; } 
}


@media screen and (max-width: 767px) {	
	nav#full { display:none; }
	div#mobile { background:#f9f9f9; display:block; border:1px solid #CCCCCC; border-bottom:none; }

	/* Top black bar that holds the toggle button */
	div#mobile #toggle-bar { line-height:36px; height:36px; border-bottom:1px solid #CCCCCC; }

	/* Toggle button #1 ("Menu") */
	div#mobile strong a { margin-left:14px; padding:5px 50px 5px 0; }
    div#toggle-bar a { color:#333; font-weight:normal; }
    div#toggle-bar a:hover { color:#333; text-decoration:none; }
    
	/* Toggle button #2 ("Navicon") */
	div#mobile .navicon { float:right; height:4px; width:38px; margin:0 18px; margin-top:8px; border-top:11px double #BFBFBF; border-bottom:4px solid #BFBFBF; font-size:0; }
       
    /* The dropdown menu */ 
    nav#mobile ul li { clear:both; list-style:none; background:#fff; } 
    nav#mobile ul li a { display:block; margin:0; padding:8px 12px; border-bottom:1px solid #bfbfbf; color:#333; } 
    nav#mobile ul ul { font-size:small; }
    nav#mobile ul ul li { background:#fff; } 
    nav#mobile ul ul a { padding-left:8px; color:#333; }
    nav#mobile ul li a:hover,nav#mobile ul ul a:hover { text-decoration:none; } 
    nav#mobile ul ul a:before { content: "-"; padding-right:6px; }  
    nav#mobile ul ul ul a:before { content: "- -"; padding-right:6px; }    
}