/* --------- toptab --------- */

#toptab {
	height:30px;
	background:url(../img/bg_lgra.png) repeat-x top;
	background-position:center;
	border-top: #efefef solid 1px;
	border-bottom: #ffffff solid 1px;
}

#toptabin {
	margin:0 auto;
	width:auto;
	min-width:760px;
}

#toptabin ul {
	margin:0 0 0 10px;
	padding:0;
	width:840px;
	height:30px;
	border-right:#ffffff solid 1px;
	border-left:#dfdfdf solid 1px;
}

#toptabin li {
	float:left;
	width:120px;
	text-align:center;
	list-style-type:none;
}

#toptabin li a {
	padding:5px 0;
	display:block;
	border-right:#dfdfdf solid 1px;
	border-left:#ffffff solid 1px;
	text-decoration:none;
	color:#2a2a2a;
}

#toptabin ul li.active a {
	background:url(../img/bg_mgra.png) repeat-x top;
	background-position:center;
}

#toptab ul li.bgpur a:hover {
	background:url(../img/bg_lpur.png) repeat-x top;
	background-position:center;
}

#toptab ul li.bgora a:hover {
	background:url(../img/bg_lora.png) repeat-x top;
	background-position:center;
}

#toptab ul li.bgred a:hover {
	background:url(../img/bg_lred.png) repeat-x top;
	background-position:center;
}

#toptab ul li.bgblu a:hover {
	background:url(../img/bg_lblu.png) repeat-x top;
	background-position:center;
}

#toptab ul li.bgsky a:hover {
	background:url(../img/bg_lsky.png) repeat-x top;
	background-position:center;
}

#toptab ul li.bglg a:hover {
	background:url(../img/bg_lg.png) repeat-x top;
}