/* Clearfix */
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both; }
.clearfix { *zoom: 1; }

#nav-wrapper {background:#007FFF; margin:0 auto; letter-spacing:0.1em; font-family:"Carrois Gothic", sans-serif; margin:0 auto; z-index:999999;}

#nav a#pull {display: none;}
#menubar-mobile {display:none;}

/******************************************
*   Main Menu                       
******************************************/
#nav {max-width:1000px; display:block; margin:0 auto;}

#nav ul {max-width:1000px; margin:0 auto; text-transform:capitalize; z-index:999999; float:right; min-height:53px;}

#nav li a, #nav li a:visited {
	display: block;
	text-decoration: none;
	color: #fff;
        font-weight:normal;
	padding: 5px 9px 5px 9px;
	line-height: 40px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	}

#nav li a:hover, #nav li a:visited:hover {
	color: #000;
	text-decoration: none;
	border-top:3px solid #fff;
	}

#nav li:last-child {
        padding-right:10px;
        }

#nav li:last-child a {
	padding-right:10px;
	}

/******************************************
*   Sub-menus                       
******************************************/

#nav li ul li a, #nav li ul li a:visited {
	min-width: 200px;
	text-align: left;
	display: block;
	text-decoration: none;
	color: #333;
	padding: 0px 9px 0 9px;
	margin: 0px 5px 0 0;
	line-height: 35px;
	background: #F2EFEB;
 	position:relative;
	}

#nav li ul li a:hover, #nav li ul li a:visited:hover {
	color: #777;
	text-decoration: none;
	}

#nav li ul {position: absolute; visibility: hidden; list-style: none;}
#nav li:hover ul, #nav li.hover ul {visibility: visible;}
#nav li:hover ul ul, #nav li.hover ul ul {visibility: hidden;}
#nav li li:hover ul, #nav li li.hover ul {visibility: visible;}
#nav li li:hover ul ul, #nav li li.hover ul ul {visibility: hidden;}
#nav li li li:hover ul, #nav li li li.hover ul {visibility: visible;}

#nav li {float: left;}
#nav li ul li {float: none;}


/******************************************
*   Sidebar Menu                      
******************************************/

#sidebar_nav ul {
        margin:0 auto;
        text-transform:uppercase;
	}

#sidebar_nav li a, #sidebar_nav li a:visited {
        background:#fff;
        margin:0px 0 5px 0;
	display: block;
	text-decoration: none;
	color: #555;
        border-bottom:1px dashed #888;
        letter-spacing:0.1em;
        line-height:1.3em;
	padding:7px 0px 7px 10px;
        font-size:1em;
	text-transform:capitalize;
	}

#sidebar_nav li a:hover, #sidebar_nav li a:visited:hover {
	color: #111;
	text-decoration: none;
        text-shadow: 1px 1px 7px #F2ECD4;
	}

#sidebar_nav li.current-menu-item a { color:#999999; }
#sidebar_nav li.current_page_item  a { color:#999999; }

/******************************************
*   footer Menu                      
******************************************/

#footer_nav ul {margin:0 auto; text-transform:uppercase;}

#footer_nav li a, #footer_nav li a:visited {
        margin:0px 0 5px 0;
	display: block;
	text-decoration: none;
	color: #fff;
        border-bottom:1px dotted #ddd;
	font-weight:normal;
        line-height:2.2em;
        padding-left:5px;
        font-size:0.9em;
	}

#footer_nav li a:hover, #footer_nav li a:visited:hover {color: #555; text-decoration: none; }

#footer_nav li.current-menu-item a { color:#555; }
#footer_nav li.current_page_item  a { color:#555; }


/* Portrait Tablets and Phones ------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width : 775px) {

#special_nav li a, #special_nav li a:visited {width:100%; margin:0px 0px 10px 0px; display:block; overflow:hidden; clear:both; float:none;}

#nav-wrapper {background:#ddd; padding:0px; margin-top:0px;}

#sidebar_nav ul {
	text-align:center;
	padding-left:0px;
	}

#nav {
	border-bottom: 0;
        height:auto;
	}

#nav ul {
	display: none;
	height: auto;
        float:none;
	}

#menubar-mobile {display:block; background:rgba(0,0,0,0.7); width:100%; height:60px; position:relative; line-height:60px; font-size:1.2em; color:#fff; overflow:hidden; font-weight:bold;}

#menubar-mobile:before {content:""; padding-left:15px;}

#nav a#pull {
	display: block;
	background:#007FFF;
        color:#fff;
	font-weight:bold;
	width: 100%;
	text-transform:uppercase;
        text-decoration:none;
        line-height:60px;
        letter-spacing:0.2em;
        height:60px;
	position: relative;
	}

#nav a#pull:after {
	content:"";
	background: url('images/nav-icon.png') no-repeat;
	background-position:center;
	width: 60px;
	height: 60px;
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	}

#nav li {
  	width: 100%;
  	float: left;
  	position: relative;
  	}

#nav a {
  	text-align: left;
  	text-indent: 25px;
        padding:0px 0px 0px 0px;
  	}
#nav li a, #nav li a:visited {
	display: block;
	text-decoration: none;
	color: #222;
        font-weight:normal;
	padding: 3px 9px 3px 9px;
	line-height: 40px;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
	}

#nav li a:hover, #nav li a:visited:hover {
	color: #000;
	text-decoration: none;
	border-top:0px solid #fff;
	}

#nav li ul li a, #nav li ul li a:visited {
	text-align: left;
        padding-left:25px;
	display: block;
	text-decoration: none;
	color: #555;
	line-height: 30px;
        border-bottom:0px solid #706250;
	}

#nav li ul {position: relative; visibility: visible; list-style: none;}
#nav li:hover ul, #nav li.hover ul {visibility: visible;}
#nav li:hover ul ul, #nav li.hover ul ul {visibility: hidden;}
#nav li li:hover ul, #nav li li.hover ul {visibility: visible;}
#nav li li:hover ul ul, #nav li li.hover ul ul {visibility: visible;}
#nav li li li:hover ul, #nav li li li.hover ul {visibility: visible;}

#nav li {float: left;}
#nav li ul li {float: none;}


}

/* Smartphones --------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width : 320px) {
	
#nav li {
	display: block;
	float: none;
	width: 100%;
	}

#nav li a {
	border-bottom: 1px solid #391F10;
	}
}