/* 
#######################################
# Navigation Stylesheet               #
# Date: 20.01.2005                    #
#######################################
*/



/*############################################ SubNav  *********** */

div#subnav {
	height: 25px;
	padding-left:180px;
	padding-top:60px;
	}
	
div#subnav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
	font-family: arial;
	height: 25px;
	font-size: 0px;
	}

div#subnav ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
	}

div#subnav ul li a {
	text-decoration: none;
	padding: 0px 0px 29px 0px;
	margin: 0px;
	}

div#subnav ul li a#home {
	padding-left: 50px;
	width: 50px;
	background: url(../sitepix/nav/home.gif) top left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
div#subnav ul li a#about {
	padding-left: 70px;
	width: 70px;
	background: url(../sitepix/nav/about.gif) top left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
div#subnav ul li a#design {
	padding-left: 130px;
	width: 130px;
	background: url(../sitepix/nav/design.gif) top left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
div#subnav ul li a#doors {
	padding-left: 125px;
	width: 125px;
	background: url(../sitepix/nav/doors.gif) top left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}
div#subnav ul li a#contact {
	padding-left: 70px;
	width: 70px;
	background: url(../sitepix/nav/contact.gif) top left;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	}


div#subnav a#home:hover, div#subnav a#about:hover, div#subnav a#design:hover, div#subnav a#doors:hover, div#subnav a#contact:hover {
	background-position: 0px -25px;
	}
	
div#subnav a#home.active, div#subnav a#about.active, div#subnav a#design.active, div#subnav a#doors.active, div#subnav a#contact.active {
	background-position: 0px -50px;
	}


/*############################################ End ***********