/*

 css for loveanimals.biz - site design by Martin Cutting

 
*/

html {
	overflow-y: scroll;
}

	body {
		color: #000;

		background: #f2cd91;
		margin: 0px;
		padding: 0px;
		text-align: center;
		font-family:Tahoma, Geneva, sans-serif;
		font-size: 100%;
		min-width: 760px;
		}


	p	{font-size: 0.875em;}
	h1	{font-size:2em;}
	h2	{font-size:1.75em;}
	h3	{font-size:1.125em;}



/* The following has been modified to test placement of the navigation buttons */


	

.nav {
	
	width: 532px;
	
	height: 63px;
	
	background: url(nav.gif) no-repeat;
		position: absolute;
	
	top: 57px;
		margin: 0 auto;
		
}


	.nav li {
		display: inline;
		
}

	.nav li a:link, .nav li a:visited {
		position: absolute;
	
	top: 0;
	height: 63px;
		text-indent: -9000px;
		overflow: hidden;
	
	z-index: 10;
		
}

/* End of general settings, start of specific settings for each button */


	.nav .home a:link, .nav .home a:visited {
		left: 0px;
		width: 60px;
	
	}

	.nav .home a:hover, .nav .home a:focus {
		
background: url(nav.gif) no-repeat 0px -64px;
		}

	.nav .home a:active {
		background: url(nav.gif) no-repeat 0px -128px;
		}


	.current-home .home a:link, .current-home .home a:visited {
		background: url(nav.gif) no-repeat 0px -192px;
		cursor: default;
		}

