/* no-preload rollover; complements veerle's blog, http://veerle.duoh.com */

/* styling the unordered list element; positioning the image */
ul#nav  {
	position:absolute;
	top:205px;
	left:20px;
	width:145px;
	height:100px;
	z-index:10;
	margin: 0px;
	padding: 0px;
}	

/* 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: url(images/navigation-sidebar.png) no-repeat;
}

/* each button has its own ID */
li#index a {
	width:145px;
 	height:25px;
}

li#services a {
	width:145px;
 	height:25px;
}

li#features a {
	width:145px;
 	height:25px;
}

li#clientele a {
	width:145px;
 	height:25px;
}

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

li#index a:hover, li#index a:focus {
	background-position:0px -100px;
}

li#services a:link, li#services a:visited {
	background-position:0px -25px;
}

li#services a:hover, li#services a:focus {
	background-position:0px -125px;
}

li#features a:link, li#features a:visited {
	background-position:0px -50px;
}

li#features a:hover, li#features a:focus {
	background-position:0px -150px;
}

li#clientele a:link, li#clientele a:visited {
	background-position:0px -75px;
}

li#clientele a:hover, li#clientele a:focus {
	background-position:0px -175px;
}

/* CSS styles for the active button--each section needs to add this to its page style--go figure */ 
/*
ul#nav li#index a {
	background-position:0px -68px;
}

ul#nav li#services a {
	background-position:-204px -68px;
}

ul#nav li#features a {
	background-position:-324px -68px;
}

ul#nav li#clientele a {
	background-position:-454px -68px;
}

/*