/*

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

*/


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




/* =Base Structure
============================================================================== */

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


			
	/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		#nav-shadow {
			margin: 0 auto 50px auto;
			padding: 0px 0 0 180px;
			width: 470px;
			min-height: 131px;
			text-align: center;
			background: url(../img/page-shadow.png) center 45px no-repeat;
			list-style: none;
			}
			
		#nav-shadow li {
			margin-right: 0px;
			width: 285px;
			height: 131px;
			position: relative;
			float: left;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 285px;
			height: 131px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../img/log.png) no-repeat;
			display: block;
			position: relative;
			z-index: 2000;
			}
			

		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}