@charset "utf-8";
/* CSS Document */
/* sylvesterz.com Version 6 Navigation Bar*/
/* Codename: Middlestream*/

#navbar{
	float:right;
	width:520px;
	height:210px;
	margin:0 0 0 0;
	padding: 0 0 0 0;
	background:url(images/navbar.jpg) no-repeat -380px 0px; 				
}


#navbar ul{
	border: 0;
	margin: 0px 0px 0px 0px;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#navbar ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navbar ul li a span{
	display:none;
}


#navbar ul li a.home		{ width:100px; height:210px; margin:0px; padding:0px; display: block; }
#navbar ul li a.about		{ width:105px; height:210px; margin:0px; padding:0px; display: block; }
#navbar ul li a.portfolio	{ width:110px; height:210px; margin:0px; padding:0px; display: block; }
#navbar ul li a.blog		{ width:85px; height:210px; margin:0px; padding:0px; display: block; }
#navbar ul li a.contact		{ width:120px; height:210px; margin:0px; padding:0px; display: block; }

/* -- Hovers -- */

#navbar ul li a:hover{
	background: url(images/navbar.jpg) -380px -210px;
}
#navbar ul li a.home:hover{
	background: url(images/navbar.jpg) -380px -210px;
}
#navbar ul li a.about:hover{
	background: url(images/navbar.jpg) -480px -210px;
}
#navbar ul li a.portfolio:hover{
	background: url(images/navbar.jpg) -585px -210px;
}				
#navbar ul li a.blog:hover{
	background: url(images/navbar.jpg) -695px -210px;
}
#navbar ul li a.contact:hover{
	background: url(images/navbar.jpg) -780px -210px;
}