/*

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

*/


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

	@import url("resets.css");


			
	/* =Shadow Nav
	-------------------------------------------------------------------------- */
#nav-shadow {
			margin: 0 auto 0px auto;
			width: 100%;
			min-height: 250px;
			text-align: center;
			list-style: none;
			
			}
			#nav-shadow li {
			margin-right: 15px;
			width: 122px;
			height: 115px;
			position: relative;
			float: left;
		
			}
			#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 122px;
			height: 220px;
			text-indent: -9999px;
			overflow: hidden;
			display: block;
			position: relative;
			z-index: 2;
			}
			
			/* Button Colors */
		#nav-shadow li.button-color-1 a {
		background:url(/images/imgt.png) no-repeat top;
		width: 123px;
			height: 196px;/*102*/
			overflow: hidden;
			}
			
				#nav-shadow li.button-color-2 a {
		background:url(/images/imgt2.png) no-repeat top;
		width: 123px;
		height: 196px;
		overflow: hidden;
			}
		
		#nav-shadow li.button-color-3 a {
			
			background:url(/images/imgt3.png) no-repeat top;
			width: 122px;
			height: 196px;
			}
			
				#nav-shadow li.button-color-4 a {
		background: url(/images/imgt4.png) no-repeat top;
		width: 123px;
			height: 196px;
			overflow: hidden;
			}
	
			
		
			
		#nav-shadow li.button-color-5 a {
		background:url(/images/imgt5.png) no-repeat top;
		width: 123px;
			height: 196px;
			overflow: hidden;
			}
			
			/*#nav-shadow li.button-color-6 a {
		background: url(/images/logo_pharmagen.png) no-repeat top;
		width: 123px;
			height: 195px;
			overflow: hidden;
			}*/
			
		
			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}