#container 
{
	width: 590px;
	margin: 0 auto;
	text-align: left;
}
#feature 
{
	clear: both;
	float:left;
	position:relative;
	width:590px;
	height: 285px;
	padding: 0;
}
/* navigation  */
#navi 
{
	position: absolute;
	bottom: -5px;
	left: -43px;
	height: 30px;
	width: 615px;
}
#navi ul 
{
	height: 30px;
	width: 100%;
	list-style-type: none;
}
#navi li 
{
	cursor: pointer;
	float: left;
	width: 24%;
	height: 30px;
	position: relative;
	margin-left: 1px;
}
#navi li span.content
{
	display: block;
	overflow: hidden;
	background: url(../../images/scrollingads/slidebg.png) 0 0 repeat-x; 
	text-align: center;
	color: #fff;
	padding-top:5px;
	padding-bottom:8px;

}
#navi li span.content:hover
{
	text-decoration: none;
}
#navi li.first
{
	margin-left: 0;
}
#navi li.last
{
	width: 25%;
}
#navi li .indicator 
{
	display: none;
	height: 15px;
	width: 29px;
	background: url(../../images/scrollingads/slidetriangle.png) 0 0 no-repeat;
	position:absolute;
	top:-15px;
	left: 43%;
	z-index: 100;
}
#navi li.current span.content 
{
	background: url(../../images/scrollingads/slideactivebg.png) 0 0 repeat-x; 
}
#navi li span:hover 
{
	
}
#navi li.current .indicator {
	display: block;
}

/* panes */
#panes 
{
	height:265px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	color: #e5eef0;
}
#panes h2 
{
	color: #e5eef0;
}
#panes a {
     color: #000033;
 }

/* crossfading effect needs absolute positioning from the elements */
#panes div 
{
	display:none;		
	position:absolute;
	top:0;
	left:0;
	width:590px;
	height:265px;
	margin: 0;
	padding: 0;
}
#panes .slide1 
{
	background: url(../../images/scrollingads/bestof2011.jpg) 0 0 no-repeat;
}
#panes .slide2 
{
	background: url(../../images/scrollingads/timsblog.jpg) 0 0 no-repeat;
}
#panes .slide3 
{
	background: url(../../images/scrollingads/marathon_ad.png) 0 0 no-repeat;
}
#panes .slide4 
{
	background: url(../../images/scrollingads/nutrition_services.png) 0 0 no-repeat;
}
/* slide 1 styles */
#panes .slide2 .marathon
{
	color: #FFFFFF;
	text-shadow: #000 1px 1px 2px;
	font-size: 28px;
	position:absolute;
	top: 0px;
	left: 0px;
}

#panes .slide1 h2
{
	text-shadow: #000 2px 2px 2px;
	font-size: 36px;
	position:absolute;
	top:10px;
	left: 350px;
	letter-spacing: -1px;
	line-height: 45px;
}
#panes .slide1 h1
{
	text-shadow: #000 1px 1px 2px;
	font-size: 20px;
	position:absolute;
	top: 45px;
	left: 400px;
	line-height: 27px;
}
#panes .slide3 .register
{
	color: #FFFFFF;
	text-shadow: #000 1px 1px 2px;
	font-size: 28px;
	position:absolute;
	top: 175px;
	left: 355px;
}
#panes .slide4 .softball
{
	color: #FFFFFF;
	text-shadow: #000 1px 1px 2px;
	font-size: 28px;
	position:absolute;
	top: 0px;
	left: 0px;
}



/* slide 2 styles */
#panes .slide2 h2
{
	text-shadow: #000 1px 1px 1px;
	font-size: 36px;
	position:absolute;
	top:15px;
	left: 15px;
	line-height: 45px;
}
#panes .slide2 p
{	
	font-size: 14px;
	position:absolute;
	top: 50px;
	left: 25px;
	color:#FF0000;
}
#panes .slide2 p a
{
	font-size: 17px;
}
/* slide 3 styles */
#panes .slide3 h2
{
	text-shadow: #000 1px 1px 1px;
	font-size: 43px;
	position:absolute;
	top: 175px;
	right: 55px;
	line-height: 48px;
}
#panes .slide3 p.one
{	
	font-size: 18px;
	position:absolute;
	top: 175px;
	left: 100px;
}
#panes .slide3 p.two
{	
	position: absolute;
	top: 251px;
	left: 557px;
	font-size: 17px;
}
#panes .slide3 p a
{
	font-size: 17px;
}
/* slide 4 styles */
#panes .slide4 h2
{
	text-shadow: #000 1px 1px 1px;
	font-size: 45px;
	position:absolute;
	top:52px;
	left: 25px;
	line-height: 45px;
}
#panes .slide4 p
{	
	font-size: 18px;
	position:absolute;
	top: 124px;
	left: 57px;
	width: 410px;
}
#panes .slide4 p a
{
	font-size: 17px;
}
/* slide 5 styles */
#panes .slide5 h2
{
	text-shadow: #000 1px 1px 1px;
	font-size: 50px;
	position:absolute;
	top: 18px;
	left: 710px;
	line-height: 55px;
	width: 270px;
}
#panes .slide5 p
{	
	font-size: 16px;
	position:absolute;
	top: 200px;
	left: 710px;
	width: 270px;
}