/*
	This is a ScriptBreaker.com extension.  The original tutorial can be found below.
	CSS Sprites Navigation Tutorial
	Original Tutorial Located at: http://buildinternet.com/2010/01/how-to-make-a-css-sprite-powered-menu/
	Made with love for Build Internet by Zach Dunn
*/

	#wrapper{width:750px; margin:0px auto; overflow:hidden;}
	
	

	
		
	
		
	/* Everything CSS Sprite Menu */
	ul#menu{margin:0; padding:0; list-style:none; clear:both;}
		#menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left; margin-right:0px;}
			#menu li a{background:url('images/nav-sprite.png') no-repeat; width:100%; height:100%; display:block;position:relative;}
			#menu li span{
			
			display:block;
			position:absolute;
			
			top:0px;
			left:0px;
			
			height:100%;
			width:100%;
			z-index:100;
			}
			
			/* Info Button */
			#menu li.info{width:100px; height:63px;}
				#menu li.info a{background-position:-0px 0px;}
				#menu li.info a span{background:url('images/nav-sprite.png') no-repeat; width:100px; height:63px; display:block;background-position:-0px -63px;}
				#menu li.info a.selected{background-position:-0px -63px;}
			
			/* Rooms Button */
			#menu li.rooms{width:120px; height:63px;}
				#menu li.rooms a{background-position:-90px 0px;}
				#menu li.rooms a span{background:url('images/nav-sprite.png') no-repeat; width:120px; height:63px; display:block;background-position:-90px -63px;}
				#menu li.rooms a.selected{background-position:-90px -63px;}
				
			/* Rates Button */
			#menu li.rates{width:120px; height:63px;}
				#menu li.rates a{background-position:-200px 0px;}
				#menu li.rates a span{background:url('images/nav-sprite.png') no-repeat; width:120px; height:63px; display:block;background-position:-200px -63px;}
				#menu li.rates a.selected{background-position:-200px -63px;}
				
							
			/* Attractions Button */
				#menu li.attractions{width:160px; height:63px;}
				#menu li.attractions a{background-position:-300px 0px;}
				#menu li.attractions a span{background:url('images/nav-sprite.png') no-repeat; width:160px; height:63px; display:block;background-position:-300px -63px;}
				#menu li.attractions a.selected{background-position:-300px -63px;}
				
							
			/* Location Button */
				#menu li.location{width:125px; height:63px;}
				#menu li.location a{background-position:-450px 0px;}
				#menu li.location a span{background:url('images/nav-sprite.png') no-repeat; width:125px; height:63px; display:block;background-position:-450px -63px;}
				#menu li.location a.selected{background-position:-450px -63px;}
				
							
			/* Contact Button */
				#menu li.contact{width:120px; height:63px;}
				#menu li.contact a{background-position:-580px 0px;}
				#menu li.contact a span{background:url('images/nav-sprite.png') no-repeat; width:120px; height:63px; display:block;background-position:-580px -63px;}
				#menu li.contact a.selected{background-position:-580px -63px;}