﻿/*slider style*/

	img{border:none;}
	pre{
		display:block;	
		width:584px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0px;
            padding:0px;
            display:block;
            overflow:hidden;
            }
    /* // image replacement */
			
	#container{	
		
		position:relative;
		text-align:left;
		width:584px;
		height:200px;	
		left:0px;	
		top:10px;
		}	
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0px;
		padding:0px;
		list-style:none;
		}
	#slider2{margin-top:0;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:584px;
		height:200px;
		overflow:hidden; 
		}															
	/* numeric controls */	

	ol#controls{
		height:8px;
		font-size:0px;
		}
	ol#controls li{
		width:50px;
		font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
		float:left;
		list-style:none;
		height:10px;
		
		}
	ol#controls:hover li{
		width:50px;
		font-family:"Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
		float:left;
		list-style:none;
		height:10px;
		}
		
	ol#controls li a{
		margin-top:6px;
		margin-left:-33px;
		float:left;
		line-height:10px;
		height:10px;
		width:50px;
		color:#e9e9e9;
		padding:0 0px;
		text-decoration:none;
		background-color:#333;
		border-radius:7px 7px 0px 0px;
		}
	ol#controls li.current a{
		height:10px;
		width:50px;
		border:medium;
		border-color:fuchsia;
		color:#e9e9e9;
		background-color:#555;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
