@charset "UTF-8";


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

#navigation 
{
display: inline-block; 
width: 100%; 
height:auto;
background-color: #000; 
font-size:11px;
}
 
ul { 
margin: 0;
padding: 0;
}
 
#menu { 
text-align: center; 
} 
 
#menu ul { 
line-height: 35px;
list-style: none outside none;
}
 
#menu li 
{
display: block; 
clear:both; 
} 
 
#menu li a 
{ 
display: block;
color: #FFF;
padding: 5px 0; 
text-decoration: none; 
}
 
#menu li a:hover 
{ 
background-color: #f4bf09; 
color: #000; 
}


/* Tweeks */

	navigation 
{
display: inline-block; 
width: 100%; 
height: 48px;
background-color: #000; 
}
 
ul { 
margin: 0;
padding: 0;
}
 
#menu { 
text-align: center; 
} 
 
#menu ul { 
line-height: 49px;
list-style: none outside none;
}
 
#menu li 
{
display: inline;  
} 
 
#menu li a 
{ 
display: inline; 
color: #FFF;
padding: 5px 9px; 
text-decoration: none; 
}
 
#menu li a:hover 
{ 
background-color: #f4bf09; 
color: #000; 
}

	




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

@media only screen and (min-width: 481px) {
	
	#navigation 
{
display: inline-block; 
width: 100%; 
height: 48px;
background-color: #000;
font-size:14px; 
}
 
ul { 
margin: 0;
padding: 0;
}
 
#menu { 
text-align: center; 
} 
 
#menu ul { 
line-height: 49px;
list-style: none outside none;
}
 
#menu li 
{
display: inline;  
} 
 
#menu li a 
{ 
display: inline; 
color: #FFF;
padding: 15px 30px; 
text-decoration: none; 
}
 
#menu li a:hover 
{ 
background-color: #f4bf09; 
color: #000; 
}

}

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

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

}