@charset "utf-8";
/* CSS Document */

.graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
	
		#slider{
			text-align:center;
			margin:auto;
			padding:auto;
			position:relative;
		}	
		#slider ul, #slider li{
			margin:0;
			padding:0;
			list-style:none;
			}
		#slider li{ 
			/* 
				define width and height of list item (slide)
				entire slider area will adjust according to the parameters provided here
			*/ 
			width:900px;
			height:300px;
			overflow:hidden; 

			}	
		#prevBtn, #nextBtn{ 
			display:block;
			width:30px;
			height:77px;
			position:absolute;
			left:-20px;
			top:111px;
			}	
		#nextBtn{ 
			left:900px;
			}														
		#prevBtn a, #nextBtn a{  
			display:block;
			width:30px;
			height:77px;
			background:url(../images/header_img/left_btn.png) no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url(../images/header_img/right_btn.png) no-repeat 0 0;	
			}				
	
		.boxgrid{
			width: 900px;
			height: 300px;
			float:left;
			overflow:hidden;
		}

		.boxcaption{
			float: left;
			background: #000;
			height: auto;
			width: auto;
			padding:3px 10px 0px 10px;
			opacity: .8;
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			text-align:left;
			position:absolute;
			top:245px;*top:246px;
			left:0px;
			font-size:24px;
			color:#FFFFFF;
			
		}
		.boxcaption2{
			float: left;
			background: #000;
			height: auto;
			width: 100%;
			padding:5px 10px 5px 10px;			
			opacity: .8;
			/* For IE 5-7 */
			filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
			/* For IE 8 */
			-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			text-align:left;
			position:absolute;
			top:276px;
			left:0px;
			font-size:12px;
			color:#FFFFFF;			
		}

		ol#controls{
			margin:0px;
			padding:0px;
			position:absolute; 
			top:230px; 
			left:800px;
		}
		ol#controls li{
			background:url(../images/header_img/header_btn_off.gif) no-repeat top left;
			margin:0 10px 0 0; 
			padding:0;
			float:left;
			width:17px; 
			height:17px;			
			list-style:none;

			font-weight:bold;			
			}
		
		ol#controls li a{
			text-decoration:none;
			color:#00a6d7;						
			padding-left:5px;
		}
			
		ol#controls li:hover{
			background:url(../images/header_img/header_btn_on.gif) no-repeat top left; 
		}
		
		ol#controls li:hover a{
			color:#FFFFFF;
		}

		ol#controls li.current{
			background:url(../images/header_img/header_btn_on.gif) no-repeat top left; 
		}

		ol#controls li.current a{
			color:#FFFFFF;			
		}

		
		ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
		
		
		#header_0 {
			display:none;
		}

		#header_1 {
			display:none;
		}

		#header_2 {
			display:none;
		}

		#header_text_0 {
			display:none;
		}

		#header_text_1 {
			display:none;
		}

		#header_text_2 {
			display:none;
		}