@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: 900px;
	margin: 0 auto;
	float: left;
	z-index: 4;
	overflow: auto;
}
	#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: 850px;
		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 a{
					color: #0000FF;
					text-decoration:none;
				}
					
	
#sections{
	overflow: hidden;
	width: 800px;
	height: 700px;
	clear: left;
	margin-top: 10px;
	margin: 0 0 0 100px;
}
	
	#sections ul{
		width: 5600px;
		height: 700px;
		background-image: url(../images/scalpers_bkgd.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;
				position: relative;
				z-index: 1;
			}
			
			#sections li p{
				font-size: 13px;
				line-height:1.4em;
				margin: 0 0 10px 0;
			}
			
			
													#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 li .white {
				color:  #FFFFFF;
			}
			#sections li .padding {
				padding: 0 5px;
			}
			
			#sections .start {
				font-size: 18px;
			}
			
						
			#sections .right{
				float: right;
			}
			
			#sections .left{
				float: left;
			}
			
			#sections li blockquote {
				width: 48%;
				float: right;
				font-size: 20px;
				line-height: 30px;
			}
			
			#sections li blockquote span {
				color: #FF0000;
			}
			
			#sections li blockquote .quoteauthor {
				color: #000000;
				margin: 10px 0 0 10px;
			}
						
			#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;
				font-size: 18px;
			}
			
			#sections li .links {
				margin-top: 30px;
				display: block;
				width: 210px;
				height: 30px;
				float: right;
			}
			
			
			
			#sections .imageBoxLeft {
			width: auto;
			height: auto;
			float: left;
			padding: 10px 10px 0 0;

			}
			#sections .imageBoxRight {
			width: 380px;
			height: auto;
			float: right;
			padding: 5px 0 10px 5px;
			}
			
			#sections  .imageBoxLeft .caption,  .imageBoxRight .caption {
			width: auto;
			height: auto;
			background-color:#000000;
			color:#FFFFFF;
			padding: 5px 0 5px 5px;
			margin: 0 0 10px 0;
			font-size: 12px;
			line-height: 16px;
			}
			
			#sections li .specialcaption {
				margin: 75px 0 0 0;
				padding: 0 5px;
				background-color: black;
				width: 45%;
				height: auto;
				float: left;
			}
			#sections li .specialcaption p {
				color: white;
			}