/*

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

*/


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

	@import url("resets.css");


/* =Base Structure
============================================================================== */
	
	body {
		font: 12px/1.5 Georgia, Palatino, "Palatino Linotype", serif;
		background: #eaf5ff;
		color: #555;
		}

	#content {
		width: 800px;
		margin: 80px auto;
		}
		
	h1 {
		font-size: 20px;
		color: #7f2d2d;
		text-align: center;
		}
		
	p
{
	color: #7f2d2d;
	text-align: center;
	font-size: 36px;
	clear: none;
	float: none;
	font-family: Arial , Courier, monospace;
	font-weight: bold;
}
.p1
{
	font-size: 18px;
	margin-top:18px;
}
/* =Navigation
============================================================================== */

	/* =Reflection Nav
	-------------------------------------------------------------------------- */
		
		#nav-reflection
{
	
	margin: 50px auto 50px auto;
	padding: 50px 0 0 150px;
	width: 500px;
	min-height: 130px;
	height: 130px;
	background: url(../images/page-shadow.jpg) top center no-repeat;
	list-style: none;
	clear: none;
}
			
		#nav-reflection li {
			margin-right:10px;
			width: 106px;
			float: left;
			}
			
		#nav-reflection a
{
	
	width: 106px;
	height: 59px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/icons.gif) no-repeat;
	display: block;
}
			
		#nav-reflection span
{
	
	margin-top: 1px;
	width: 106px;
	height: 34px;
	text-align: center;
	background: url(../images/icons-reflections.jpg) no-repeat;
	display: block;
	clear: none;
	overflow: hidden;
}
			
		/* Button Colors */
		
		#nav-reflection li.button-color-1 a {
			background-position: -3px -3px;
			
			}
			
		#nav-reflection li.button-color-2 a
{	
	background-position:-106px -3px;
background-position: center center;
margin: 0;
padding: 0;

	
}
			
		#nav-reflection li.button-color-3 a
{
	background-position: -216px -3px;
}
			
		#nav-reflection li.button-color-4 a {
			background-position: -278px -3px;
			}
			
		/* Button Reflection Color */
		
		#nav-reflection li.button-color-1 span {
			background-position: 0 0;
			}
			
		#nav-reflection li.button-color-2 span {
			background-position: -106px 0;
			}
			
		#nav-reflection li.button-color-3 span {
			background-position: -216px 0;
			}
			
		#nav-reflection li.button-color-4 span {
			background-position: -267px 0;
			}
			
			
	/* =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;
			height: 72px;
			position: relative;
			float: left;
			}
			
		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {
			margin: 0 auto;
			width: 59px;
			height: 59px;
			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;
			}
			
		#nav-shadow li.button-color-2 a {
			background-position: -92px -3px;
			}
			
		#nav-shadow li.button-color-3 a {
			background-position: -181px -3px;
			}
			
		#nav-shadow li.button-color-4 a {
			background-position: -270px -3px;
			}
			
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}
			img, div, input ,span,a,ul,li { behavior: url("iepngfix.htc") }