/* Design by PixelBender.ca 
   Created March 2010 
   Author: tsilver@pixelbender.ca*/
   
   
nav {
display: block;
width: 100%;
height: 100px;
margin-top: 1.4em;
text-align: left;
}

nav ul {
display: inline;
float: left;
list-style: none;
}

nav ul li {
float: left;
width: 160px;
height: 100px;
margin-right: 1px;
}

	nav ul li.work {
	background: url(../images/nav_work.png) center 15px no-repeat;
	}
	
		nav ul li:hover.work {
		background: url(../images/nav_work.png) center 0 no-repeat;
		}
		
				
	nav ul li.about {
	background: url(../images/nav_about.png) center 15px no-repeat;
	}
		
		nav ul li:hover.about {
		background: url(../images/nav_about.png) center 0 no-repeat;
		}
	
	nav ul li.journal {
	background: url(../images/nav_journal.png) center 15px no-repeat;
	}
	
		nav ul li:hover.journal {
		background: url(../images/nav_journal.png) center 0 no-repeat;
		}
		
	/* sets nav li's to active according to body class */
	
	body.work nav ul li.work {
	background: url(../images/nav_work.png) center 0 no-repeat;
	}
	
	body.work ul li.work a {
	padding: 25px 0 0 20px;
	color: #346673;
	}
	
	body.about nav ul li.about {
	background: url(../images/nav_about.png) center 0 no-repeat;
	}
	
	body.about ul li.about a {
	padding: 25px 0 0 20px;
	color: #807361;
	}
	
	body.journal nav ul li.journal {
	background: url(../images/nav_journal.png) center 0 no-repeat;
	}
	
	body.journal ul li.journal a {
	padding: 25px 0 0 20px;
	color: #7F0101;
	}

nav ul li a {
display: block;
background: url(../images/nav_a_bg.png) left 0 no-repeat;
width: 160px;
height: 100px;
padding: 40px 0 0 20px;
}

nav ul li a:hover {
padding: 25px 0 0 20px;
}