/* define main nav bar width, height and background image */
.nav {
  	width: 205px;
  	height: 38px;
    background: url(../images/navbar-small2025.png) no-repeat;
    background-size: 205px;
  	position: relative;
  	list-style-type: none;
  	margin: 3rem 0 0;
  	padding: 0;
	text-align: center;
	cursor: pointer;
}

.nav li {
	display: block;
}

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

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

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

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

/* individual elements defined here */

/* - home - */
#nav_home { 
  left: 0px;
  width: 34px;
}

/* - books - */
#nav_books {
  left: 35px;
  width: 34px;
}

/* - e-commerce - */
#nav_commerce {
  left: 69px;
  width: 34px;
}
/* - mobile - */
#nav_iphone {
  left: 103px;
  width: 34px;
}

/* - politics - */
#nav_politics {
  left: 137px;
  width: 34px;
}

/* - corporate - */
#nav_corporate {
  left: 171px;
  width: 34px;
}

/* ------- 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;
}