
#feature { 
  	float:left;
	width: 980px;
	height: 400px;
	position:relative;
	clear:both;
	background-color: #fff;
}
#navi ul {
	margin-left: 25px;
 	width:380px;
 	position:absolute;
 	top:375px;
 	left:0px;
	padding: 0px;
 	
}

#navi li {	
 	float:left;
 	list-style-type:none;
	text-align:center;
	display:inline;
	margin-left:5px;
}

#navi a {
	color:#333333;
	display:block;
	position:relative;
	font-size:11px;		
	text-decoration:none;
	opacity:0.2;
}	

#navi a.current {
	 opacity:1;
 
 }
 
 #navi a:hover {
	opacity:1;

}

#navi img {
	margin: 0px;
	display:block;
	width: 10px;
	height: 10px;
	  
}

#navi strong {
	display:block;		
	font-size:13px;
}

/* panes */
#panes {
	height:400px;
	width: 980px;
	/* must be relative so the individual panes can be absolutely positioned */
	position:relative;
	overflow:hidden;
}

/* crossfading effect needs absolute positioning from the elements */
#panes div {
	display:none;		
	position:absolute;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	width: 980px;
	margin: 0px;
  }
 
#panes img {
	float: left;
	margin:0px;
	width: 980px;
	height: 400px;
}

#panes p strong {
	display: block;
	font-size: 63px;
	color: #272727;
	text-transform: uppercase;
	letter-spacing: -2px;
}
 
#panes p {
	padding: 30px 0px 0px 30px;
	margin: 0px;
	color: #000;
	font-size: 14px;
}
#panes span {
	color: #727272;
	font-size: 23px;
	text-transform: uppercase;
	display: block;
	margin-top: 15px;
}
#panes .slider_content_01 {
	width: 980px;
	height: 400px;
	background: url(../images/slider_pic01.jpg) no-repeat left top;
}
#panes .slider_content_02 {
	width: 980px;
	height: 400px;
	background: url(../images/slider_pic02.jpg) no-repeat left top;
}
#panes .slider_content_03 {
	width: 980px;
	height: 400px;
	background: url(../images/slider_pic03.jpg) no-repeat left top;
}
#panes .slider_content_04 {
	width: 980px;
	height: 400px;
	background: url(../images/slider_pic04.jpg) no-repeat left top;
}
#panes .slider_content_05 {
	width: 980px;
	height: 400px;
	background: url(../images/slider_pic05.jpg) no-repeat left top;
}
#panes .slider_content_06 {
	width: 980px;
	height: 400px;
	background: url(../images/slider_pic06.jpg) no-repeat left top;
}
#panes .slider_content_07 {
	width: 980px;
	height: 400px;
	background: url(../images/slider_pic07.jpg) no-repeat left top;
}



