@charset "UTF-8";
/* CSS Document */

body{ 
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
}

ul, li, h4, h3, h2, h1, p{
	padding:0;
	margin:0;
	list-style:none;
}

.next, .prev{
	cursor:pointer;
}

#screen{
	position:relative;
	height: 800px;
	width: 940px;
	margin-top: 20px;
	float: left;
}
	#screen .next, #screen .prev{
	/*	position: absolute;
		top: 725px; 
		z-index: 5; */
		float: right;
	
}				

/*	#screen .prev{
		left: 100px; 
		position: absolute; 
	}
	#screen .next{
	position: absolute;
	left: 800px; */
	} 
	
	#navigation{
		height: auto;
		width: auto;
		margin: 0 auto;
		position: absolute;
		z-index: 2;
		left: 1px;
		border: 1px solid #000000;
/*		margin-left: 50px; */

	}
	
			#navigation li{
				float:left;
			/*	margin:0 20px; 
				padding:10px 0;
				list-style-type: decimal;
				list-style-position: outside;
				font-size: 26px; */
			}
				#navigation a{
					color:#933;
					font-weight:bolder;
					text-decoration:none;
				}
					#navigation a img {
					width: 100px;
					height: 92px;
					border: none;
					}
	
#sections{
	overflow:hidden;
	width: 940px;
	height: 700px;
/*	margin-left: 250px; */
	clear: left;
	position: absolute;
/*	top: 100px;  */
	margin-top: 10px;
}
	
	#sections ul{
		width: 7700px;
		height: 700px;
	/*	background-image: url(img/robot-bg.jpg);
		background-repeat: no-repeat; */
	}
	
		#sections li{
			float:left;
			padding:11px 30px;
			list-style-type: none;
			position: relative;
			width: 750px;
		}
			
			#sections .video {
			/*	text-align: center; */
				margin: 10px 0;
			}
			
			#sections p{
				
				font-size: 9pt;
				line-height:1.4em;
				margin: 0 0 10px 0;
			}
			
			#sections .page {
				margin: 0 0 0 120px;
			}
			#sections .page img {
				float:  right;
			}
			
			#sections .one {
				width: 300px;
				float: right;
			}
			
			#sections .one p {
				font-size: 14px;
			}
			
			.excerpt p {
				margin-top:2em;
				font-size:1.2em;
			}
			
			.excerpt p:first-letter {
				font-size:6em;
				line-height:0.75em;
				float:left;
				margin-right:0.1em;
				font-weight:bold;
			}
			
			#sections .two {
			
			}
	
			#sections .three { 
			
			}

			#sections .four {
			
			}

			#sections .five {
			
			}

			#sections .right{
				float: right;
			}
			
			#sections .left{
				float: left;
			}
			
			#sections blockquote {
				width: 200px;
				float: left;
				margin-top: 100px;
			}
			
			#sections h1 {
				color: #000000;
				margin: 0 0 10px 0;
				font-size: 35px;
			}
			#sections h1 span {
				color: #FF0000;
			}
			
			#sections h2 {
				margin: 25px 0;
				padding: 0;
				color: #999999;
				font-size: 18px;
			}
			
			#sections a{
				color:#777;
				font-weight:bolder;
				text-decoration:none;
			}
			
			
			#sections li .imageBoxLeft {
			width: auto;
			height: auto;
			float: left;
			padding: 10px 10px 0 0;

			}
			#sections li .imageBoxRight {
			width: auto;
			height: auto;
			float: right;
			padding:10px 0 10px 10px;
			}
			
			#sections li .imageBoxLeft .caption,  .imageBoxRight .caption {
			width: auto;
			height: 100%;
			background-color:#000000;
			color:#FFFFFF;
			padding-bottom: 5px;
			margin: 0 0 10px 0;
			font-size: 10px;
			}