#app {
	width: 800px;
	margin: 0px auto;
	background-color: #FFFFFF;
	padding: 0px 0px;
	}
		a {
			color: #21759B;
		}
		h1 {
			line-height: 2em;
		}
		h3 {
			margin: 1em 0em 0.2em 0em;
		}

		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: 10px; 

			_padding: 10px 10px 35px 10px; 
			border: 1px solid #B3B3B3; 
			display: table;
			clear: both;
			margin-bottom: 0px;
			_margin-bottom: 0px;
		}
.slideShow .navigation {
			margin-top: 10px;
		}
.slideShow .navigation a {
			background-color: #B3B3B3;
			margin: 0px 2px 0px 0px;
			padding: 3px 8px;
			color: #232323;
			text-decoration: none;
			float: left;
			font-size: 0.8em;
			float:left;
		}
.slideShow .navigation a:hover, .slideShow .navigation a.selected {
			background-color: #929292;
			color: #000000;
		}
		
/** slides with more than an image in it **/
		.slide img {
			position: absolute;
		}
		.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;
		}

ul li{
float:left;

}