/*



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: #fff url(../images/bg_body.gif) repeat-x left top;

		color: #555;

		

		}



	#content {

		width: 1000px;

		height:550px;

		margin: 0 auto;

		background:url(../images/bg_Splash.jpg) no-repeat left top;

		position:relative;

		}

		

	h1 {

		font-size: 20px;

		color: #7f2d2d;

		text-align: left;

		position:absolute; left:440px; top:50px;

		}

		

	p {

		text-align: center;

		}



/* =Navigation

============================================================================== */



	/* =Reflection Nav

	-------------------------------------------------------------------------- */

		

		#nav-reflection {

			margin: 0 auto 50px auto;

			padding: 50px 0 0 0;

			width: 452px;

			min-height: 130px;

			background: url( ../images/page-shadow.jpg) top center no-repeat;

			list-style: none;

			}

			

		#nav-reflection li {

			margin-right: 15px;

			width: 59px;

			float: left;

			}

			

		#nav-reflection a, #nav-reflection a:visited, #nav-reflection a:hover {

			width: 59px;

			height: 59px;

			text-indent: -9999px;

			overflow: hidden;

			background: url(../images/icons.png) no-repeat;

			display: block;

			}

			

		#nav-reflection span {

			margin-top: 1px;

			width: 59px;

			height: 34px;

			text-align: center;

			

			display: block;

			}

			

		/* Button Colors */

		

		#nav-reflection li.button-color-1 a {

			background: url(../images/btn_01.png) no-repeat left top;

			

			}

			

		#nav-reflection li.button-color-2 a {

			background: url(../images/btn_02.png) no-repeat left top;

			}

			

		#nav-reflection li.button-color-3 a {

			background: url(../images/btn_03.png) no-repeat left top;

			}

			

		#nav-reflection li.button-color-4 a {

			background: url(../images/btn_04.png) no-repeat left top;

			}

			

		/* Button Reflection Color */

		

		#nav-reflection li.button-color-1 span {

			background-position: 0 0;

			}

			

		#nav-reflection li.button-color-2 span {

			background-position: -89px 0;

			}

			

		#nav-reflection li.button-color-3 span {

			background-position: -178px 0;

			}

			

		#nav-reflection li.button-color-4 span {

			background-position: -267px 0;

			}

			

			

	/* =Shadow Nav

	-------------------------------------------------------------------------- */

		

		#nav-shadow {

			margin: 0 auto 50px auto;

			padding: 0 0 0 0;

			width: 650px;

			min-height: 130px;

			text-align: center;

			background: none;

			list-style: none;

			position:absolute;

			left: 430px; top:400px;

			}

			

		#nav-shadow li {

			margin-right: 15px;

			width: 130px;

			height: 130px;

			position: relative;

			float: left;

			}

			

		#nav-shadow a, #nav-shadow a:visited, #nav-shadow a, #nav-shadow a:hover {

			margin: 0 auto;

			width: 110px;

			height: 110px;

			text-indent: -9999px;

			overflow: hidden;

			

			display: block;

			position: relative;

			z-index: 2;

			}

			

		/* Button Colors */

		

		#nav-shadow li.button-color-1 a {

			background: url(../images/btn_01.png) no-repeat left top;

			}

			

		#nav-shadow li.button-color-2 a {

			background: url(../images/btn_02.png) no-repeat left top;

			}

			

		#nav-shadow li.button-color-3 a {

			background: url(../images/btn_03.png) no-repeat left top;

			}

			

		#nav-shadow li.button-color-4 a {

			background: url(../images/btn_04.png) no-repeat left top;

			}

			

		/* Button Shadow */

		

		#nav-shadow li img.shadow {

			margin: 0 auto;

			position: absolute;

			bottom: 0;

			left: 0;

			z-index: 1;

			}