@import "four-column-page.css";

#single-column-page {
	position: relative;
	
	width: inherit;
	height: inherit;
	
	overflow: hidden;
}
	#single-column-page .page-column {
		position: relative;
		float: left;
		
		width: 100%;
		height: inherit;
	}
	
	#single-column-page .page-column .column-wrap {
		position: relative;
		width: 100%;
		height: inherit;
	}
		
	#single-column-page .page-column .column-wrap .column-content-wrap {
		position: relative;
	
		height: inherit;
		overflow: hidden;
	}
	
	#single-column-page .page-column .column-wrap .column-content-wrap .column-content { position: relative; }
	
	#single-column-page .page-column .scroll {
		position: absolute;
		left: 0px;
	
		width: 99%;
		height: 20px;
		
		z-index: 50;
	}
		
	#single-column-page .page-column .scroll:first-child {
		top: 0px;
		
		background-image: url('../../images/edge_fade_top.png');
	}
		
	#single-column-page .page-column .scroll:last-child {
		bottom: 0px;
		
		background-image: url('../../images/edge_fade_bottom.png');
	}
	
		#single-column-page .page-column .scroll .scroll-arrow {
			position: relative;
		
			width: 10px;
			height: 10px;
			
			left: 50%;
			margin-left: -5px;
			
			display: inline-block;
		}
		
		#single-column-page .page-column .scroll:first-child .scroll-arrow {
			background: url('../../images/arrow_up.png');
		}
		
		#single-column-page .page-column .scroll:last-child .scroll-arrow {
			background: url('../../images/arrow_down.png');
			top: 5px;
		}