/* general styles, can be ignored */
	#app {
		width: 632px;
		height: 424px;
		margin: 0px auto;
		background-color: #ffffff;
		padding: 0px 0px;
		border:0px solid red;
	}
	
	code {
		background-color: #FFFBDF;
		padding: 8px 5px;
		border: 1px solid #A99862;
		display: block;
		overflow: auto;
		white-space:pre;
		margin: 0em 0em 1em 0em;
	}
	.faded, .faded a {
		color: #B2B2B2 !important;
	}
	.slideShow ul, .slideShow li {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	/* slideshow styles */
	.slideShow {
		padding: 0px; border: 1px solid #B3B3B3; display: table;
		clear: both;
		margin-bottom: 0px;
		height:424px;
		width:632px;
	}
	.slideShow .navigation {
		margin-top: 0px;
		clear: left;
		display: block;
		border:0px solid red;
		height:28px;
		padding-top:3px;
		padding-left:0px;
		padding-right:10px;

	
	}
	.slideShow .navigation a {
		background-color: #312817;
		margin: 0px 2px 0px 0px;
		padding: 3px 8px;
		color: #ffffff;
		text-decoration: none;
		float: left;
		font-size: 0.8em;
		border:2px solid #DEE1A7;
	}
	.slideShow .navigation a:hover, .slideShow .navigation a.selected {
		/*background-color: #929292;*/
		color: #ffffff;
		border:2px solid #ffffff;
	}
	
	/** slides with more than an image in it **/
	.slide img {
		position: absolute;
		border:0px solid red;
		height:390px;
		width:632px;
	}
	.slide h1 {
		position: absolute;
		background-color: #ffffff;
		left: 0px;
		top: 0px;
	}
	
	/** slideshow with images in navigation **/
	.navigation.white a, .navigation.white li {
		background-color: #ffffff;
	}
	.navigation.white a {
		border: 1px solid #ffffff;
		padding: 0px;
		line-height: 0.8em;
	}
	.navigation.white a:hover, .navigation.white a.selected {
		background-color: #ffffff;
		border: 1px solid #999;
	}