/* CSS Document */
/* SprySlidingPanels.css - version 0.1 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main SlidingPanels container. This selector
 * defines the width and height of the view port for the widget. Note that
 * this selector does not set the overflow property since that is done programatically
 * by the widget. Setting the overflow property programatically ensures that
 * the contens of the widget will be fully visible should JavaScript be disabled
 * in the browser.
 *
 * If you want to constrain the width of the SlidingPanels widget, set a width on
 * the SlidingPanels container. By default, our sliding panels widget expands
 * horizontally to fill up available space.
 *
 * The SlidingPanels container is positioned relative so that content inside it
 * can be positioned relative to its upper left corner.
 *
 * Avoid placing any CSS border or padding properties on the SlidingPanels container
 * as they can affect the proper positioning and sliding animations of the contents
 * inside the container.
 *
 * The name of the class ("SlidingPanels") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * SlidingPanels container.
 */

*html .SlidingPanels {
	margin-right: -3px;
	}
.SlidingPanels {
	position:absolute;
	height: 300px;
	width: 450px;
	padding: 0;
	margin:340px 90px 0 470px;
	border: none;
	display:inline;
	z-index:1;
}

#SlidingPanelsContentGroup {
	position: absolute;
	height:0;
	width:0;
	margin:0;
	min-height:0;
	padding: 0 ;
	border: none;
	z-index:1;
}
	
.SlidingPanelsContent {
	overflow:hidden;
	height: 300px;
	width: 450px;
	margin: 0;
	padding: 0;
	border: none;
	z-index:1;
	}
	
	
.SlidingPanelsAnimating * {
	overflow: hidden !important;
}

/* The class used in this selector is programatically added to the SlindingPanelsContent
 * container that is currently visible in the view port. The class is automatically removed
 * when the widget switches to a different panel.
 */
.SlidingPanelsCurrentPanel {


}


/* The class used in this selector is programatically added to the SlidingPanels container
 * anytime the SlidingPanels container is given focus. The class is automatically removed
 * once the SlidingPanels container loses focus.
 */
.SlidingPanelsFocused {
}

#p1 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin:0;
	
	
}
#p2 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
}
#p3 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
}
#p4 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
}
#p5 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin:0;
}
#p6 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}
#p7 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}
#p8 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}
#p9 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}
#p10 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}
#p11 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}
#p12 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}
#p13 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}
#p14 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}
#p15 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}
#p16 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}
#p17 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	}	
#p18 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
	margin: 0;
	
	}	
	
.names {
	font-size:16px:
	}	
.text {
	font-size:14px;
	line-height:20px;
	}
	
#bagelnames {
	position:absolute;
	margin: 110px 60px 0 60px;
	padding:0;
	text-align:center;
	}
.bagelname {
	font-size:14px;
	line-height: 20px;
	}
			
#box_text2 {
	color: #FFFFFF;
	font-size:16px;
	text-align:center;
	padding: 0;
	line-height: 25px;
	padding-top: 75px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;	
	margin-top: 275px;
	margin-right: 60px;
	margin-bottom: 0;
	margin-left: 450px;
	visibility:hidden;
	font-family: "Lucida Sans", Verdana, Arial, sans-serif;
}

#holder {
	height:-200px;
	width:450px;

	}
#holder_2 {
	height:-150px;
	width:450px;

	}