#slider-container {
	width: 720px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	clear: both;
	overflow: hidden;
	}
	
	a#prev,
    a#next {
    	position: absolute;
    	top: 45%;
    	left: 0px;
    	font-size: 120px;
    	text-decoration: none;
    	z-index: 99;
    	color: blue;
    	
    	text-shadow: #999 0px 5px 10px;
    	} 
    a#prev { 
    	text-align: right; 
    	}
	a#next { 
		left: auto; 
		right: 0px; 
		}
	
	#slider {
		width: 100%;
		height: 100%;
		position: relative;
		clear: both;
		overflow: hidden;
		}
		#slider img {
		  	width: 200px;
		  	visibility: hidden; /* hide images until carousel can handle them */
		  	cursor: pointer; /* otherwise it's not as obvious items can be clicked */
		  	outline: none;
		  	border: 0;
		  	
		  	-webkit-box-shadow: 0 5px 10px 1px #999;
		  	-moz-box-shadow: 0 5px 10px 1px #999;
		  	box-shadow: 0 5px 10px 1px #999;
			}
	
		.split-left {
		  	width:400px;
		  	float:left;
			}
		.split-right {
		  	width:400px;
		  	float:left;
		  	margin-left:10px;
			}
	
	#activeTitle {
		width: 300px;
		height: 50px;
		margin: 0 0 0 -150px;
		position: absolute;
		left: 50%;
		bottom: 0;
		backgound: #999;
		color: #999;
		text-align: center;
		font-size: 1em;
		}