/* CSS Document */

#nav {
	position: relative;
	top: 0;
	left: 0;
	width: 790px;
	margin: 0;
	padding: 27px 0 0 0;
}

#nav ul	{
	margin: 0;
	padding: 0;
}

#nav a {
	text-decoration: none;
}

#nav li { /*float the main list items*/
	margin: 0;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
}

#nav li a {
	display: block;
	padding: 0;
}

/*do the image replacement*/
#nav li span {
	position: absolute;
	left: -2000px;
}

#HOME a	{
	display: block;
	position: relative;
	background: url(/styles/default/nav_graphics/topnav_HOME_off.png) no-repeat center bottom;
	width: 130px;
	height: 30px;
}

#HOME a:hover, #HOME:hover a, #HOME.over a, #HOME.on a	{
	background: url(/styles/default/nav_graphics/topnav_HOME_on.png) no-repeat center bottom;
}

#OURDREAMS a	{
	display: block;
	position: relative;
	background: url(/styles/default/nav_graphics/topnav_OURDREAMS_off.png) no-repeat center bottom;
	width: 110px;
	height: 30px;
}

#OURDREAMS a:hover, #OURDREAMS:hover a, #OURDREAMS.over a, #OURDREAMS.on a	{
	background: url(/styles/default/nav_graphics/topnav_OURDREAMS_on.png) no-repeat center bottom;
}

#PRESS a	{
	display: block;
	position: relative;
	background: url(/styles/default/nav_graphics/topnav_PRESS_off.png) no-repeat center bottom;
	width: 130px;
	height: 30px;
	margin-right: 65px;
}

#PRESS a:hover, #PRESS:hover a, #PRESS.over a, #PRESS.on a	{
	background: url(/styles/default/nav_graphics/topnav_PRESS_on.png) no-repeat center bottom;
}

#CONTACT a	{
	display: block;
	position: relative;
	background: url(/styles/default/nav_graphics/topnav_CONTACT_off.png) no-repeat center bottom;
	width: 100px;
	height: 30px;
}

#CONTACT a:hover, #CONTACT:hover a, #CONTACT.over a, #CONTACT.on a	{
	background: url(/styles/default/nav_graphics/topnav_CONTACT_on.png) no-repeat center bottom;
}

#STORELOCATIONS a	{
	display: block;
	position: relative;
	background: url(/styles/default/nav_graphics/topnav_STORELOCATIONS_off.png) no-repeat center bottom;
	width: 130px;
	height: 30px;
}

#STORELOCATIONS a:hover, #STORELOCATIONS:hover a, #STORELOCATIONS.over a, #STORELOCATIONS.on a	{
	background: url(/styles/default/nav_graphics/topnav_STORELOCATIONS_on.png) no-repeat center bottom;
}

#ONLINESHOP a	{
	display: block;
	position: relative;
	background: url(/styles/default/nav_graphics/topnav_ONLINESHOP_off.png) no-repeat center bottom;
	width: 125px;
	height: 30px;
}

#ONLINESHOP a:hover, #ONLINESHOP:hover a, #ONLINESHOP.over a, #ONLINESHOP.on a	{
	background: url(/styles/default/nav_graphics/topnav_ONLINESHOP_on.png) no-repeat center bottom;
}


/* subnav formatting */

#nav li ul {
	display: none;
}

#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
}

#nav li.off ul, #nav li.on ul  { /*put the subnav below*/
	position: absolute;
	display: block;
	top: 30px;
	left: 0px;
	height: 18px;
	margin-left: 15px;
}

#nav li.off ul li a, #nav li.on ul li a {
	display: block;
	color: #000;
	height: 19px;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
}

#nav li.on ul li a {
	background: none;
	margin: 0;
	float: left;
}

#nav li.off ul a:hover, #nav li.on ul a:hover	{
	color: #FFF;
}