body {
	padding: 0;
	margin: 0;
	height: 100%;
	background-image: url(cssimages/bg.gif);
	background-repeat: repeat-x;
	font-family: "Lucida Grande","Lucida Sans Unicode",verdana,sans-serif;
	font-size: 8pt;
	color: #ccc;
}

#navwrapper {
	margin-top: 10px;
	height: 50px;
	width: 750px;
}

#mainvine {
	margin-top: 20px;
	background-image: url(cssimages/mainvine.png);
	background-repeat: no-repeat;
	width: 750px;
	height: 500px;
}

#main_nav { list-style: none; margin: 0; padding: 0; }
#main_nav li { float: left; }
#main_nav li a { text-indent: -999999px; overflow: hidden; display: block; height: 50px; } 

#home { background: url(cssimages/navhome.png); width: 150px; }
#home:hover { background: url(cssimages/navhome.png) -150px 0 !important; }
#home.active { background: url(cssimages/navhome.png) -300px 0; }

#journal { background: url(cssimages/navjournal.png); width: 150px; }
#journal:hover { background: url(cssimages/navjournal.png) -150px 0 !important; }
#journal.active { background: url(cssimages/navjournal.png) -300px 0; }

#gallery { background: url(cssimages/navgallery.png); width: 150px; }
#gallery:hover { background: url(cssimages/navgallery.png) -150px 0 !important; }
#gallery.active { background: url(cssimages/navgallery.png) -150px 0; }

#neilkris { background: url(cssimages/navnk.png); width: 150px; }
#neilkris:hover { background: url(cssimages/navnk.png) -150px 0 !important; }
#neilkris.active { background: url(cssimages/navnk.png) -150px 0; }

#contact { background: url(cssimages/navcontact.png); width: 150px; }
#contact:hover { background: url(cssimages/navcontact.png) -150px 0 !important; }
#contact.active { background: url(cssimages/navcontact.png) -150px 0; }

#main_nav:hover li a#home { background-position: -300px; }
#main_nav:hover li a#journal { background-position: -300px; }
#main_nav:hover li a#gallery { background-position: -300px; }
#main_nav:hover li a#neilkris { background-position: -300px; }
#main_nav:hover li a#contact { background-position: -300px; }