/*

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

*/


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

	@import url("resets.css");

	#content {
	width: 1098px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
		}
		
	h1 {
		font-size: 20px;
		color: #7f2d2d;
		text-align: center;
		}
		
	p {
		text-align: center;
		}

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

	/* =Reflection Nav
	-------------------------------------------------------------------------- */
		
		#nav-reflection {
	width: 1098px;
	min-height: 130px;
	list-style: none;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 50px;
	position: absolute;
	top: 0px;
			}
			
		#nav-reflection li {
	width: 183px;
	float: left;
	height: 50px;
			}
			
		#nav-reflection a, #nav-reflection a:visited, #nav-reflection a:hover {
	width: 183px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
			}
			
		#nav-reflection span {
	width: 183px;
	height: 50px;
	text-align: center;
	display: block;
			}
			
		/* Button Colors */
		
		#nav-reflection li.button-color-1 a {

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

			}
			
		#nav-reflection li.button-color-3 a {
	background-position: -183px;
			}
			
		#nav-reflection li.button-color-4 a {
	background-position: -366px;
			}
		#nav-reflection li.button-color-5 a {
	background-position: -549px;
            }
	    #nav-reflection li.button-color-6 a {
	background-position: -732px;
            }
        #nav-reflection li.button-color-7 a {
	background-position: -915px;
            }		
		/* 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;
			}
		#nav-reflection li.button-color-5 span {
	        background-position: -356px 0;
            }
        #nav-reflection li.button-color-6 span {
	        background-position: -445px 0;
           }
        #nav-reflection li.button-color-7 span {
	        background-position: -534px 0;
           }	
			
　　　　
	/* =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;
	background-repeat: no-repeat;
	background-position: center top;
			}
			
		#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 {
	width: 183px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 2;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../images/icons-shadow.png);
	background-repeat: no-repeat;
			}
			
		/* Button Colors */
		
		#nav-shadow li.button-color-1 a {
	background-position: -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;
			}
		#nav-shadow li.button-color-5 a {
	background-position: -356px 0;
　　　　　　}
　　　　#nav-shadow li.button-color-6 a {
	background-position: -445px 0x;
　　　　　　}
　　　　#nav-shadow li.button-color-7 a {
	background-position: -534px 0;
            }
		/* Button Shadow */
		
		#nav-shadow li img.shadow {
			margin: 0 auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			}