/* CSS for Graeters.com main navigation menu */
#topNav {
	width: 760px; 
	height:150px;
	background: url(../images/header.gif);
	margin:0 auto;
	padding:0;
	position:relative;
}
#topNav li {
	margin:0;
	padding:0;
	list-style: none;
	position:absolute;
	display:block;
}

#topNav a {display:block;}

#online,#neigh,#about,#contact {height: 123px;top: 0;}
#home{top:0; left:0; width:290px; height:150px;}
#online {left: 300px;  width: 90px;}
#neigh {left:415px; width:110px;}
#about {left:550px; width:110px;}
#contact {left:685px; width:60px;}

#online a,#neigh a,#about a,#contact a {height:120px;}
#home a{height:150px;}

#home a:hover{background: transparent url(../images/header.gif) 0 -150px no-repeat;}
#online a:hover, #online a.thisSection{background: transparent url(../images/header.gif) -300px -150px no-repeat;}
#neigh a:hover, #neigh a.thisSection{background: transparent url(../images/header.gif) -415px -150px no-repeat;}
#about a:hover, #about a.thisSection{background: transparent url(../images/header.gif) -550px -150px no-repeat;}
#contact a:hover, #contact a.thisSection{background: transparent url(../images/header.gif) -685px -150px no-repeat;}