/* Mobile Nav */

#top_navs-holder {display:none; position:relative;}

#nav_toggle {display:block; position: relative; width:38px; height:33px; margin:0 auto 15px; outline: none; border:2px solid #62718e; background: #fff;}

#nav_toggle span {display:block; width:28px; height:5px; background:#62718e; position:absolute; left:5px; top:14px;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:before {
content: " ";
position: absolute;
left: 5px;
top: 5px;
width:28px; height:5px; background:#62718e;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}
#nav_toggle:after {
content: " ";
position: absolute;
left: 5px;
top: 23px;
width:28px; height:5px; background:#62718e;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
}

#nav_toggle.close span {
  background: transparent;
}


#nav_toggle.close:before {
	transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:15px;
}


#nav_toggle.close:after {
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition:all 0.3s ease;
	top:15px;
}
#header_container header nav {position: relative; margin-left:30px;}
#header_container header nav ul {margin:0; padding:0; list-style:none;}
#header_container header nav li {margin:0 0 6px 0; padding:0; font-size:18px;}
#header_container header nav li a {
	display: inline-block;
	font-size: 17px;
	font-family: "ff-tisa-web-pro", serif;
	color: #bbdbfa;
	font-style: italic;
	line-height: 17px;
	height: 17px;
	text-decoration:none;
	font-style:italic;
}
#header_container header nav li a:hover {
	color:#fff;
	text-decoration:none;
}

#header_container header nav li a.topnav_highlight {
	color:#fff;
	background:url(../images/interior_nav-star.png) no-repeat;
	background-size:contain;
}

#header_container header #topnav-left {}
#header_container header #topnav-left ul li {text-align: center;}
#header_container header #topnav-left ul li a {padding:0 30px 0 0; text-align:center;}
#header_container header #topnav-left ul li a.topnav_highlight {background-position:right center;}
/* Mobile Nav */















#nav_container {
	
}
#nav_area {

}
#nav_list {
	font-family:Georgia, "Times New Roman", Times, serif;
    font-size:13px;
	list-style:none;
	margin:0;
	padding:0;
	border-bottom: solid 1px #7a89a9;
}
#nav_list li {
	border-top: solid 1px #7a89a9;
	/*! border-right: solid 1px #7a89a9; */
	/*! border-left: solid 1px #7a89a9; */
	margin:0;
	padding:0;
}
#nav_list a {
    display:block;
    color:#3c4e72;
    text-decoration:none;
    padding:12px 0 12px 0px;	
	border-top: solid 1px #c3cbd8;
	border-right: solid 1px #c3cbd8;
	border-left: solid 1px #c3cbd8;
}
#nav_list .last {
	border-bottom: solid 1px #c3cbd8;
}
#nav_list a:hover { 
    color: #fff;
	background-image:url(../images/nav_over.png);
	background-size:cover;
	background-position:top;
}
#nav_list .onstate { 
    display:block;
	padding:12px 0 12px 0;	
    text-decoration:none;
	border-top: solid 1px #c3cbd8;
	border-right: solid 1px #c3cbd8;
	border-left: solid 1px #c3cbd8;
    color: #fff;
	background:#3f5170;
}


/* Media Queries */

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

}

@media only screen and (min-width: 600px) {

}

@media only screen and (min-width: 720px) {

}

@media only screen and (min-width: 865px) {

#top_navs-holder {display:block;}
#nav_toggle {display:none;}

#nav_area {
	background-image: url(../images/nav_bg2.png);
	background-repeat:no-repeat;
}

#nav_container {
	background-image:url(../images/nav_bg1.png);
	width:160px;
}

#nav_list li {width:158px;}
#nav_list a {width:143px; padding:12px 0 12px 13px;	}

#nav_list .onstate { 
    width:143px;
	padding:12px 0 12px 13px;	
	background-image:url(../images/nav_over.png);
}


}

@media only screen and (min-width: 1024px) {

}

@media only screen and (min-width: 1080px) {

}

@media only screen and (min-width: 1090px) {

}