/* Styles for dynamic main nav */


#main-navigation {
	float: left;
	display: block;
	margin-left: 50px;
	margin-top: 7px;
	padding:0;
}

#main-navigation ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#main-navigation li {
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	display: inline;
}

#main-navigation a * {
  display: none;
	color:#2f2a26;
	font-family: Neuropolitical, sans-serif;
	font-size: 0.7em;
	text-decoration:none;
}

/*~~~ HOME LINK ~~~*/
/*
#main-navigation a.home,
#main-navigation a.home .hover {
  height: 70px;

  display: block;
  background: url(../images/home-all-states.jpg) 0 0 no-repeat;
}

#main-navigation a.home {
  background-position: 0 0;
  width: 128px;
}

#main-navigation .highlight a.new-home:hover, 
#main-navigation a.new-home .hover {
  background-position: -128px 0;
  width: 128px;
}*/

/*~~~ HOME LINK ~~~*/

#main-navigation a.new-home,
#main-navigation a.new-home .hover {
  height: 70px;

  display: block;
  background: url(../images/home-all-states.jpg) 0 0 no-repeat;
}

#main-navigation a.new-home {
  background-position: 0 0;
  width: 128px;
}

/* .highlight will be removed if JS is enabled */
#main-navigation .highlight a.new-home:hover, 
#main-navigation a.new-home .hover {
  background-position: -128px 0;
  width: 128px;
}


/*~~~ WORK LINK ~~~*/

#main-navigation a.work,
#main-navigation a.work .hover {
  height: 70px;

  display: block;
  background: url(../images/work-all-states.jpg) 0 0 no-repeat;
}

#main-navigation a.work {
  background-position: 0 0;
  width: 128px;
}

/* .highlight will be removed if JS is enabled */
#main-navigation .highlight a.work:hover, 
#main-navigation a.work .hover {
  background-position: -128px 0;
  width: 128px;
}



/*~~~ ABOUT LINK ~~~*/

#main-navigation a.about,
#main-navigation a.about .hover {
  height: 70px;

  display: block;
  background: url(../images/about-all-states.jpg) 0 0 no-repeat;
}

#main-navigation a.about {
  background-position: 0 0;
  width: 128px;
}

/* .highlight will be removed if JS is enabled */
#main-navigation .highlight a.about:hover, 
#main-navigation a.about .hover {
  background-position: -128px 0;
  width: 128px;
}


/*~~~ BLOG LINK ~~~*/

#main-navigation a.blog,
#main-navigation a.blog .hover {
  height: 70px;

  display: block;
  background: url(../images/blog-all-states.jpg) 0 0 no-repeat;
}

#main-navigation a.blog {
  background-position: 0 0;
  width: 128px;
}

/* .highlight will be removed if JS is enabled */
#main-navigation .highlight a.blog:hover, 
#main-navigation a.blog .hover {
  background-position: -128px 0;
  width: 128px;
}

/*~~~ CONTACT LINK ~~~*/

#main-navigation a.contact,
#main-navigation a.contact .hover {
  height: 70px;
  position: relative;
  display: block;
  background: url(../images/contact-all-states.jpg) 0 0 no-repeat;
}

#main-navigation a.contact {
  background-position: 0 0;
  width: 128px;
}

/* .highlight will be removed if JS is enabled */
#main-navigation .highlight a.contact:hover, 
#main-navigation a.contact .hover {
  background-position: -128px 0;
  width: 128px;
}


/*~~~ On Page Link ~~~*/
#main-navigation li.on-page a {
  background-position: -256px 0;
}
#main-navigation li.highlight.on-page a:hover {
  background-position: -256px 0;
}