/*

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

*/


	/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		#nav-shadow {
/*			margin: 0 auto 50px auto;
			padding: 50px 0 0 127px;
			width: 497px;*/
/*			min-height: 130px;
			text-align: center;*/
/*			background: url(../images/page-shadow.jpg) top center no-repeat;
			list-style: none;
*/			}
			
		#nav-shadow li {
/*			margin-right: 15px;
*/			/*width: 81px;  width of a shadow image */
			/*height: 72px;  [icon height(59) + shadow height(27)] - half of shadow height overlay(14) = 72 */
			width: 44px;
			height: 39px;
			position: relative;
			float: left;
/*			border: solid 1px;
*/			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 32px; /* actual icon width */
			height: 32px; /* actual icon height */
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/icons.png) no-repeat;
			display: block;
			position: relative;
			z-index: 2;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
			background-position: -3px -3px; /* move to top, left edge for the first icon */
			}
			
		#nav-shadow li.button-color-2 a {
			background-position: -92px -3px; /* move to top, left edge for the second icon */
			}
			
		#nav-shadow li.button-color-3 a {
			background-position: -181px -3px; /* move to top, left edge for the third icon */
			}
			
		#nav-shadow li.button-color-4 a {
			background-position: -270px -3px; /* move to top, left edge for the fourth icon */
			}
			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}