/*

Screen Stylesheet for jQuery Realistic Hover Effect
Created by Adrian Pelletier
http://www.adrianpelletier.com

*/


/* =Imports
============================================================================== */

	@import url("/eyecathers/resets.css");


	
/* =Navigation
============================================================================== */

				
	/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		#nav-shadow {
			margin: 0px 0px 10px 0px;
			padding: 0px;
			width: 980px;
			min-height: 182px;
			text-align: center;
			list-style: none;
			text-align:center;
			}
			
		#nav-shadow li {
			margin-right: 0px;
			width: 180px;
			height: 186px;
			position: relative;
			float: left;
			text-align:center;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 180px;
			height: 171px;
			text-indent: -9999px;
			overflow: hidden;		
			display: block;
			position: relative;
			z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
			background: url(../images/bloemenbranche.png) no-repeat;
			}
		#nav-shadow li.button-color-1 a:hover {
			background: url(../images/bloemenbranche2.png) no-repeat;
			}
		#nav-shadow li.button-color-1_2 a {
			background: url(../images/bloemenbranche2.png) no-repeat;
			}
		#nav-shadow li.button-color-1_2 a:hover {
			background: url(../images/bloemenbranche2.png) no-repeat;
			}
		
			
		#nav-shadow li.button-color-2 a {
			background: url(../images/bouwsector.png) no-repeat;
			}
		#nav-shadow li.button-color-2 a:hover {
			background: url(../images/bouwsector2.png) no-repeat;
			}
		#nav-shadow li.button-color-2_2 a {
			background: url(../images/bouwsector2.png) no-repeat;
			}
		#nav-shadow li.button-color-2_2 a:hover {
			background: url(../images/bouwsector2.png) no-repeat;
			}
			
			
			
		#nav-shadow li.button-color-3 a {
			background: url(../images/overigebranches.png) no-repeat;
			}
		#nav-shadow li.button-color-3 a:hover {
			background: url(../images/overigebranches2.png) no-repeat;
			}
		#nav-shadow li.button-color-3_2 a {
			background: url(../images/overigebranches2.png) no-repeat;
			}
		#nav-shadow li.button-color-3_2 a:hover {
			background: url(../images/overigebranches2.png) no-repeat;
			}
				
			
		
		#nav-shadow li.button-color-4 a {
			background: url(../images/webshops.png) no-repeat;
			}
		#nav-shadow li.button-color-4 a:hover {
			background: url(../images/webshops2.png) no-repeat;
			}
		#nav-shadow li.button-color-4_2 a {
			background: url(../images/webshops2.png) no-repeat;
			}
		#nav-shadow li.button-color-4_2 a:hover {
			background: url(../images/webshops2.png) no-repeat;
			}
			
			
			#nav-shadow li.button-color-5 a {
			background: url(../images/seo.png) no-repeat;
			}
		#nav-shadow li.button-color-5 a:hover {
			background: url(../images/seo2.png) no-repeat;
			}
		#nav-shadow li.button-color-5_2 a {
			background: url(../images/seo2.png) no-repeat;
			}
		#nav-shadow li.button-color-5_2 a:hover {
			background: url(../images/seo2.png) no-repeat;
			}
			
			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 7px;
			left: 0;
			z-index: 1;
			}