#nav{
width:660px;
height:44px;
text-align:center;
}

ul#menu ul, li, a
{
margin: 0; 
padding: 0;
}

ul#menu li
{
display: inline;
float: left;
position: relative;
text-align: center;
}

ul#menu li:hover
{

}

/* Second tier */

ul#menu li ul
{
background-color: #3268c2;
display: none;
left: 10px;
margin: 0;
position: absolute;
top: 100%;
width: 150px;
}

/* When the user hovers over a list item, we'll then make the nested unordered list visibile*/

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

ul#menu li ul li
{
border-right: none;
margin: 0;
padding: 0;
text-align: left;
width: 100%;
}

ul#menu li ul li a
{
padding-left: .3em;
color:#FFFFFF;
}

ul#menu li ul li:hover a
{
background-color: #c10100;
color:#FFFFFF;
display: block;
text-decoration:none;
}

.noBorder
{
border: none;
}

/*Menu Begins*/
ul#menu {
  height:44px;
  width:660px;
  list-style:none;
  margin:0;
  padding:0;
}

ul#menu li a {
  display:block;
  height:44px;
  position:relative;
}
ul#menu li a.mhome {
  width:121px;
  background:url(../images/home1.png) no-repeat scroll top left;
}

ul#menu li a.mservice {
  width:118px;
  background-position:-121px 0px;
  background:url(../images/services1.png) no-repeat scroll top left;
}
ul#menu li a.mhistory {
  width:112px;
    background-position:-239px 0px;
  background:url(../images/history1.png) no-repeat scroll top left;
}
ul#menu li a.mphoto {
  width:162px;
    background-position:-401px 0px;
  background:url(../images/photog1.png) no-repeat scroll top left;
}
ul#menu li a.mcontact {
  width:147px;
    background-position:-548px 0px;
  background:url(../images/contact1.png) no-repeat scroll top left;
}


/*hover effects */

ul#menu li a.mhome span {
  background:url(../images/home2.png) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:100;
}
ul#menu li a.mservice span {
  background:url(../images/services2.png) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:100;
}
ul#menu li a.mhistory span {
  background:url(../images/history2.png) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:100;
}
ul#menu li a.mphoto span {
  background:url(../images/photog2.png) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:100;
}
ul#menu li a.mcontact span {
  background:url(../images/contact2.png) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:100;
}