/*

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

*/


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

	@import url("resets.css");


/* =Base Structure
============================================================================== */
	
	body {
	line-height: 1.5;
	font-size: 12px;
		
		
		}

	#content {
	width: 750px;
	margin: 0px auto;
	height: auto;
		}
		
	h1 {
		font-size: 20px;
		color: #7f2d2d;
		text-align: center;
		}
		
	p {
		text-align: center;
		}

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

	/* =Reflection Nav
	-------------------------------------------------------------------------- */
		
		#nav-reflection {
	margin: 30 0 0;
	padding: 0px;
	width: 480px;
	min-height: 30px;
	
	list-style: none;
	height: 60px;
	float: right;
	
			}
			
		#nav-reflection li {
			margin-right: 0px;
			width: 60px;
			float: left;
			}
			
		#nav-reflection a {
			height: 60px;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/icons.jpg) no-repeat;
			display: block;
			}
			
		
		/* Button Colors */
		
		#nav-reflection li.button-color-1 a {
			background-position: 0px 0px;
			}
			
		#nav-reflection li.button-color-2 a {
			background-position: -60px 0px;
			}
			
		#nav-reflection li.button-color-3 a {
			background-position: -120px 0px;
			}
			
		#nav-reflection li.button-color-4 a {
			background-position: -180px 0px;
			}
			
		#nav-reflection li.button-color-5 a {
			background-position: -240px 0px;
			}
		
	     #nav-reflection li.button-color-6 a {
			background-position: -300px 0px;
			}
		
		 #nav-reflection li.button-color-7 a {
			background-position: -360px 0px;
			}
		
		#nav-reflection li.button-color-8 a {
			background-position: -420px 0px;
			}
		
		
		/* Button Reflection Color */
		
		#nav-reflection li.button-color-1 a:hover {
			background-position: 0 0;
			}
			
		#nav-reflection li.button-color-2 a:hover {
			background-position: -60px 0;
			}
			
		#nav-reflection li.button-color-3 a:hover {
			background-position: -120px 0;
			}
			
		#nav-reflection li.button-color-4 a:hover {
			background-position: -180px 0;
			}
		#nav-reflection li.button-color-5 a:hover {
			background-position: -240px 0;
			}
			
		#nav-reflection li.button-color-6 a:hover {
			background-position: -300px 0;
			}
			
		#nav-reflection li.button-color-7 a:hover {
			background-position: -360px 0;
			}
			
		#nav-reflection li.button-color-8 a:hover {
			background-position: -420px 0;
			}