/* MOBILE NAVIGATION */

@charset "UTF-8";
/* CSS Document */

button { color:inherit;font:inherit;margin:0; }
button { overflow:visible; }
button,select { text-transform:none; }
button,html input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button;cursor:pointer; }
button[disabled],html input[disabled] { cursor:default; }
button::-moz-focus-inner,input::-moz-focus-inner { border:0;padding:0; }

hr { margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee; }

.caret { display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent; }

.collapse { display:none; }
.collapse.in { display:block; }
.collapsing { position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease; }

.mainnav { margin: 0px; padding: 0px; font-family: "Helvetica Neue Light",Helvetica,sans-serif; font-size:16px; border: none; background-color: #2b303d; }
.mainnav ul { width: 100%; max-width: 950px; position: relative; margin: 0px; padding: 0px; display: table; list-style:none; }
.mainnav li { width: auto; margin: 0px; padding: 0px;  display: table-cell;}
.mainnav li.last { border-right: none;}
.mainnav li a { color: #FFF; text-decoration:none; position:relative; display:block; margin: 0px; padding: 15px 25px; line-height: 16px; }
.mainnav li a:hover/*,.mainnav li a:focus*/ { color: #FFF; text-decoration:none; background-color:#be1d23; }
.mainnav .open a { background-color:#eee; }

ul.mainnav li.dropdown { position:relative; display: table; }
ul.mainnav li.dropdown  { width: auto; margin: 0px; padding: 0px; display: table-cell;}
.mainnav .dropdown-toggle:focus { outline:0; }
.mainnav .dropdown-menu { 
	position:absolute; bottom:0f; left:0;
	z-index:1000; display:none;
	float:none; overflow: visible;
	min-width:235px; padding:5px 0; margin:0px;
	list-style:none;
	font-size:15px;
	background-color: #242833;
	}
.mainnav .dropdown-menu ul { margin: 0px; display: block; }
.mainnav .dropdown-menu li { display: block; width: auto; background-color: transparent; border-right: none;}
.mainnav .dropdown-menu li a { display: block; width: auto; padding: 3px auto; clear: right; font-weight:400; line-height: 18px; color:#FFF; white-space:nowrap; text-decoration: none; background-color: transparent;  }
.mainnav .dropdown-menu li a:hover,.dropdown-menu li a:focus { text-decoration: underline; color:#be1d23; }
.mainnav .dropdown-menu .active a,.dropdown-menu .active a:hover,.dropdown-menu .active a:focus { color:#fff; text-decoration:none; outline:0; background-color:#666; }
.mainnav .dropdown-menu .divider { display:none; }

.mainnav .open .dropdown-menu { display:block; }
.open>a { outline:0; }

.close { float:right;font-size:21px;font-weight:700;line-height:1;color:#000; }
.close:hover,.close:focus { color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50); }
button.close { padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none; }

.nav:before,.nav:after,
.navbar:before,.navbar:after,
.navhead:before,.navhead:after,
.navbar-collapse:before,.navbar-collapse:after { content:" ";display:table; }	
.nav:after,.navbar:after,.navhead:after,.navbar-collapse:after { clear:both; }



					
@media only screen and (min-width:769px) { 
	//DESKTOP styles go here

.navhead { float:left; }
.navbar { width: 950px; }
.navbar-collapse { width:auto; min-width: 800px;}
.navbar-collapse.collapse { display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important; }
.navbar-collapse.in { overflow-y:visible; } 
.navtoggle { display:none; }
.navbar-logo { display:none; }

.mainnav>.open>a:hover,
.mainnav>.open>a:focus {
	background-color:#be1d23;color:#FFF;
}


}




@media only screen and (min-width: 481px) and (max-width: 768px) {
	//TABLET styles go here
	
.navhead { float:left; }
.navbar-collapse { width:auto; max-width: 768px; }
.navbar-collapse.collapse { display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important; }
.navbar-collapse.in { overflow-y:visible; }
.navtoggle { display:none; }

nav {width: 100%; background-color: #2b303d;  }
.mainnav { margin: 0px; padding: 0px; font-family: "Helvetica Neue Light",Helvetica,sans-serif; font-size:16px; border: none; background-color: #2b303d; }
.mainnav li a { color: #FFF; text-decoration:none; position:relative; display:block; margin: 0px; padding: 15px 15px; line-height: 16px; }

}



@media only screen and (max-width: 480px) { 
/*nav .navhead { border-bottom: 1px solid #ededed; height: 60px; float : right; margin: 0 0 10px 0; }*/

/* styles as of Apr. 9 at 4:46. mods are below.
nav .navhead { border-bottom: 1px solid #ededed; height: 30px; margin: 0 0 0px 0; }
nav .navhead .navtoggle { 
	position:relative; float: right; display: block;
	margin: 5px 5px 5px 15px; padding: 2px 5px 5px 5px;
	background-color:transparent; background-image:none;
	border:1px solid #CCC; border-radius:4px; }
.navtoggle a:link { position:relative; height: 40px; width: auto; }
.navtoggle:focus { outline:0; }
.navtoggle .icon-bar { display:block; width:22px; height:2px; margin-top:4px; border-radius:1px; background-color:#888;}
nav .navhead .navtoggle .sr-only { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0; }

a.navbar-logo { color:#CCC; }
.navbar { 
	position: relative; min-height: 40px; margin-bottom: 20px; 
	border-bottom: 1px solid #ededed; 
	background-color:#f8f8f8; border-color:#e7e7e7;
	}
*/	

nav .navhead { border-bottom: 1px solid #ededed; height: 30px; margin: -10px 0 0px 0;background-color: #b31d23; }
body#home nav .navhead { border-bottom: 1px solid #ededed; height: 35px; margin: -10px 0 20px 0;background-color: #b31d23; }
nav .navhead .navtoggle { 
	position:relative; float: right; display: inline;
	margin: 0px 5px 5px 15px; padding: 0px 5px 5px 5px;
	background-color:transparent; background-image:none;
	border:1px solid #FFF; border-radius:4px; }
.navtoggle a:link { position:relative; height: 40px; width: auto; }
.navtoggle:focus { outline:0; }
.navtoggle .icon-bar { display:block; width:22px; height:2px; margin-top:4px; border-radius:1px; background-color:#FFF;}
nav .navhead .navtoggle .sr-only { position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0; }

.dropdown-menu .divider { display:block;height:1px; margin:9px 0;overflow:hidden;background-color:#FFF; }
.nav li { position:relative; display: block; border-right:none;}

.mainnav ul {margin: 0px; }

.mainnav { margin: 0; padding-left:0; float: none; list-style:none; font-family: "Helvetica Neue Light",Helvetica,sans-serif; font-size:16px; border: none; background-color: #FFF; }
.mainnav li { position: relative; display: block; border-right: none; float: none; width: 100%;  }
.mainnav li.last { position: relative; display: block; border-right: none;}
.mainnav li a { color: #333; text-decoration:none; position:relative; display:block; padding: 8px 35px; line-height: 16px; }
.mainnav li a:hover,.mainnav li a:focus { color: #FFF; text-decoration:none; background-color:#be1d23; }
.mainnav .open a { background-color:#eee; }

.mainnav .dropdown { position:relative; display: block; width: 100%; }
.mainnav .dropdown-toggle:focus { outline:0; }
.mainnav .dropdown-menu { 
	position:absolute; top:100%; left:0;
	z-index:1000; display:none;
	float:none;
	min-width:160px; padding:5px 0; margin:0px;
	list-style:none;
	font-size:15px;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,.15);
	border-radius:4px;
	}
.mainnav .dropdown-menu ul { margin: 0px; display: block; }
.mainnav .dropdown-menu li { display: block; background-color: transparent; border-right: none }
.mainnav .dropdown-menu li a { display: block; width: 100%; padding:3px 0px 3px 35px; clear: right; font-weight:400; line-height: 18px; color:#333; white-space:nowrap; text-decoration: none; background-color: transparent;  }
.mainnav .dropdown-menu li a:hover,.dropdown-menu li a:focus { text-decoration: underline; color:#262626; }
.mainnav .dropdown-menu .active a,.dropdown-menu .active a:hover,.dropdown-menu .active a:focus { color:#fff; text-decoration:none; outline:0; background-color:#666; }
.mainnav .open .dropdown-menu { position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none;overflow:visible;}
.mainnav .open .dropdown-menu ul { margin: 0px; padding: 0px; background-color:#f8f8f8;}
.mainnav .open .dropdown-menu li a { padding:5px 15px 5px 55px; line-height: 16px; }
.mainnav .open .dropdown-menu li a:hover,.mainnav .open .dropdown-menu>li a:focus { background-color: #666; }






}