/************************************************************************************

NAV

*************************************************************************************/

#nav-wrap {

	float: right;

	position: relative;

	z-index: 100;

	margin-top: 25px;

	font-size: 1em; /* 16 / 16 */

	letter-spacing: 0px;

	font-family: Georgia, "Times New Roman", Times, serif;

	background-color: #FFF;

	margin-right: 20px;

}



/* menu icon */

#menu-icon {

	display: none; /* hide menu icon initially */

}



#nav, 

#nav li {

	margin: 0;

	padding: 0;

	float: left;

	-webkit-transition: all 0.3s ease;

	-moz-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

	transition: all 0.3s ease;

}

#nav li {

	list-style: none;

	float: left;

	margin-right: 5px;

}



/* nav link */

#nav a {

	display: block;

	color: #000;

	background-color: #FFF;

	padding-top: 6px;

	padding-right: 12px;

	padding-bottom: 8px;

	padding-left: 12px;

}



#nav a:hover {

	background-color: #EFEFEF;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	color: #C90;

}



#nav a:active {

	color: #C93;

	background-color: #999;

					} 



/* nav dropdown */

#nav ul {

	background: #fff;

	padding: 2px;

	position: absolute;

	border: solid 1px #ccc;

	display: none; /* hide dropdown */

	width: 200px;

	text-align: left;

}

#nav ul li {

	float: none;

	margin: 0;

	padding: 0;

}

#nav li:hover > ul {

	display: block; /* show dropdown on hover */

}



/************************************************************************************

MOBILE

*************************************************************************************/

@media screen and (max-width: 480px) {



	/* nav-wrap */

	#nav-wrap {

		float: left;

	}



	/* menu icon */

	#menu-icon {

		color: #000;

		margin-top: -20px;

		width: 42px;

		height: 30px;

		background: #F6F6F6 url(../images/menu-icon.png) no-repeat 10px center;

		padding: 8px 10px 0 42px;

		cursor: pointer;

		display: block; /* show menu icon */

	}

	

	#menu-icon:hover {

		background-color: #EAEAEA;

	}

	#menu-icon.active {

		background-color: #bbb;

	}

	

	/* main nav */

	#nav {

		clear: both;

		position: absolute;

		top: 6px;

		width: 225px;

		z-index: 10000 !important;

		padding: 0px;

		background: #f8f8f8;

		border: solid 1px #999;

		display: none; /* visibility will be toggled with jquery */

	}

	

	#nav li {

		font-size: 1.5em;

		clear: both;

		float: none;

		padding: 10px 5px 15px 0px;

		text-align: left;

		text-indent: 18px;

		line-height: 30px;

		width: 100%;

		border-bottom: 1px;

		border-bottom-color: #DBDBDB;

		border-bottom-style:solid;

	}

	

	#nav a, 

	#nav ul a {

		font: inherit;

		background: none;

		display: inline;

		color: #666;

		border: none;

	}

	#nav a:hover, 

	#nav ul a:hover {

		background: none;

		color: #C93;

		border-bottom:none;

	}

	

	/* dropdown */

	#nav ul {

		width: auto;

		position: static;

		display: block;

		border: none;

		background: inherit;

	}

	

	#nav ul li {

		margin: 5px 0px 5px 10px;

	}



}



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



	/* ensure #nav is visible on desktop version */

	#nav {

		display: block !important;

		float: left;

	}



#nav-wrap {

	

	margin-left: 2px;

}



}



.tester{

	background-color: #EAEAEA;

}