/*

	-- -- -- -- -- -- --
	css sprites2
	nav style, no scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/

.nav {
	width: 780px;
	height: 50px;
	position: relative;
	background: url(../images/sprites.jpg) no-repeat;

}

.nav li {
	display: inline;
}

.nav li a:link, .nav li a:visited { /* Code to remove li content from screen */
	position: absolute;
	top: 0;
	height: 50px;
	text-indent: -9000px;
	overflow: hidden;
}


	.nav .home a:link, .nav .home a:visited {
		left: 0;
		width: 100px;
	}
	
	.nav .home a:hover, .nav .home a:focus {
		background: url(../images/sprites.jpg) no-repeat 0 -51px;
	}
	
	.nav .home a:active {
		background: url(../images/sprites.jpg) no-repeat 0 -102px;
	}
	
	.current-home .home a:link, .current-home .home a:visited {
		background: url(../images/sprites.jpg) no-repeat 0 -102px;
		cursor: default;
	}



	.nav .design a:link, .nav .design a:visited {
		left: 100px;
		width: 103px;
	}
	.nav .design a:hover, .nav .design a:focus {
		background: url(../images/sprites.jpg) no-repeat -100px -51px;
	}
	.nav .design a:active {
		background: url(../images/sprites.jpg) no-repeat -100px -102px;
	}
	.current-design .design a:link, .current-design .design a:visited {
		background: url(../images/sprites.jpg) no-repeat -100px -102px;
		cursor: default;
	}
	


	.nav .blog a:link, .nav .blog a:visited {
		left: 203px;
		width: 81px;
	}
	.nav .blog a:hover, .nav .blog a:focus {
		background: url(../images/sprites.jpg) no-repeat -203px -51px;
	}
	.nav .blog a:active {
		background: url(../images/sprites.jpg) no-repeat -203px -102px;
	}
	.current-blog .blog a:link, .current-blog .blog a:visited {
		background: url(../images/sprites.jpg) no-repeat -203px -102px;
		cursor: default;
	}

	.nav .about a:link, .nav .about a:visited {
		left: 284px;
		width: 96px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(../images/sprites.jpg) no-repeat -284px -51px;
	}
	.nav .about a:active {
		background: url(../images/sprites.jpg) no-repeat -284px -102px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(../images/sprites.jpg) no-repeat -284px -102px;
		cursor: default;
	} 
	
	.nav .contact a:link, .nav .contact a:visited {
		left: 380px;
		width: 116px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(../images/sprites.jpg) no-repeat -380px -51px;
	}
	.nav .contact a:active {
		background: url(../images/sprites.jpg) no-repeat -380px -102px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(../images/sprites.jpg) no-repeat -380px -102px;
		cursor: default;
	} 

/* styles for the jquery rollover effects */

.nav-home, .nav-home-click {
    position: absolute;
    top: 0;
    left: 0;

    width: 100px;
    height: 50px;
    background: url(../images/sprites.jpg) no-repeat 0 -51px;
}
.nav-home-click {
    background: url(../images/sprites.jpg) no-repeat 0 -102px;
}



.nav-design, .nav-design-click {
    position: absolute;
    top: 0;
    left: 100px;
    width: 103px;
    height: 50px;
    background: url(../images/sprites.jpg) no-repeat -100px -51px;
}
.nav-design-click {
    background: url(../images/sprites.jpg) no-repeat -100px -102px;
}



.nav-blog, .nav-blog-click {
    position: absolute;
    top: 0;
    left: 203px;
    width: 81px;
    height: 50px;
    background: url(../images/sprites.jpg) no-repeat -203px -51px;
}
.nav-blog-click	{
    background: url(../images/sprites.jpg) no-repeat -203px -102px;
}


.nav-about, .nav-about-click {
    position: absolute;
    top: 0;
    left: 284px;
    width: 96px;
    height: 50px;
    background: url(../images/sprites.jpg) no-repeat -284px -51px;
}
.nav-about-click	{
	    background: url(../images/sprites.jpg) no-repeat -284px -102px;
}

.nav-contact, .nav-contact-click {
    position: absolute;
    top: 0;
    left: 380px;
    width: 116px;
    height: 50px;
    background: url(../images/sprites.jpg) no-repeat -380px -51px;
}
.nav-contact-click	{
	    background: url(../images/sprites.jpg) no-repeat -380px -102px;
}