/* ---------------------------MAIN--------------------------- */

#topnav{
	width:760px;
	height:35px;
	background-color:#000000;
	margin-left:auto;
	margin-right:auto;
	}
	
#topnav span{
	display:none;
	}

#topnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
  
#topnav li {
	float: left;
	position: relative;
	margin:0;
	padding:0;
	z-index:100;
	}
  
 #topnav li a{
	background-position: top;
	background-repeat:no-repeat;
	height: 35px;
	display: block;
	}
  
#topnav li ul {
	display: none;
	position: absolute;
	top:35px;
	left: 0;
	}

#topnav li > ul {
	top: auto;
	left: auto;
	}

#topnav li:hover ul{display:block;}

#topnav li.over ul{display: block;}

/* the following rules eliminates the dotted outline in firefox on visited links */

a:link, a:active, a:focus, a:visited, a:hover{outline:0}

/* ---------------------------HOME NAV--------------------------- */

.home{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/home.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#topnav a.home:hover{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/home.jpg);
	background-position:bottom;
	display: block;
	}

/* ---------------------------EMBOSSING SEALS NAV--------------------------- */

.embossnav{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/embossing-seals.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#topnav a.embossnav:hover{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/embossing-seals.jpg);
	background-position:bottom;
	display: block;
	}
	
.corporatenav{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/corporate-seals.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#topnav a.corporatenav:hover{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/corporate-seals.jpg);
	background-position:bottom;
	display: block;
	}
	
.logonav{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/logo-seals.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#topnav a.logonav:hover{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/logo-seals.jpg);
	background-position:bottom;
	display: block;
	}
	
.monogramnav{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/monogram-seals.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#topnav a.monogramnav:hover{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/monogram-seals.jpg);
	background-position:bottom;
	display: block;
	}
	
.photonav{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/photo-seals.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#topnav a.photonav:hover{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/photo-seals.jpg);
	background-position:bottom;
	display: block;
	}

.pronav{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/professional-seals.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#topnav a.pronav:hover{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/professional-seals.jpg);
	background-position:bottom;
	display: block;
	}

.notarynav{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/notary-seals.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#topnav a.notarynav:hover{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/notary-seals.jpg);
	background-position:bottom;
	display: block;
	}
	
/* ---------------------------WAX SEALS NAV--------------------------- */

.waxnav{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/wax-seals.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#topnav a.waxnav:hover{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/wax-seals.jpg);
	background-position:bottom;
	display: block;
	}
	
/* ---------------------------CONTACT NAV--------------------------- */

.contact{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/contact-us.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#topnav a.contact:hover{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/contact-us.jpg);
	background-position:bottom;
	display: block;
	}
	
/* ---------------------------SITE MAP NAV--------------------------- */

.sitemap{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/site-map.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#topnav a.sitemap:hover{
	width:152px;
	margin:0;
	padding:0;
	background-image:url(http://www.embossingseals.net/inc/buttons/site-map.jpg);
	background-position:bottom;
	display: block;
	}