@charset "utf-8";
/* CSS Document */
.nav{
	float:left;
	width:1000px;
	padding:0px 0px;
	}
.nav_l{
	float:left;
	width:11px;
	height:70px;
	background:url(../../images/nav_l.jpg) left top no-repeat;
	}
.nav_r{
	float:left;
	width:11px;
	height:70px;
	background:url(../../images/nav_r.jpg) left top no-repeat;
	}
.nav_m{
	float:left;
	width:978px;
	height:70px;
	background:url(../../images/nav_m.jpg) left top repeat-x;
	}
.nav_link{
	float:left;
	width:771px;
	padding:0px;
	height:50px;
	}

a.button {
	/* Sliding right image */
	background: transparent url(../../images/button_right.png) no-repeat scroll top right; 
	display: block;
	float: right;
	height: 21px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 0px;
	padding-right: 16px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #ffffff;
	font:normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	
	}
a.button span {
	/* Background left image */ 
	background: transparent url(../../images/button_left.png) no-repeat; 
	display: block;
	line-height: 10px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 5px 0 7px 16px;
	} 
a.button:hover span{
	text-decoration:none;
	}
a.button_gray {
	/* Sliding right image */
	background: transparent url(../../images/button_right_gray.png) no-repeat scroll top right; 
	display: block;
	float:left;
	height: 23px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
	margin-right: 6px;
	padding-right: 18px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
	/* FONT PROPERTIES */
	text-decoration: none;
	color: #000;
	font:bold 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	
	}
a.button_gray span {
	/* Background left image */ 
	background: transparent url(../../images/button_left_gray.png) no-repeat; 
	display: block;
	line-height: 15px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
	padding: 4px 0 4px 18px;
	font:bold 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	} 
a.button_gray:hover span{
	text-decoration:none;
	font:bold 12px "Trebuchet MS",Arial, Helvetica, sans-serif;
	}
.ac_tab_main{
	float:left;
	width:455px;
	padding:0px 0px;
}
	
#nav-example {
    background:url(../../images/nav-final.jpg) no-repeat;
    width:455px;
    height:33px;
    margin:0;
    padding:0;
    }

#nav-example span {
    display: none;
    }

#nav-example li, #nav-example a {
    height:33px;
    display:block;
    }

#nav-example li {
    float:left;
    list-style:none;
    display:inline;
    }

#nav-example-01 {
    width: 101px;
    }
#nav-example-02 {width: 132px;}
#nav-example-03 {width: 102px;}
#nav-example-04 {width: 120px;}

#nav-example-01 a:hover { background:url(../../images/nav-final.jpg) 0px -34px no-repeat; }
#nav-example-02 a:hover { background:url(../../images/nav-final.jpg) -101px -34px no-repeat; }
#nav-example-03 a:hover { background:url(../../images/nav-final.jpg) -233px -34px no-repeat; }
#nav-example-04 a:hover { background:url(../../images/nav-final.jpg) -335px -34px no-repeat; }

#nav-example-01 a.active{ background:url(../../images/nav-final.jpg) 0px -34px no-repeat; }
#nav-example-02 a.active { background:url(../../images/nav-final.jpg) -101px -34px no-repeat; }
#nav-example-03 a.active { background:url(../../images/nav-final.jpg) -233px -34px no-repeat; }
#nav-example-04 a.active { background:url(../../images/nav-final.jpg) -335px -34px no-repeat; }


/* new added */

ul#topnav {	
	width:771px;
	list-style:none;
	height:50px;
	margin:0 auto; /* center nav in this demo */
	}

ul#topnav li {
	display:inline;
	}

ul#topnav li a {
	height:50px;
	float:left;
	text-indent:-9999px;
	text-decoration:none;
	}

ul#topnav li#topnav-1 a {
	width:72px;
	background:url(../../images/nav_bg.gif) no-repeat 0 0;
	}

ul#topnav  li#topnav-1 a:hover {
	background-position:0 -51px;
	}

ul#topnav  li#topnav-1 a.current {
	background-position:0 -51px;
	}
        
ul#topnav li#topnav-2 a {
	width:92px;
	background:url(../../images/nav_bg.gif) no-repeat -72px 0;
	}

ul#topnav  li#topnav-2 a:hover {
	background-position:-72px -51px;
	}

ul#topnav  li#topnav-2 a.current {
	background-position:-72px -51px;
	}
        
ul#topnav li#topnav-3 a {
	width:100px;
	background:url(../../images/nav_bg.gif) no-repeat -164px 0;
	}

ul#topnav  li#topnav-3 a:hover {
	background-position:-164px -51px;
	}

ul#topnav  li#topnav-3 a.current {
	background-position:-164px -51px;
	}
        
ul#topnav li#topnav-4 a {
	width:95px;
	background:url(../../images/nav_bg.gif) no-repeat -264px 0;
	}

ul#topnav  li#topnav-4 a:hover {
	background-position:-264px -51px;
	}

ul#topnav  li#topnav-4 a.current {
	background-position:-264px -51px;
	}

ul#topnav li#topnav-5 a {
	width:77px;
	background:url(../../images/nav_bg.gif) no-repeat -359px 0;
	}

ul#topnav  li#topnav-5 a:hover {
	background-position:-359px -51px;
	}

ul#topnav  li#topnav-5 a.current {
	background-position:-359px -51px;
	}
ul#topnav li#topnav-6 a {
	width:112px;
	background:url(../../images/nav_bg.gif) no-repeat -436px 0;
	}

ul#topnav  li#topnav-6 a:hover {
	background-position:-436px -51px;
	}

ul#topnav  li#topnav-6 a.current {
	background-position:-436px -51px;
	}
ul#topnav li#topnav-7 a {
	width:117px;
	background:url(../../images/nav_bg.gif) no-repeat -548px 0;
	}

ul#topnav  li#topnav-7 a:hover {
	background-position:-548px -51px;
	}

ul#topnav  li#topnav-7 a.current {
	background-position:-548px -51px;
	}
ul#topnav li#topnav-8 a {
	width:106px;
	background:url(../../images/nav_bg.gif) no-repeat -665px 0;
	}

ul#topnav  li#topnav-8 a:hover {
	background-position:-665px -51px;
	}

ul#topnav  li#topnav-8 a.current {
	background-position:-665px -51px;
	}