.nav, .nav li, .nav li a {
	padding: 0;
	margin: 0
}

.nav {
	list-style: none;
}

/* Top Nav */

#top .nav {
	margin: 0 auto;
	white-space: nowrap;
	text-align: center;
}

#top .nav li {
	display: inline-block;
}

#top .nav li a {
	display: block;
	padding: 4px 6px;
	text-transform:uppercase;
	font-weight: 400;
	font-size: 12px;
}

#top .nav .home {
	display: none;
}

#top .nav li a:hover {
	background-color: #782b90;
	text-decoration: none;
	color: #fff;
}

#top .nav li a.active {
	background-color: #8d34a9;
	color: #fff;
}

/* end Top Nav */

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

#top .nav li a {
	font-size: 14px;
	padding: 6px 11px;
}

} 

/* x-small */ 
@media only screen and (min-width : 480px) {

#top .nav .home {
	display: inline-block;
}

} /* end x-small */

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

#top .nav li a {
	font-size: 16px;
}

} 

/* small */ 
@media only screen and (min-width : 768px) {
	
/* Top Nav */

#top .nav {
	position: absolute;
	right: 0;
	bottom: 0;
	width: auto;
}

#top .nav li a {
	padding: 6px 12px;
	font-size: 16px;
}

#top .nav .home {
	display: none;
}

/* end Top Nav */


} /* end small */

/* medium */
@media only screen and (min-width : 992px) {

#top .nav .home {
	display: inline-block;
}


} /* end medium */

/* large */
@media only screen and (min-width : 1200px) {

#top .nav li a {
	padding: 8px 18px;
}

} /* end large */

/* x_large */
@media only screen and (min-width : 1600px) {

}

/* xx_large */
@media only screen and (min-width : 2000px) {

}