/*
	 CSS-Tricks Example - MagicLine Demo
	 by Chris Coyier
	 http://css-tricks.com
*/

* { margin: 0; padding: 0; }

	html, body {
		height:100%;
		}

body { 
overflow:hidden; 
font-family:Arial, Helvetica, sans-serif;
background:#f1f1f1;
font-size:20px;
}

#distance { 
		width:1px;
		height:50%;
		background-color:#fc6;
		margin-bottom:-260px; /* half of container's height */
		float:left;
		}
		
#content {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:520px;
		width:850px;
		clear:left;
}

#titlu {
width:850px;
list-style:none;
background:#000000;
color:#FFFFFF;
float:right;
font-size:14px;
line-height:26px;
outline:none;
padding:10px 0px;
text-decoration:none;
text-align:center;
letter-spacing:12px;
margin:0px;
margin-top:8px;
margin-bottom:8px;
}

.nav-wrap { 
	margin: 0px auto; 
	background-color: #ccc; ; 
	border-top:    54px solid white; 
	border-bottom: 0px solid white; 
}

/* Clearfix */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
*:first-child+html .group { zoom: 1; } /* IE7 */


/* Example Two */
#example-two { 
	margin: 0px auto; 
	list-style: none; 
	position: relative; 
	width: 960px; 
}
#example-two li { 
	display: inline-block; 
}
#example-two li a { 
	position: relative; 
	z-index: 200; 
	color: #000; 
	font-size: 14px; 
	display: block; 
	float: left; 
	padding: 6px 10px 4px 10px;
	text-decoration: none;
	text-transform: uppercase; 
}
#example-two li a:hover { 
	color: white; 
}
#magic-line-two { 
	position: absolute; 
	top: 0px; 
	left: 0; 
	width: 100px; 
	background: #900; 
	z-index: 100; 
}
.current_page_item_two a { 
	color: white !important; 
}
.ie6 #example-two li, .ie7 #example-two li {
	display: inline;
}