@charset "UTF-8";
/* class styles */


#navbar{
	position:relative;
	display:inline;
	height:46px;
	font-family:  "Century Gothic", century gothic, arial, geneva, sans-serif;
	font-size: 24px;
	}

#navbar .logo {
	position:absolute;
	opacity: 0.0;
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}
/*
#navbar .innavbar{
	display:block;
	height:46px;
	background-color:#222; }*/

#navbar ul, #navbar ul li{
	border:0px;
	margin:0px;
	padding:0px;
	display:block;
	list-style:none;
	height:46px;
	line-height:46px; } 

#navbar ul li{
	float:right;
	display:block;
	line-height:46px; } 

#navbar ul li a{
	color:#999;
	text-decoration:none;
	font-weight:normal;
	display:block; 
	transition: background-color .4s ease-in-out;
   	-moz-transition: background-color .4s ease-in-out;
   	-webkit-transition: background-color .4s ease-in-out;
	} 
#navbar ul li a#logoa{
	padding: 0px;
	} 

#navbar ul li a:hover{
	background-color:#333;
}
#navbar ul li a#logoa:hover{
	background-color:transparent;
	line-height: 46px;
	padding: 0px;
}

#navbar ul li a span{
	padding:0 0 0 0;
	height:46px;
	line-height:46px;
	display:block;
	margin-left:10px;
	margin-right:10px;
	overflow: hidden;
	transition: color .3s ease-in-out;
   	-moz-transition: color .3s ease-in-out;
   	-webkit-transition: color .3s ease-in-out;
	}

#navbar ul li a:hover span{
	color:#FFF;
}