/* nav */

#nav {
	width: 1300px;	
	height: 50px;
	position: relative;
	background: url(../images/navBarAllStates-rebel-design-studios.jpg) no-repeat;
	margin:0;
	padding:0;
}

#nav li {
	float: left;
	list-style: none;
	width: 1300px
}

#nav li a {
position: absolute;
top:0;
margin:0;
padding:0;
display: block;
height: 50px;
background: url(../images/navBarAllStates-rebel-design-studios.jpg) no-repeat;
text-indent: -9999px;
overflow: hidden;
font-size: 1%;
}

li#home a {
left: 145px;
width: 112px;
background-position: -145px 0;
}

li#about a {
left: 255px;
width: 110px;
background-position: -255px 0;
}

li#services a {
left: 364px;
width: 137px;
background-position: -364px 0;
}

li#webdesign a {
left: 496px;
width: 174px;
background-position: -496px 0;
}

li#photography a {
left: 666px;
width: 185px;
background-position: -666px 0;
}

li#videography a {
left: 846px;
width: 185px;
background-position: -846px 0;
}

li#contact a {
left: 1026px;
width: 132px;
background-position: -1026px 0;
}


/* top nav hover */

li#home a:hover {
background-position: -145px -50px;
}

li#about a:hover {
background-position: -255px -50px;
}

li#services a:hover {
background-position: -364px -50px;
}

li#webdesign a:hover {
background-position: -496px -50px;
}

li#photography a:hover {
background-position: -666px -50px;
}

li#videography a:hover {
background-position: -846px -50px;
}

li#contact a:hover {
background-position: -1026px -50px;
}


/* top nav selected */

#body-home li#home a {
background-position: -145px -100px;
}

#body-about li#about a {
background-position: -255px -100px;
}

#body-services li#services a {
background-position: -364px -100px;
}

#body-webdesign li#webdesign a {
background-position: -496px -100px;
}

#body-photography li#photography a {
background-position: -666px -100px;
}

#body-videography li#videography a {
background-position: -846px -100px;
}

#body-contact li#contact a {
background-position: -1026px -100px;
}
/* end top nav */