/* SPRITE NAVIGATION */
#nav {
	position: relative;
	float: left;
	z-index: 10;
	background: url("../images/home/full_nav.jpg") top left no-repeat;					
	width: 746px;		/* Width of buttons, not entite image (or half of entire image) */
	height: 59px;		/* Height of entire image */
	clear: both;
	margin: 0;
	}

#nav li { float:left; list-style:none; display:inline; position:relative; }

#nav span { display: none; }

#nav li, #nav a { 
	height: 59px;			/* Each button must have the same height, define it here */
	display: block;
	}

#nav li {
	float: left;
	list-style: none;
	display: inline;	/* fixes IE/Win double margin float bug (safe) */
}

/* margin-left - you will need to adjust this value to "center" your nav, if needed */
/* width - width of each button, they will each most likely be unique */
#nav-01 { width: 66px; margin-left: 40px;}
#nav-02 { width: 51px; margin-left: 1px;}
#nav-03 { width: 53px; margin-left: 1px;}
#nav-04 { width: 59px; margin-left: 1px;}
#nav-05 { width: 48px; margin-left: 1px;}
#nav-06 { width: 79px; margin-left: 1px;}
#nav-07 { width: 109px; margin-left: 1px;}
#nav-08 { width: 114px; margin-left: 1px;}
#nav-09 { width: 80px; margin-left: 1px;}

/* Changed values should match "width" numbers specified above */
#nav-01 a:hover {background: transparent url(../images/home/full_nav.jpg) -40px -59px no-repeat;}
#nav-02 a:hover {background: transparent url(../images/home/full_nav.jpg) -107px -59px no-repeat;}
#nav-03 a:hover {background: transparent url(../images/home/full_nav.jpg) -159px -59px no-repeat;}
#nav-04 a:hover {background: transparent url(../images/home/full_nav.jpg) -213px -59px no-repeat;}
#nav-05 a:hover {background: transparent url(../images/home/full_nav.jpg) -273px -59px no-repeat;}
#nav-06 a:hover {background: transparent url(../images/home/full_nav.jpg) -322px -59px no-repeat;}
#nav-07 a:hover {background: transparent url(../images/home/full_nav.jpg) -402px -59px no-repeat;}
#nav-08 a:hover {background: transparent url(../images/home/full_nav.jpg) -512px -59px no-repeat;}
#nav-09 a:hover {background: transparent url(../images/home/full_nav.jpg) -627px -59px no-repeat;}

/* SON OF SUCKERFISH */
#nav li ul {
	position: absolute;
	left: -9999em;
	background-color: #F3E5D8;	/* Background color of drop down menu - add more styles (i.e. background image) if you want */
	text-decoration: underline;
	margin: -5px 0 0;
}

#nav li ul li {
height: 20px;
}	/* Height of each drop down menu item */
#nav ul {
	border:1px solid #86353E;
	}
body #nav li ul li a:link, body #nav li ul li a:visited{
	padding-left: 5px;
	height: 20px;				/* Height of each drop down menu item, should match above */
	line-height: 20px;			/* Height of each drop down menu item again, should match above */
	text-decoration: underline;
}

#nav li ul li a span {
	display: inline;
	}

/* Drop down link styles */
#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size: 11px;
	color: #86353E;
	text-decoration: none;
}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

/* Hover styles for drop down items */
#nav-02 ul a:hover, #nav-03 ul a:hover, #nav-04 ul a:hover, #nav-05 ul a:hover, #nav-06 ul a:hover, #nav-07 ul a:hover, #nav-08 ul a:hover, #nav-09 ul a:hover { 
	background-image: none;
	background-color: #A86A75;
	color: #FFFFFF; 
	}

/* width of drop down menu - choose width that allows items to display on one line */
#nav-02 ul, #nav-02 li { width: 155px; }		
#nav-03 ul, #nav-03 li { width: 130px; }	
#nav-04 ul, #nav-04 li { width: 195px; }		
#nav-05 ul, #nav-05 li { width: 245px; }	
#nav-06 ul, #nav-06 li { width: 145px; }		
#nav-07 ul, #nav-07 li { width: 135px; }	
#nav-08 ul, #nav-08 li { width: 190px; }		
#nav-09 ul, #nav-09 li { width: 150px; }