/* CSS Document */

div.navcontainer {
	position:relative;
	left:284px;
	top:160px;
	width:438px;
	height:40px;
	display: block;
	margin:0;
	padding:0;
	
}

/* HOME NAV */

#nav-home {
background:url(images/nav1.png) no-repeat;
left:284px;
top:160px;
width:438px;
height:40px;
margin:0;
padding:0;
}

#nav-home span {
display: none;
}

#nav-home li, #nav-home a {
height:40px;
display:block;
}

#nav-home li {
float:left;
list-style:none;
display:inline;
}

#nav-home-01 {
width: 86px;
}
#nav-home-02 {width: 88px;}
#nav-home-03 {width: 88px;}
#nav-home-04 {width: 88px;}
#nav-home-05 {width: 88px;}

#nav-home-01 a:hover {background:url(images/nav1.png) 0px -40px no-repeat; }
#nav-home-02 a:hover {background:url(images/nav1.png) -86px -40px no-repeat; }
#nav-home-03 a:hover {background:url(images/nav1.png) -174px -40px no-repeat; }
#nav-home-04 a:hover {background:url(images/nav1.png) -262px -40px no-repeat; }
#nav-home-05 a:hover {background:url(images/nav1.png) -350px -40px no-repeat; }

/* ABOUT NAV */

#nav-about {
background:url(images/nav2.png) no-repeat;
left:284px;
top:160px;
width:438px;
height:40px;
margin:0;
padding:0;
}

#nav-about span {
display: none;
}

#nav-about li, #nav-about a {
height:40px;
display:block;
}

#nav-about li {
float:left;
list-style:none;
display:inline;
}

#nav-about-01 {
width: 86px;
}
#nav-about-02 {width: 88px;}
#nav-about-03 {width: 88px;}
#nav-about-04 {width: 88px;}
#nav-about-05 {width: 88px;}

#nav-about-01 a:hover {background:url(images/nav2.png) 0px -40px no-repeat; }
#nav-about-02 a:hover {background:url(images/nav2.png) -86px -40px no-repeat; }
#nav-about-03 a:hover {background:url(images/nav2.png) -174px -40px no-repeat; }
#nav-about-04 a:hover {background:url(images/nav2.png) -262px -40px no-repeat; }
#nav-about-05 a:hover {background:url(images/nav2.png) -350px -40px no-repeat; }


/* MENUS NAV */

#nav-menu {
background:url(images/nav3.png) no-repeat;
left:284px;
top:160px;
width:438px;
height:40px;
margin:0;
padding:0;
}

#nav-menu span {
display: none;
}

#nav-menu li, #nav-menu a {
height:40px;
display:block;
}

#nav-menu li {
float:left;
list-style:none;
display:inline;
}

#nav-menu-01 {
width: 86px;
}
#nav-menu-02 {width: 88px;}
#nav-menu-03 {width: 88px;}
#nav-menu-04 {width: 88px;}
#nav-menu-05 {width: 88px;}

#nav-menu-01 a:hover {background:url(images/nav3.png) 0px -40px no-repeat; }
#nav-menu-02 a:hover {background:url(images/nav3.png) -86px -40px no-repeat; }
#nav-menu-03 a:hover {background:url(images/nav3.png) -174px -40px no-repeat; }
#nav-menu-04 a:hover {background:url(images/nav3.png) -262px -40px no-repeat; }
#nav-menu-05 a:hover {background:url(images/nav3.png) -350px -40px no-repeat; }

/* GALLERY NAV */

#nav-gallery {
background:url(images/nav4.png) no-repeat;
left:284px;
top:160px;
width:438px;
height:40px;
margin:0;
padding:0;
}

#nav-gallery span {
display: none;
}

#nav-gallery li, #nav-gallery a {
height:40px;
display:block;
}

#nav-gallery li {
float:left;
list-style:none;
display:inline;
}

#nav-gallery-01 {
width: 86px;
}
#nav-gallery-02 {width: 88px;}
#nav-gallery-03 {width: 88px;}
#nav-gallery-04 {width: 88px;}
#nav-gallery-05 {width: 88px;}

#nav-gallery-01 a:hover {background:url(images/nav4.png) 0px -40px no-repeat; }
#nav-gallery-02 a:hover {background:url(images/nav4.png) -86px -40px no-repeat; }
#nav-gallery-03 a:hover {background:url(images/nav4.png) -174px -40px no-repeat; }
#nav-gallery-04 a:hover {background:url(images/nav4.png) -262px -40px no-repeat; }
#nav-gallery-05 a:hover {background:url(images/nav4.png) -350px -40px no-repeat; }

/* CONTACT NAV */

#nav-contact {
background:url(images/nav5.png) no-repeat;
left:284px;
top:160px;
width:438px;
height:40px;
margin:0;
padding:0;
}

#nav-contact span {
display: none;
}

#nav-contact li, #nav-contact a {
height:40px;
display:block;
}

#nav-contact li {
float:left;
list-style:none;
display:inline;
}

#nav-contact-01 {
width: 86px;
}
#nav-contact-02 {width: 88px;}
#nav-contact-03 {width: 88px;}
#nav-contact-04 {width: 88px;}
#nav-contact-05 {width: 88px;}

#nav-contact-01 a:hover {background:url(images/nav5.png) 0px -40px no-repeat; }
#nav-contact-02 a:hover {background:url(images/nav5.png) -86px -40px no-repeat; }
#nav-contact-03 a:hover {background:url(images/nav5.png) -174px -40px no-repeat; }
#nav-contact-04 a:hover {background:url(images/nav5.png) -262px -40px no-repeat; }
#nav-contact-05 a:hover {background:url(images/nav5.png) -350px -40px no-repeat; }