/*

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

*/


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

	@import url("resets.css");


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

	/* =Shadow Nav
	-------------------------------------------------------------------------- */
		
		#nav-shadow {/*
			margin: 0 auto 50px auto;
			padding: 50px 0 0 127px; 
			width: 497px;
			min-height: 130px;
			text-align: center;*/
			list-style: none;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			display: block;
			float: left;
			width: 33%;
			text-align: center;
			padding: 0px;
			margin: 0 auto;
			height: 125px;
			padding-top: 110px;
			line-height: 15px;
			overflow: hidden;
			display: block;
			position: relative;
			z-index: 2;
			color: white;
			text-decoration: none;
			font-weight: bold;
			font-size: 9pt
			}
			
		/* Button Colors */
		
		#web {
			background: url('../web.png') no-repeat top center;
		}
		#photo {
			background: url('../photo.png') no-repeat top center;
		}
		#code {
			background: url('../code.png') no-repeat top center;
		}
		#ui {
			background: url('../ui.png') no-repeat top center;
		}
			
		/* Button Shadow */