#navigation {
	height: 35px;
	width: 920px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

ul#nav {
	list-style-type: none;
	margin-left: 0px;
	position: relative;
	width: auto;	/*--this is to align menu bar left--*/
	
}
ul#nav li {
	float: left;
	position: relative;
}
ul#nav li a {
	text-indent:-999em;
	overflow: hidden;
	height: 35px;
	display: block;
}
#nav li.navspacer {
	background:transparent url(images/navigation/spacer.gif) repeat scroll 0% 0%;
	height:35px;
	width:28px;
}
ul#nav li a.home {
	background-image:  url("../images/navigation/home.jpg");
	background-repeat: no-repeat;
	width: 64px;
}
ul#nav li a.events {
	background-image:    url("../images/navigation/events.jpg");
	background-repeat: no-repeat;
	width: 74px;
}
ul#nav li a.marketing {
	background-image:    url("../images/navigation/marketing.jpg");
	background-repeat: no-repeat;
	width: 120px;
}
ul#nav li a.websites {
	background-image:    url("../images/navigation/websites.jpg");
	background-repeat: no-repeat;
	width: 99px;
}
ul#nav li a.design {
	background-image:    url("../images/navigation/design.jpg");
	background-repeat: no-repeat;
	width: 76px;
}
ul#nav li a.portfolio {
	background-image:    url("../images/navigation/folio.jpg");
	background-repeat: no-repeat;
	width: 105px;
}

ul#nav li a.contact {
	background-image:    url("../images/navigation/contact.jpg");
	background-repeat: no-repeat;
	width: 186px;
}

ul#nav li a.news {
	background-image:    url("../images/navigation/blog.jpg");
	background-repeat: no-repeat;
	width: 58px;
}

ul#nav li a:hover {
	background-position:0px -35px;
}



/* Selected Buttons */
body.home #nav li a.home {

	background-position:0px -70px;
	
}
body.events #nav li a.events {
	
	background-position:0px -70px;
	/*w/idth:108px;*/
}
body.marketing #nav li a.marketing {

	background-position:0px -70px;
	/*w/idth:162px;*/
}
body.websites #nav li a.websites {
	
	background-position:0px -70px;
	/*w/idth:108px;*/
}
body.design #nav li a.design {

	background-position:0px -70px;
	/*wi/dth:86px;*/
}

body.portfolio #nav li a.portfolio {

	background-position:0px -70px;
	
}
body.contact #nav li a.contact {

	background-position:0px -70px;
	
}

body.news #nav li a.news {

	background-position:0px -70px;
	
}

/* End Selected Nav */

