/* CSS Document (for main navigation) */

#nav ul {
	margin: 0 0 0 20px;
}

#nav li {font-family: Arial, Helvetica, sans-serif;
	list-style: none; float: left; margin: 0; padding: 0;
	font-size: 11px; line-height: 25px; white-space: nowrap;
	text-transform: uppercase; margin: 0; padding: 0;
}


#nav a {
	display: block;
	float: left;
	border-right: 3px solid #36C;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	color: #FFF;
	background-image: url(../images/button.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#nav #home a {
	padding: 0 35px;
}

#nav #background a {
	padding: 0 15px;
}

#nav #gallery a {
	padding: 0 25px;
}

#nav #contact a {
	padding: 0 25px;
}

html>body #nav a {width: auto;}    /* fixes IE6 hack */
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a {float: none;}            /* End IE5-Mac hack */


/* Hover - for buttons */
#nav a:hover {
	color: #FFF;
	background-image: url(../images/button.jpg);
	background-repeat: repeat-x;
	background-position: left -25px;
}

/* Current page selected ('selected/javascript' in body) */
#nav li.selected {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

#nav li.selected a, #nav li.selected a:hover {background-color: #220077;}