@charset "utf-8";
/* CSS Document */

	#topNav {
		margin: 0;
		padding: 0;
	}
	#topNav li {
		list-style: none;
		height: 36px;
		float: left;
		position: relative;
	}
	#topNav li a {
		height: 36px;
		display: block;
	}
	
	#fenceNav {
		margin: 0;
		padding: 0;
	}
	#fenceNav li {
		list-style: none;
		height: 71px;
		float: left;
		position: relative;
	}
	#fenceNav li a {
		height: 71px;
		display: block;
	}
	
	/* buttons
	------------------------------------------*/
	a#home {
	width: 300px;
	height: 36px;
	background-image: url(media/buttons_02.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	a#about {
	width: 300px;
	height: 36px;
	background-image: url(media/buttons_03.gif);	
	background-repeat: no-repeat;
	background-position: center top;
	}
	a#services {
	width: 300px;
	height: 36px;
	background-image: url(media/buttons_04.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	a#referrals {
	width: 300px;
	height: 36px;
	background-image: url(media/buttons_05.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	a#contact {
	width: 300px;
	height: 36px;
	background-image: url(media/buttons_06.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}
	a#painter {
	width: 300px;
	height: 71px;
	background-image: url(media/buttons_07.gif);
	background-repeat: no-repeat;
	background-position: center top;
	}

	

		
	a#home:hover, 
	a#about:hover, 
	a#services:hover, 
	a#referrals:hover, 
	a#contact:hover { background-position: center -36px; background-repeat: no-repeat;}
	a#painter:hover { background-position: center -66px; background-repeat: no-repeat;}