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

body{ 
	margin: 0;
	padding: 0;
}

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

.next, .prev{
	cursor:pointer;
}

#screen{
	position:relative;
	height: 900px;
	width: 800px;
	margin: 0 auto;
	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: 700px;
		margin: 10px 0 0 0;
		
	}
	
	#navigation ul {
	
	}
	
			#navigation li {
			float: left;
				margin: 0 10px 30px 0; 
				padding:10px 0;
				list-style-type: none;
				font-size: 18px;
				border: 1px solid #000000;


			}
				#navigation li a{
					border: 0;
					text-decoration: none;
				}
					
	
#sections{
	overflow:hidden;
	width: 800px;
	height: 700px;
	clear: left;
	margin-top: 10px;
	margin: 0 0 0 100px;
}
	
	#sections ul{
		width: 4800px;
		height: 700px;
		background-image: url(../images/apartment/robot-bg.jpg);
		background-repeat: no-repeat; 
	}
	
		#sections li{
			float:left;
			list-style-type: none;
			position: relative;
			width: 780px;
			margin: 0 20px 0 100px;
			padding: 20px 0;

		}
			
			#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 .button {
				width: auto;
				height: auto;
				margin: 15px;
			}
			
			
													#sections .leftside {float: left; width: 50%; height: 100%;}
													#sections .rightside {float: right; width: 50%;}
													#sections .tophalf {height: 50%;}
													#sections .bottomhalf {height: 50%; margin-top: 50%;}
													
													
			#sections .one {
				width: 100%;
			}
			
			#sections .one p {
			}
			#sections .start {
				font-size: 18px;
			}
			
						
			#sections .right{
				float: right;
			}
			
			#sections .left{
				float: left;
			}
			
			#sections blockquote {
				width: 90%;
				margin: 10px 10px 10px 50px;
				font-variant:small-caps;
			}
			
			#sections blockquote span {
				color: #FF0000;
			}
			
			#sections .blockquote
			
			#sections h1 {
				color: #000000;
				margin: 0 0 10px 0;
				font-size: 35px;
			}
			#sections h1 span {
				color: #FF0000;
			}
			#sections .push {
				margin: 0 0 0 70px;
			}
			
			#sections h2 {
				margin: 25px 0;
				padding: 0;
				color: #999999;
				font-size: 18px;
			}
			
			#sections h5 {
				margin: 0 0 10px 0;
			}
			
			
			
			#sections .imageBoxLeft {
			width: auto;
			height: auto;
			float: left;
			padding: 10px 10px 0 0;

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