/* define main nav bar width, height and background image */


.navSmall {
  	width: 205px;
  	height: 38px;
  	background: url(../images/navbar-small-matrix2025.png) no-repeat;
  	background-size: 205px;
  	position: relative;
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	cursor: pointer;
}

.navSmall li {
	display: block;
}

.navSmall li a {
  left: 0;
  width: 100%;
	text-indent: -9999em;
}

.navSmall li.current a {
  cursor: default;
}

.navSmall li .effect {
  left: 0;
  width: 100%;
}

.navSmall li,
.navSmall li a,
.navSmall li .effect {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

/* individual elements defined here */

/* - home - */
#navSmall_home { 
  left: 0px;
  width: 34px;
}
#navSmall_home .effect, #navSmall_home a:hover, #navSmall_home a:focus {
  background: url(../images/navbar-small-matrix2025.png) no-repeat 0px -38px;
  background-size: 205px;
}
#navSmall_home .mousedown, #navSmall_home a:active {
  background-position: 0px -76px;
}
#navSmall_home.current a:link, #navSmall_home.current a:visited {
  background: url(../images/navbar-small-matrix2025.png) no-repeat 0px -76px;
  background-size: 205px;
}

/* - books - */
#navSmall_books {
  left: 35px;
  width: 34px;
}
#navSmall_books .effect, #navSmall_books a:hover, #navSmall_books a:focus {
  background: url(../images/navbar-small-matrix2025.png) no-repeat -35px -38px;
  background-size: 205px;
}
#navSmall_books .mousedown, #navSmall_books a:active {
  background-position: -35px -76px;
}
#navSmall_books.current a:link, #navSmall_books.current a:visited {
  background: url(../images/navbar-small-matrix2025.png) no-repeat -35px -76px;
  background-size: 205px;
}

/* - e-commerce - */
#navSmall_commerce {
  left: 69px;
  width: 34px;
}
#navSmall_commerce .effect, #navSmall_commerce a:hover, #navSmall_commerce a:focus {
  background: url(../images/navbar-small-matrix2025.png) no-repeat -69px -38px;
  background-size: 205px;
}
#navSmall_commerce .mousedown, #navSmall_commerce a:active {
  background-position: -69px -76px;
}
#navSmall_commerce.current a:link, #navSmall_commerce.current a:visited {
  background: url(../images/navbar-small-matrix2025.png) no-repeat -69px -76px;
  background-size: 205px;
}

/* - mobile - */
#navSmall_iphone {
  left: 103px;
  width: 34px;
}
#navSmall_iphone .effect, #navSmall_iphone a:hover, #navSmall_iphone a:focus {
  background: url(../images/navbar-small-matrix2025.png) no-repeat -103px -38px;
  background-size: 205px;
}
#navSmall_iphone .mousedown, #navSmall_iphone a:active {
  background-position: -103px -76px;
}
#navSmall_iphone.current a:link, #navSmall_iphone.current a:visited {
  background: url(../images/navbar-small-matrix2025.png) no-repeat -103px -76px;
  background-size: 205px;
}

/* - politics - */
#navSmall_politics {
  left: 137px;
  width: 34px;
}
#navSmall_politics .effect, #navSmall_politics a:hover, #navSmall_politics a:focus {
  background: url(../images/navbar-small-matrix2025.png) no-repeat -137px -38px;
  background-size: 205px;
}
#navSmall_politics .mousedown, #navSmall_politics a:active {
  background-position: -137px -76px;
}
#navSmall_politics.current a:link, #navSmall_politics.current a:visited {
  background: url(../images/navbar-small-matrix2025.png) no-repeat -137px -76px;
  background-size: 205px;
}

/* - corporate - */
#navSmall_corporate {
  left: 171px;
  width: 34px;
}
#navSmall_corporate .effect, #navSmall_corporate a:hover, #navSmall_corporate a:focus {
  background: url(../images/navbar-small-matrix2025.png) no-repeat -171px -38px;
  background-size: 205px;
}
#navSmall_corporate .mousedown, #navSmall_corporate a:active {
  background-position: -171px -76px;
}
#navSmall_corporate.current a:link, #navSmall_corporate.current a:visited {
  background: url(../images/navbar-small-matrix2025.png) no-repeat -171px -76px;
  background-size: 205px;
}
	

/* ------- info btn ---------------*/

/* define main nav bar width, height and background image */
.navInfo {
  width: 105px;
  height: 33px;
  background: url(../images/btn-info-blog-gallery.png) no-repeat;
  position: relative;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.navInfo li {
	display: block;
}

.navInfo li a {
  left: 0;
  width: 100%;
	text-indent: -9999em;
}

.navInfo li.current a {
  cursor: default;
}

.navInfo li .effect {
  left: 0;
  width: 100%;
}

.navInfo li,
.navInfo li a,
.navInfo li .effect {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
}

/* individual elements defined here */

/* - about - */
#navInfo_home { 
  left: 70px;
  width: 35px;
}
#navInfo_home .effect, #navInfo_home a:hover, #navInfo_home a:focus {
  background: url(../images/btn-info-blog-gallery.png) no-repeat -70px -33px;
}
#navInfo_home .mousedown, #navInfo_home a:active {
  background-position: -70px -66px;
}
#navInfo_home.current a:link, #navInfo_home.current a:visited {
  background: url(../images/btn-info-blog-gallery.png) no-repeat -70px -33px;
}

