/* UI Top  */
/* ---------------------------------------------------- */

.ui-top {
	margin: auto;
	padding: 0;
	width: 820px;
	position: relative;
	background-color: #fff;
}

.ui-top .breadcrum {
	position: absolute;
	top: 89px;
	left: 0px;
}

.ui-top .breadcrum .note {
	width: 125px;
	height: 29px;
	float: left;
	background: url(../../img/icons/icon-breadcrum.gif) no-repeat;
}

.ui-top .breadcrum .levels {
	margin: 0;
	height: 29px;
	width: 370px;
	float: left;
}

.ui-top .breadcrum .levels ul {
	margin: 6px 0 0 0;
	padding: 0;
	list-style: none;
}

.ui-top .breadcrum .levels ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 13px;
}

.ui-top .breadcrum .levels ul li a {
	margin: 0;
	padding: 0 10px 0 4px;
	color: #7a7a7a;
	text-decoration: none;
	background: url(../../img/breadcrum-line.gif) no-repeat right 8px;
}

.ui-top .breadcrum .levels ul li.last a {
	background: none;
	font-weight: bold;
}

.ui-top .breadcrum .levels ul li a:hover {
	text-decoration: underline;
}

.ui-top .logo {
	position: absolute;
	top: 0px;
	right: 0px;
	border: 0;
}

/* UI Bottom  */
/* ---------------------------------------------------- */

.ui-bottom {
	margin: 0;
	padding: 65px 0 65px 0;
	width: 100%;
	background-color: #181818;
}