/* The following style is for positioning the effect on mouseover of the home link ...the first figure listed after "no-repeat" adjusts the image position left to right, the second adjusts the image position up and down */

	.nav-home, .nav-home-click {
		position: absolute;

		top: 0;
		left: 0px;
		width: 60px;
		height: 63px;

		background: url(nav.gif) no-repeat 0px -64px;
		}

	.nav-home-click {
		
background: url(nav.gif) no-repeat 0px -128px;
		}





	.nav .equine a:link, .nav .equine a:visited {
		left: 60px;

		width: 79px;
		}

	.nav .equine a:hover, .nav .equine a:focus {
		background: url(nav.gif) no-repeat -60px -64px;
		}

	.nav .equine a:active {
		background: url(nav.gif) no-repeat -60px -128px;
		}


	.current-equine .equine a:link, .current-equine .equine a:visited {
		background: url(nav.gif) no-repeat -60px -192px;
		cursor: default;
	
	}

	.nav-equine, .nav-equine-click {
		position: absolute;
		top: 0;

		left: 60px;

		width: 79px;

		height: 63px;

		background: url(nav.gif) no-repeat -60px -64px;
		}


	.nav-equine-click {
		background: url(nav.gif) no-repeat -60px -128px;
	
	}


	.nav .canine a:link, .nav .canine a:visited {
		left: 139px;

		width: 79px;
		}


	.nav .canine a:hover, .nav .canine a:focus {
		background: url(nav.gif) no-repeat -139px -64px;
		}

	.nav .canine a:active {

		background: url(nav.gif) no-repeat -139px -128px;
		}


	.current-canine .canine a:link, .current-canine .canine a:visited {

		background: url(nav.gif) no-repeat -139px -192px;
		cursor: default;
	
	}


	.nav-canine, .nav-canine-click {
		position: absolute;

		top: 0;
		left: 139px;

		width: 79px;
		height: 63px;

		background: url(nav.gif) no-repeat -139px -64px;
	
	}


	.nav-canine-click {

		background: url(nav.gif) no-repeat -139px -128px;
	
	}

	.nav .other a:link, .nav .other a:visited {
		left: 218px;

		width: 86px;
		}


	.nav .other a:hover, .nav .other a:focus {
		background: url(nav.gif) no-repeat -218px -64px;
		}

	.nav .other a:active {

		background: url(nav.gif) no-repeat -218px -128px;
		}


	.current-other .other a:link, .current-other .other a:visited {

		background: url(nav.gif) no-repeat -218px -192px;
		cursor: default;
	
	}


	.nav-other, .nav-other-click {
		position: absolute;

		top: 0;
		left: 218px;

		width: 86px;
		height: 63px;

		background: url(nav.gif) no-repeat -218px -64px;
	
	}


	.nav-other-click {

		background: url(nav.gif) no-repeat -218px -128px;
	
	}

	.nav .test a:link, .nav .test a:visited {
		left: 304px;

		width: 106px;
		}


	.nav .test a:hover, .nav .test a:focus {
		background: url(nav.gif) no-repeat -304px -64px;
		}

	.nav .test a:active {

		background: url(nav.gif) no-repeat -304px -128px;
		}


	.current-test .test a:link, .current-test .test a:visited {

		background: url(nav.gif) no-repeat -304px -192px;
		cursor: default;
	
	}


	.nav-test, .nav-test-click {
		position: absolute;

		top: 0;
		left: 304px;

		width: 106px;
		height: 63px;

		background: url(nav.gif) no-repeat -304px -64px;
	
	}


	.nav-test-click {

		background: url(nav.gif) no-repeat -304px -128px;
	
	}

	.nav .links a:link, .nav .links a:visited {
		left: 410px;

		width: 54px;
		}


	.nav .links a:hover, .nav .links a:focus {
		background: url(nav.gif) no-repeat -410px -64px;
		}

	.nav .links a:active {

		background: url(nav.gif) no-repeat -410px -128px;
		}


	.current-links .links a:link, .current-links .links a:visited {

		background: url(nav.gif) no-repeat -410px -192px;
		cursor: default;
	
	}


	.nav-links, .nav-links-click {
		position: absolute;

		top: 0;
		left: 410px;

		width: 54px;
		height: 63px;

		background: url(nav.gif) no-repeat -410px -64px;
	
	}


	.nav-links-click {

		background: url(nav.gif) no-repeat -410px -128px;
	
	}

	.nav .gallery a:link, .nav .gallery a:visited {
		left: 464px;

		width: 68px;
		}


	.nav .gallery a:hover, .nav .gallery a:focus {
		background: url(nav.gif) no-repeat -464px -64px;
		}

	.nav .gallery a:active {

		background: url(nav.gif) no-repeat -464px -128px;
		}


	.current-gallery .gallery a:link, .current-gallery .gallery a:visited {

		background: url(nav.gif) no-repeat -464px -192px;
		cursor: default;
	
	}


	.nav-gallery, .nav-gallery-click {
		position: absolute;

		top: 0;
		left: 464px;

		width: 68px;
		height: 63px;

		background: url(nav.gif) no-repeat -464px -64px;
	
	}


	.nav-gallery-click {

		background: url(nav.gif) no-repeat -464px -128px;
	
	}


/* End of navigation style */


	#topbar	{
		z-index: 4;
		top: 0px;
		width: 100%;
		height: 120px;
		background: url(images/topbar.jpg);
		}

	#menubg	{
		z-index: 5;
		top: 0px;
		width: 760px;
		text-align: right;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		background: transparent;
		}

	#menu	{
		z-index: 10;
		width: 760px;
		text-align: left;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0px;
		background: #f2cd91;
		}

	#main	{
		z-index: -10;
		width: 760px;
		max-width: 760px;
		height: 100%;
		max-height: 100%;
		wrapping: no-wrap;
		margin-left: auto;
		margin-right: auto;
		padding-top: 20px;
		padding-bottom: 5px;
		background: #f2cd91;
		}

	#cont	{
		float: left;
		display: block;
		width: 740px;
		text-align: left;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		}

	#divi	{
		float: left;
		display: block;
		width: 755px;
		height: 20px;
		background-color: #f2cd91;
		}

	/* --- Div Classes For Links --- */

div.links {
	float: top;
	margin: 0px;
	color: #000000;
	text-decoration: none;
	}

div.links a {
	color: #000000;
	text-decoration: none;
	}

div.links a:hover {
	color: #b58653;
	text-decoration: none;
	}