/* no-preload rollover; compliments veerle's blog, http://veerle.duoh.com 
This implementation for Blodgett Marketing*/

/* styling the unordered list element; positioning the image */
ul#nav  {
	position:absolute;
	top:93px;
	left:200px;
	width:700px;
	height:18px;
	z-index:9;
	margin: 0px;
	padding: 0px; 
}	

#nav-background-alt {
	position:absolute;
	left:200px;
	top:93px;
	width:700px;
	height:18px;
	z-index:8;
	margin: 0px;
	padding: 0px; 
	background-image: url(images/top-navigation-alt.png);
	background-repeat: no-repeat;
	}

/* styling the list item */
ul#nav li {
   padding:0;
   margin:0;
   list-style-type:none;
   float:left;
   text-indent:-9999px;
}

/* CSS styles for the anchor element within the list item */
ul#nav li a {
	border:0;
	text-decoration:none;
	display:block;
	background:transparent url(images/top-navigation.png) no-repeat;
}

/* each button has its own ID */

li#home a {
	width:364px;
 	height:18px;
}

li#about a {
	width:114px;
 	height:18px;
}

li#contact a {
	width:114px;
 	height:18px;
}

li#files a {
	width:108px;
 	height:18px;
}

/* CSS styles for the anchor pseudo-classes */
li#home a:link, li#home a:visited {
	background-position:0px 0px;
}

li#home a:hover, li#home a:focus {
	background-image: none;
}

li#about a:link, li#about a:visited {
	background-position:-364px 0px;
}

li#about a:hover, li#about a:focus {
	background-image: none;
}

li#contact a:link, li#contact a:visited {
	background-position:-478px 0px;
}

li#contact a:hover, li#contact a:focus {
	background-image: none;
}

li#files a:link, li#files a:visited {
	background-position:-592px 0px;
}

li#files a:hover, li#files a:focus {
	background-image: none;
}

/* CSS styles for the active button--each section needs to add this to its page style--go figure */ 
/*

ul#nav li#home a {
	background-position:0px -19px;
}

ul#nav li#about a {
	background-position:-364px -19px;
}

ul#nav li#contact a {
	background-position:-478px -19px;
}

ul#nav li#files a {
	background-position:-592px -19px;
}
*/