/* CSS Document */
#menu{
padding:10px;
font-family:Arial,Helvetica,sans-serif;
line-height:30px;
margin-left:3%;
float:left;
}

#menu ul{
counter-reset:li; /*Reset counter before adding the images to the menu below -=-JZS-=- */
padding:0;
margin:0;
list-style-type:none;
padding-top:5px;
padding-bottom:5px;
}

#menu li{
display:inline;
font-size:16px;
}

#menu li a:link, #menu li a:visited{
text-decoration:none;
color:#000;
border:2px solid transparent;
padding:3px 10px 2px 30px;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}

#menu li a:hover, #menu li a:active{
border:2px solid #000;
}

/* Add the round menu image for each link. Counts the number of items in the menu list
and gives each <a> a specific image from the images folder. -=- JZS -=- */  

#menu ul li:nth-child(1) a{
		background: url('../images/home.png') no-repeat left center;
    background-position: -2px -2px;
}

#menu ul li:nth-child(2) a{
	background: url('../images/aboutus.png') no-repeat left center;
  background-position: -2px -2px;
}

#menu ul li:nth-child(3) a{
	background: url('../images/contactus.png') no-repeat left center;
    background-position: -2px -2px;
}

#menu ul li:nth-child(4) a{
	background: url('../images/feedback.png') no-repeat left center;
      background-position: -2px -2px;
}

#menu ul li:nth-child(5) a{
	background: url('../images/news.png') no-repeat left center;
    background-position: -2px -2px;
}

#menu ul li:nth-child(6) a{
	background: url('../images/download.png') no-repeat left center;
    background-position: -2px -2px;
}

#menu ul li:nth-child(7) a{
	background: url('../images/ordering.png') no-repeat left center;
    background-position: -2px -2px;
}

.home-menu{
	margin: 0 -50px 0 -24px!important;
}

.home-menu li{
	margin-left:7px;
}