@charset "UTF-8";
/* CSS Document */

#nav ul {
	width: 978px; 
	height: 34px; 
	position: absolute; /** Places image at the top of the page **/
	top: 114px; /** Determines the height from the top of the page **/
	margin: 0 auto 0 auto;
	background: url(http://www.johnsoninteriors-more.com/images/navbar3.jpg) no-repeat 0 0;
	list-style: none;
	padding: 0;
	}
#nav li {
	display: inline;
	}
#nav a:link, #nav li a:visited {
	border: none;
	height: 34px; /** height of the button in active state **/
	display: block; 
	position: absolute; 
	top: 0; 
	text-indent: -7000px; /** Removes li text from the screen **/
	outline: none;
	}




#nav li.home a:link, #nav li.home a:visited { 
	left: 73px;
	width: 75px;
	}
#nav li.about a:link, #nav li.about a:visited { 
	left: 148px;
	width: 105px;
	}
#nav li.products a:link, #nav li.products a:visited { 
	left: 253px;
	width: 110px;
	}
#nav li.design a:link, #nav li.design a:visited { 
	left: 363px;
	width: 150px;
	}
#nav li.visit a:link, #nav li.visit a:visited { 
	left: 513px;
	width: 121px;
	}
#nav li.special a:link, #nav li.special a:visited { 
	left: 634px;
	width: 126px;
	}



#nav li.home a:hover, #nav li.home a:active {
	background: url(http://www.johnsoninteriors-more.com/images/navbar3.jpg) no-repeat -73px -34px; /** moves image up 30px showing the rollover states **/ 
	}
#nav li.about a:hover, #nav li.about a:active {
	background: url(http://www.johnsoninteriors-more.com/images/navbar3.jpg) no-repeat -148px -34px; /** moves image up 30px and right 80px showing the rollover states **/
	}
#nav li.products a:hover, #nav li.products a:active {
	background: url(http://www.johnsoninteriors-more.com/images/navbar3.jpg) no-repeat -253px -34px;
	}
#nav li.design a:hover, #nav li.design a:active {
	background: url(http://www.johnsoninteriors-more.com/images/navbar3.jpg) no-repeat -363px -34px;
	}
#nav li.visit a:hover, #nav li.visit a:active {
	background: url(http://www.johnsoninteriors-more.com/images/navbar3.jpg) no-repeat -513px -34px; /** moves image up 30px showing the rollover states **/ 
	}
#nav li.special a:hover, #nav li.special a:active {
	background: url(http://www.johnsoninteriors-more.com/images/navbar3.jpg) no-repeat -634px -34px; /** moves image up 30px showing the rollover states **/ 
	}