@charset "UTF-8";

.tabnav {
	padding:0;
	margin:0;
	list-style:none;
	height:30px;
	position:relative;
	background-image: url(../../images/real-estate-tab-nav-grad.png);
	background-repeat: repeat-x;
}

.tabnav li.top {
	display:block;
	float:left;
}

.tabnav li a.top_link {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	color:#d4e5e5;
	text-decoration:none;
	font-size:12px;
	padding:0 0 0 10px;
	cursor:pointer;
	background: url(../../images/real-estate-tab-nav-left.png) no-repeat 0px -30px;
}

.tabnav li a.top_link span {
	float:left;
	display:block;
	padding:0 15px 0 5px;
	height:30px;
	background:url(../../images/real-estate-tab-nav-right.png) no-repeat right -30px;
}

.tabnav li a.top_link:hover {
	color:#fafafa;
	background: url(../../images/real-estate-tab-nav-left.png) no-repeat 0px 0px;
}

.tabnav li a.top_link:hover span {
	background:url(../../images/real-estate-tab-nav-right.png) no-repeat right 0px;
}


.tabnav li:hover > a.top_link {
	color:#fafafa;
	background: url(../../images/real-estate-tab-nav-left.png) no-repeat 0px 0px;
}

.tabnav li:hover > a.top_link span {
	background:url(../../images/real-estate-tab-nav-right.png) no-repeat right 0px;
}

/* page id tab nav
------------------------------------------------------------------*/
.tabnav li a.top_link_current {
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	color:#006666;
	text-decoration:none;
	font-size:12px;
	padding:0 0 0 10px;
	cursor:pointer;
	background: url(../../images/real-estate-tab-nav-left.png) no-repeat 0px -60px;
}

.tabnav li a.top_link_current span {
	float:left;
	display:block;
	padding:0 15px 0 5px;
	height:30px;
	background:url(../../images/real-estate-tab-nav-right.png) no-repeat right -60px;
}