/* - blog - */
#navInfo_blog { 
  left: 35px;
  width: 35px;
}
#navInfo_blog .effect, #navInfo_blog a:hover, #navInfo_blog a:focus {
  background: url(../images/btn-info-blog-gallery.png) no-repeat -35px -33px;
}
#navInfo_blog .mousedown, #navInfo_blog a:active {
  background-position: -35px -66px;
}
#navInfo_blog.current a:link, #navInfo_blog.current a:visited {
  background: url(../images/btn-info-blog-gallery.png) no-repeat -35px -33px;
}

/* - gallery - */
#navInfo_gallery { 
  left: 0px;
  width: 35px;
}
#navInfo_gallery .effect, #navInfo_gallery a:hover, #navInfo_gallery a:focus {
  background: url(../images/btn-info-blog-gallery.png) no-repeat 0px -33px;
}
#navInfo_gallery .mousedown, #navInfo_gallery a:active {
  background-position: 0px -66px;
}
#navInfo_gallery.current a:link, #navInfo_gallery.current a:visited {
  background: url(../images/btn-info-blog-gallery.png) no-repeat 0px -33px;
}

@media (max-width: 499px) {
	.navSmall {
	  width: 410px;
	  height: 76px;
	  background-size: 410px;
	}

	.navSmall li {
		display: block;
	}

	.navSmall li a {
	  left: 0;
	  width: 100%;
		text-indent: -9999em;
	}

	.navSmall li.current a {
	  cursor: default;
	}

	.navSmall li .effect {
	  left: 0;
	  width: 100%;
	}

	.navSmall li,
	.navSmall li a,
	.navSmall li .effect {
	  position: absolute;
	  top: 0;
	  margin: 0;
	  padding: 0;
	  height: 100%;
	  overflow: hidden;
	}

	/* individual elements defined here */

	/* - home - */
	#navSmall_home { 
	  left: 0px;
	  width: 68px;
	}
	#navSmall_home .effect, #navSmall_home a:hover, #navSmall_home a:focus {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat 0px -76px;
	  background-size: 410px;
	}
	#navSmall_home .mousedown, #navSmall_home a:active {
	  background-position: 0px -152px;
	}
	#navSmall_home.current a:link, #navSmall_home.current a:visited {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat 0px -76px;
	  background-size: 410px;
	}

	/* - books - */
	#navSmall_books {
	  left: 70px;
	  width: 68px;
	}
	#navSmall_books .effect, #navSmall_books a:hover, #navSmall_books a:focus {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat -70px -76px;
	  background-size: 410px;
	}
	#navSmall_books .mousedown, #navSmall_books a:active {
	  background-position: -70px -152px;
	}
	#navSmall_books.current a:link, #navSmall_books.current a:visited {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat -70px -76px;
	  background-size: 410px;
	}

	/* - e-commerce - */
	#navSmall_commerce {
	  left: 138px;
	  width: 68px;
	}
	#navSmall_commerce .effect, #navSmall_commerce a:hover, #navSmall_commerce a:focus {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat -138px -76px;
	  background-size: 410px;
	}
	#navSmall_commerce .mousedown, #navSmall_commerce a:active {
	  background-position: -138px -152px;
	}
	#navSmall_commerce.current a:link, #navSmall_commerce.current a:visited {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat -138px -76px;
	  background-size: 410px;
	}

	/* - mobile - */
	#navSmall_iphone {
	  left: 206px;
	  width: 68px;
	}
	#navSmall_iphone .effect, #navSmall_iphone a:hover, #navSmall_iphone a:focus {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat -206px -76px;
	  background-size: 410px;
	}
	#navSmall_iphone .mousedown, #navSmall_iphone a:active {
	  background-position: -206px -152px;
	}
	#navSmall_iphone.current a:link, #navSmall_iphone.current a:visited {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat -206px -76px;
	  background-size: 410px;
	}

	/* - politics - */
	#navSmall_politics {
	  left: 274px;
	  width: 68px;
	}
	#navSmall_politics .effect, #navSmall_politics a:hover, #navSmall_politics a:focus {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat -274px -76px;
	  background-size: 410px;
	}
	#navSmall_politics .mousedown, #navSmall_politics a:active {
	  background-position: -274px -152px;
	}
	#navSmall_politics.current a:link, #navSmall_politics.current a:visited {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat -274px -76px;
	  background-size: 410px;
	}

	/* - corporate - */
	#navSmall_corporate {
	  left: 342px;
	  width: 68px;
	}
	#navSmall_corporate .effect, #navSmall_corporate a:hover, #navSmall_corporate a:focus {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat -342px -76px;
	  background-size: 410px;
	}
	#navSmall_corporate .mousedown, #navSmall_corporate a:active {
	  background-position: -342px -152px;
	}
	#navSmall_corporate.current a:link, #navSmall_corporate.current a:visited {
	  background: url(../images/navbar-small-matrix2025.png) no-repeat -342px -76px;
	  background-size: 410px;
	}

}