@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

/* Mobile Layout: 480px and below. */

#menu {
z-index:10;
position:fixed;
width:100%;
padding-left:0px !important;
top:0;
}


#menu h1 {
	font-size: 20px;
	display:block;
	background-color:#FF0000;
	color: #FFF;
	height:30px;
	margin:0px;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
	text-align:center;
	text-shadow:-1px -1px #000;
}


#menu h1 span{
padding-top:3px;
display:inline-block;
text-shadow:-1px -1px #000;
overflow:hidden;
white-space:nowrap;
margin-left:-30px;
}


#menu ul#nav {
	display: none;
}
#pageslide {
	width: 180px;
}
#pageslide ul{
	padding:0px;
	margin:0px;
}

#pageslide #nav li {

	border-bottom: 1px solid #666;
}
#pageslide #nav li:hover {
	background-color:black;
}


#pageslide #nav li a {
	color: #FFF;
	border: none;
	text-decoration:none;
	padding: 10px;
	display:block;
	text-transform:capitalize;
}

#pageslide #nav li a:hover {
	color: #FFF !important;
}


#pageslide #nav li.logo_mob a {
	color: #FFF;
	border: none;
	text-decoration:none;
	padding: 0px;
	display:block;
	text-align:center;
}


.open {
	display: block;
	float: left;
	width: 35px;
	height: 30px;
	margin:0px;
	background: url(menu.png) center center no-repeat #333333;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-border-radius: 8px;
	box-shadow: inset 0 0 3px #FF0000;
	text-indent: -999999px;

	background-color:#FF0000;
}
a:hover.open {
	background-color:#333333;
}

#pageslide a.active {
	background-color:#000;
	background-image:url('../images/mobmenu_active.png');
	background-repeat:no-repeat;
	background-position:right center;
}

#menu ul#nav li.logo_mob {
	display:block;
}

.logo {
	display:none;
}

.hide {
	display:none;
	}
/*****************************MENU****************************************/

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
#menu {
	position:relative;
	float:none;
	width:inherit;
}
#menu h1 {
	display: none;
}
ul#nav:after {
	menu: "\0020";
	display: block;
	clear: none;
}
#menu ul#nav {
	display: inline-block;
	vertical-align:middle;
}
#menu ul#nav li {
	min-width:inherit !important;
}
#menu ul#nav a {
	float:none;
	width:auto;
	
}

#menu {
	background-color:rgba(0,0,0,0.5);
	height:45px;
	margin-top:40px;
	color:#CCC;
	}

#menu nav{
	width:990px;
	margin:auto;
	}
#menu nav{
	width:990px;
	margin:auto;
	}
#menu ul li{
	display:inline-block;
	vertical-align:text-top;
	margin-top:14px;
	margin-right:5px;
	padding-right:5px;
	}
#menu ul li a{
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
	padding:5px;
	}
#menu ul li a:hover {
	background-color:#ed2026;
	transition:all 0.5s;
	}
#menu ul li a.active{
	background-color:#ed2026;
	transition:all 0.5s;
	}
#menu .mob_logo {
	margin-right:70px;
	margin-top:0px;
	padding:0px;
	}
#menu .mob_logo a{
	
	padding:0px;
	}
#menu .mob_logo img{
	top:-40px;
	position:relative;
	}
.hide {
	display:inline-block;
	color:#F00;
	}


}