/* navigation styles */
#navlist {
  float: left;
  display: inline;
  margin: 0px;
  padding: 0px;
  height: 30px;
  list-style-type: none;
}
#navlist li {
  list-style: none;
  float: left;
  position: relative;
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 80%;
  line-height: 30px;
}

#navlist ul,
#navlist li.off ul,
#navlist li.on ul {
  display: none;
  position: absolute;
  top: 30px;
  left: 0px;
  margin: 0px;
  padding: 0px 0px 6px;
  width: 138px;
  z-index: 6000;
  list-style-type: none;
  background-color: #FFF;
}

#navlist span {
	visibility: hidden;
}
#navlist a {
	float: left;
  background: transparent;
  color: #000;
  text-decoration: none;
}
li#tab1 {
	width: 103px;
	background: transparent url(/images/nav/home_off.gif) top left no-repeat;
}
li#tab1 a {
  width: 103px;
  background: transparent url(/images/nav/home_on.gif) -200px -200px no-repeat;
}
li#tab1.on a, li#tab1 a:hover {
	background-position: 0px 0px;
}
li#tab2 {
	width: 106px;
	background: transparent url('/images/nav/about_off.gif') top left no-repeat !important;
}
li#tab2 a {
  width: 106px;
  background: transparent url(/images/nav/about_on.gif) -200px -200px no-repeat;
}
li#tab2.on a, li#tab2 a:hover {
	background-position: 0px 0px;
}
li#tab3 {
	width: 106px;
	background: transparent url('/images/nav/services_off.gif') top left no-repeat !important;
}
li#tab3 a {
  width: 106px;
  background: transparent url(/images/nav/services_on.gif) -200px -200px no-repeat;
}
li#tab3.on a, li#tab3 a:hover {
	background-position: 0px 0px;
}

li#tab4 {
	width: 106px;
	background: transparent url('/images/nav/photos_off.gif') top left no-repeat !important;
}
li#tab4 a {
  width: 106px;
  background: transparent url(/images/nav/photos_on.gif) -200px -200px no-repeat;
}
li#tab4.on a, li#tab4 a:hover {
	background-position: 0px 0px;
}
li#tab5 {
	width: 104px;
	background: transparent url('/images/nav/contact_off.gif') top left no-repeat !important;
}
li#tab5 a {
  width: 104px;
  background: transparent url(/images/nav/contact_on.gif) -200px -200px no-repeat;
}
li#tab5.on a, li#tab5 a:hover {
	background-position: 0px 0px;
}

#navlist li.off:hover ul,
#navlist li.on:hover ul,
#navlist li.over ul,
li#tab1:hover ul,
li#tab2:hover ul,
li#tab3:hover ul,
li#tab4:hover ul,
li#tab5:hover ul {
  display: block !important;
  z-index: 6000;
}
#navlist li li {
	float: none;
	margin: 4px 0px;
	padding: 0;
	font-size: 110% !important;
	line-height: 1.2em;
}

li#tab1 li a,
li#tab2 li a,
li#tab3 li a,
li#tab4 li a,
li#tab5 li a {
	float: none;
	display: block;
	margin: 0px;
	padding: 4px 4px 4px 8px;
  width: 126px;
  \width: 138px;
  w\idth: 126px;
	background-image: none;
	text-align: left;
}

#navlist li li a.currentpage, #navlist li li a:hover {
  text-decoration: underline;
  background-color: #3399FF; /* #000066; */
}