/* global */

#nav li {
	display: inline;
	float: left;
	}


#nav li a {
	display: block;
	text-decoration: none;
	}

.navAbout a {
	width: 153px;
	height: 30px;
	background: url(../img/navAbout.jpg) top left no-repeat;
	}


.navFree a {
	width: 96px;
	height: 30px;
	background: url(../img/navFree.jpg) top left no-repeat;
	}

.navTool a {
	width: 85px;
	height: 30px;
	background: url(../img/navTool.jpg) top left no-repeat;
	}

.navAccessup a {
	width: 129px;
	height: 30px;
	background: url(../img/navAccessup.jpg) top left no-repeat;
	}

.navRecommend a {
	width: 128px;
	height: 30px;
	background: url(../img/navRecommend.jpg) top left no-repeat;
	}

.navFaq a {
	width: 63px;
	height: 30px;
	background: url(../img/navFaq.jpg) top left no-repeat;
	}

.navInfo a {
	width: 102px;
	height: 30px;
	background: url(../img/navInfo.jpg) top left no-repeat;
	}

#nav li a:hover {
	background-position: 0px -30px;
	}

/* footer */

#txtnav li,
#subnav li,
.ecnav li {	
	display: inline;
	}

#txtnav {
	padding: 16px 0px 16px 0px;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 10px;
	}

#footer #subnav {
	text-align: right;
	padding: 5px 20px 5px 0px;
	background-color: #FFFFFF;
	background: url(../img/subbg2.gif) left top repeat-x;
	font-size: 10px;
	text-indent: -10000px;
	}

#footer #subnav li {
	text-indent: -10000px;
	}	

.ecnav {
	padding: 16px 0px 5px 0;
	text-align: center;
	font-size: 10px;
	}

.ecnav li {
	margin: 5px 0px;
	}

/* pan */

.pan {
	margin: 0px 2px;
	padding: 5px 0px 2px 20px;
	background: url(../img/subbg1.gif) left bottom repeat-x;
	font-size: 80%;
	}

.pan li {
	margin-left: 2px;
	display: inline;
	}