@charset "UTF-8";

div#nav {
	clear:both;
    height: 30px;
    width: 100%;
    border-top: solid #000 1px;
    border-bottom: solid #000 1px;
    background-color: #000;
	padding-top:7px;
	text-align:center;
	text-decoration: none;
}


/*div#navigation ul {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	line-height: 30px;
	white-space: nowrap;
}

div#navigation li {
    list-style-type: none;
    display: inline;
	padding: 0 15px 0 15px;
}

div#navigation li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #d3ac52;
}

div#navigation li a:link {
    color:#d3ac52;
}
div#navigation li a:visited {
    color: #d3ac52;
}

div#navigation li a:hover {
    color: #FFF;
    background-color:#000;
}

	#index #nav-index a,
	#jewelry #nav-jewelry a,
	#timepieces #nav-timepieces a,
	#services #nav-services a,
	#about #nav-about a,
	#events #nav-events a, 
	#contact #nav-contact a {	
		color:#FFF;
}
	
	#index #nav-index a:hover,
	#jewelry #nav-jewelry a:hover,
	#timepieces #nav-timepieces a:hover,
	#services #nav-services a:hover,
	#about #nav-about a:hover,
	#events #nav-events a:hover, 
	#contact #nav-contact a:hover {
		color:#FFF;
	}
	
#nav a:active {
		background:#FFF;
		color:#000;
	}*/



#menu {
	margin: 0;
	padding: 0;
	/*width: 150px;*/
	list-style: none;
	background: #000;
		text-decoration: none;
}

#menu li {
	padding: 0;
	margin-left: 30px;
	height: 30px;
	margin-right: 1em;
	list-style: none;
	background-repeat: no-repeat;
}

#menu li a, #menu li a:visited  {
	display: block;
	text-decoration: none;
	text-indent: -20000px;
	height: 30px;
	background-repeat: no-repeat;
	text-decoration: none;
}

#menu li A:active {text-decoration: none; color:#000; border:0px;outline:none;}
#menu li A:link {text-decoration: none; color:#000;outline:none;}
#menu li A:visited {text-decoration: none; color:#000outline:none;;}
#menu li A:active {text-decoration: none; color:#000;outline:none;}
#menu li A:hover {text-decoration: none; color:#000;outline:none;}


#nav-index {background-image: url(images/navigation/index_over.gif); width:53px;}
#nav-index a {background-image: url(images/navigation/index.gif); width:53px;}

#nav-jewelry {background-image: url(images/navigation/jewelry_over.gif); width:72px;}
#nav-jewelry a {background-image: url(images/navigation/jewelry.gif);}

#nav-timepieces {background-image: url(images/navigation/timepieces_over.gif); width:93px;}
#nav-timepieces a {background-image: url(images/navigation/timepieces.gif);}

#nav-services {background-image: url(images/navigation/services_over.gif); width:76px;}
#nav-services a {background-image: url(images/navigation/services.gif);}

#nav-about {background-image: url(images/navigation/about_over.gif); width:175px;}
#nav-about a {background-image: url(images/navigation/about.gif);}

#nav-events {background-image: url(images/navigation/events_over.gif); width:117px;}
#nav-events a {background-image: url(images/navigation/events.gif);}

#nav-contact {background-image: url(images/navigation/contact_over.gif); width:75px;}
#nav-contact a {background-image: url(images/navigation/contact.gif);}

ul#menu li a:hover {background: none;}

#menu li {
	float: left;
}

#menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}